/* ===== Contenedor ===== */
.mvTabs{
  max-width: 900px;
  margin: 0 auto;
  font-family: Arial, sans-serif;
  position: relative;
}

/* Ocultar radios */
.mvTabs > input{ 
  position:absolute; 
  left:-9999px; 
}

/* Línea superior */
.mvTabs__topline{
  border-top: 1px solid #d9d9d9;
  margin-bottom: 10px;
}

/* Header con tabs */
.mvTabs__header{
  display: inline-flex;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  overflow: hidden;
  background: #f5f5f5;
  margin-top: -12px; /* toca la línea */
}

/* Cada tab */
.mvTabs__tab{
  padding: 12px 18px;
  font-size: 15px;
  cursor: pointer;
  color: #6b6b6b;
  font-weight: 600;
  user-select: none;
  margin: 0;
}

/* Divisores */
.mvTabs__tab + .mvTabs__tab{
  border-left: 1px solid #d9d9d9;
}

/* Caja verde */
.mvTabs__content{
  margin-top: 14px;
  background: #dfeee0;
  border: 1px solid #cfe0cf;
  border-radius: 3px;
  padding: 18px 20px;
  color: #2f2f2f;
  line-height: 1.6;
}

/* Panels ocultos por defecto */
.mvTabs__panel{ display:none; }

/* Mostrar panel según tab seleccionado */
#mvtab1:checked ~ .mvTabs__content .p1{ display:block; }
#mvtab2:checked ~ .mvTabs__content .p2{ display:block; }
#mvtab3:checked ~ .mvTabs__content .p3{ display:block; }

/* Colorear tab activo (dorado) */
#mvtab1:checked ~ .mvTabs__header label[for="mvtab1"],
#mvtab2:checked ~ .mvTabs__header label[for="mvtab2"],
#mvtab3:checked ~ .mvTabs__header label[for="mvtab3"]{
  background: #b88a1a;
  color: #fff;
}

/* Responsive */
@media (max-width: 600px){
  .mvTabs__header{ display:flex; width:100%; }
  .mvTabs__tab{ flex:1; text-align:center; padding:12px 10px; font-size:14px; }
}