/* ============================================================
   CLON MEDIDO — dirección «entrenador»
   Todos los valores están MEDIDOS sobre la referencia comercial
   (demo Alex Stone / ThemeREX) en viewport 1920x911 el 31-jul-2026.
   Cada número lleva su medida original en comentario.
   Código propio: ni una línea copiada de la referencia.
   Sustituciones obligadas por licencia:
     · display Termina (Adobe, comercial) → Anybody Variable wdth 117
       (OFL; ancho medido 1711 vs 1718 de Termina @100px = 0,4% de error)
     · cuerpo DM Sans → DM Sans (idéntica: es OFL)
   ============================================================ */

@font-face{
  font-family:'Anybody';
  src:url('fuentes/anybody-var.woff2') format('woff2-variations');
  font-weight:100 900; font-stretch:50% 150%; font-display:swap;
}
@font-face{font-family:'DM Sans';src:url('fuentes/dm-sans-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('fuentes/dm-sans-500.woff2') format('woff2');font-weight:500;font-display:swap}

:root{
  /* colores medidos con getComputedStyle */
  --papel:#f9f9f9;        /* rgb(249,249,249) fondo de página */
  --tinta:#0e0e0e;        /* rgb(14,14,14) secciones oscuras */
  --titulo:#1b1e1e;       /* rgb(27,30,30) titulares */
  --cuerpo:#8c8c8c;       /* rgb(140,140,140) texto corrido */
  --blanco:#fffefe;       /* rgb(255,254,254) */
  --acento:#26c0b7;       /* rgb(38,192,183) turquesa */
  --acento-2:#d8e02a;     /* amarillo de los galones */
  --gris-claro:#d3d3d3;   /* párrafo sobre oscuro */

  /* rejilla medida: márgenes de 70px y contenedor central de 1290px @1920 */
  --gutter:3.646vw;       /* 70/1920 */
  --contenedor:67.19vw;   /* 1290/1920 */

  --display:'Anybody','Arial Black',system-ui,sans-serif;
  --texto:'DM Sans',system-ui,-apple-system,sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--papel);color:var(--cuerpo);
  font:400 clamp(15px,.885vw,17px)/1.647 var(--texto); /* 17px / 27.999px medidos */
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

/* el display SIEMPRE con el eje de anchura calibrado contra Termina */
h1,h2,h3,.display,.kicker,.boton,.nav a,.marca{
  font-family:var(--display);font-stretch:117%;
}

.envoltura{max-width:100%;padding-inline:var(--gutter)}
.centrado{width:var(--contenedor);margin-inline:auto;max-width:calc(100% - 2*var(--gutter))}

/* kicker medido: 13px/18px, tracking 0.9px, 500, uppercase */
.kicker{
  font-size:clamp(11px,.677vw,13px);line-height:1.385;font-weight:500;
  letter-spacing:.069em;text-transform:uppercase;color:var(--titulo);
  display:block;
}
.oscuro .kicker{color:var(--blanco)}

/* h2 medido: 57px/57px, peso 600 */
h2{
  font-size:clamp(2rem,2.969vw,57px);line-height:1;font-weight:600;
  color:var(--titulo);letter-spacing:0;
}
.oscuro h2{color:var(--blanco)}

/* botón medido: 15px, 500, bg turquesa, radio 0, padding 13px 40px, alto 46px */
.boton{
  display:inline-block;font-size:clamp(13px,.781vw,15px);font-weight:500;
  background:var(--acento);color:var(--blanco);
  padding:13px 40px;border:0;border-radius:0;line-height:20px;
  transition:background .25s ease,color .25s ease;cursor:pointer;
}
.boton:hover{background:var(--titulo);color:var(--blanco)}

/* ================= CABECERA ================= */
.cabecera{
  position:fixed;inset:0 0 auto 0;z-index:50;background:var(--tinta);
  display:flex;align-items:center;gap:2rem;height:74px;
  padding-inline:var(--gutter);
}
.marca{color:var(--blanco);font-weight:600;font-size:clamp(15px,1.04vw,20px);line-height:.94;text-transform:uppercase;letter-spacing:.01em}
.marca span{color:var(--acento)}
.nav{margin-left:auto;display:flex;gap:2.05rem}
.nav a{font-size:clamp(12px,.729vw,14px);line-height:1.5;font-weight:600;color:var(--blanco);position:relative;padding-bottom:3px}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--blanco);transition:right .25s ease}
.nav a:hover::after,.nav a[aria-current]::after{right:0}
.cabecera .boton{margin-left:2.4rem}

/* ================= 1 · HERO ================= */
/* medido: sección oscura, titular 268px/218px, tracking -11.9px, peso 500 */
/* composición absoluta con los desplazamientos medidos entre capas:
   línea2 +239px, foto central +194px/x648, foto izq +580px/x70, foto der +509px/x1600 */
.hero{
  position:relative;background:var(--tinta);overflow:hidden;
  height:73.6vw;                  /* alto útil del hero; la banda de sellos va aparte */
}
.hero .envoltura{position:absolute;z-index:3;top:14.5vw;left:0;right:0}
.hero-titular{
  font-size:clamp(3.4rem,13.958vw,268px);   /* 268/1920 */
  line-height:.8134;                        /* 218/268 */
  letter-spacing:-.0444em;                  /* -11.9/268 */
  font-weight:500;text-transform:uppercase;color:var(--blanco);
}
.hero-titular .linea{display:block;overflow:hidden}
.hero-titular .linea i{display:block;font-style:normal}
.hero-titular .linea:nth-child(2){margin-left:32.97vw}  /* 633/1920 medido */
.hero-pie{
  position:absolute;z-index:4;top:37.36vw;left:var(--gutter);  /* +439px medido */
  color:var(--gris-claro);max-width:13.23vw;                   /* 254/1920 */
  font-size:clamp(14px,.885vw,17px);
}
/* cuñas turquesa: slivers finos en los bordes, como la referencia */
.hero .cuna{position:absolute;top:0;bottom:0;z-index:1;pointer-events:none;overflow:hidden;width:3.4vw}
.hero .cuna.izq{left:0}
.hero .cuna.der{right:0}
.hero .cuna i{position:absolute;top:-6%;bottom:-6%;width:170%;background:var(--acento);display:block}
.hero .cuna.izq i{left:-118%;transform:skewX(-9deg)}
.hero .cuna.der i{right:-118%;transform:skewX(-9deg)}
.hero .cuna.der i.fina{right:-150%;width:120%;background:transparent;border-right:2px solid rgba(255,255,255,.35)}
.galones{position:absolute;z-index:4;color:var(--acento-2);font:600 1.6vw/1 var(--display);letter-spacing:-.06em;left:73vw;top:16.5vw}
/* fotos DETRÁS del titular, con los desplazamientos medidos */
.hero-fotos{position:absolute;inset:0;z-index:2}
.hero-fotos img{position:absolute;object-fit:cover;filter:grayscale(.15) contrast(1.05)}
.hero-fotos .centro{left:33.75vw;top:24.6vw;width:43.9vw;height:43.39vw}   /* x648 +194 · 843x833 */
.hero-fotos .izq{left:var(--gutter);top:44.7vw;width:22.5vw;height:27.92vw} /* x70 +580 · 432x536 */
.hero-fotos .der{left:83.33vw;top:41vw;width:12.14vw;height:20.68vw}        /* x1600 +509 · 233x397 */

/* ================= 2 · BANDA DE MARCAS ================= */
/* medida: 6 piezas de 220x93 desde x=78, paso 235 */
.marcas{background:var(--tinta);padding:3.4vw 0 4.6vw}
.marcas .fila{display:flex;align-items:center;gap:.78vw;padding-inline:4.06vw}
.marcas .hueco{
  width:11.46vw;height:4.84vw;border:1px dashed #3a3a3a;
  display:flex;align-items:center;justify-content:center;
  color:#5a5a5a;font:500 .63vw/1 var(--texto);letter-spacing:.12em;text-transform:uppercase;
}
.marcas .rotulo{margin-left:auto;color:var(--blanco);font-family:var(--display);font-stretch:117%;font-weight:600;font-size:clamp(15px,1.15vw,22px);line-height:1.27;max-width:9vw}

/* ================= 3 · SERVICIOS ================= */
/* medido: contenedor 1290 centrado, 3 col de 410 con hueco de 30 */
.servicios{padding:6.5vw 0 5vw;text-align:center}
.servicios h2{margin-top:1.35vw}
.servicios .rejilla{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1.5625vw;  /* 30/1920 */
  margin-top:4.2vw;
}
.servicios figure{position:relative}
.servicios .marco{
  width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;
  transition:transform .5s cubic-bezier(.2,.9,.25,1);
}
.servicios figure:hover .marco{transform:translateY(-10px)}
.servicios .marco img{width:100%;height:100%;object-fit:cover}
.servicios .etiqueta{
  display:inline-block;margin:1.9vw 0 .6vw;color:var(--acento);
  font:500 clamp(11px,.677vw,13px)/1.385 var(--texto);letter-spacing:.069em;text-transform:uppercase;
}
.servicios h3{font-size:clamp(17px,1.25vw,24px);line-height:1.214;font-weight:600;color:var(--titulo)}  /* 24/29.14 medidos */
.servicios p{margin:.85vw auto 0;max-width:21.4vw}

/* ================= 4 · SOBRE MÍ ================= */
/* medido: h2 en x=69 ancho 717; párrafo en x=468 ancho 380 */
.sobre{padding:4vw 0 6.5vw;position:relative}
.sobre .caja{display:grid;grid-template-columns:1fr 1fr;gap:2vw;align-items:start}
.sobre h2{max-width:37.34vw;margin-top:1.3vw}   /* 717/1920 */
.sobre .parrafo{margin-left:20.7vw;margin-top:1.2vw;max-width:19.79vw}  /* 468 y 380 medidos */
.sobre .fotos{position:relative;height:33vw}
.sobre .fotos .grande{position:absolute;right:0;top:0;width:37.1vw;height:30.7vw;object-fit:cover}
.sobre .fotos .peq{position:absolute;left:0;bottom:0;width:16.1vw;height:19.8vw;object-fit:cover;border:10px solid var(--papel)}

/* ================= 5 · CREDO (oscuro) ================= */
.credo{background:var(--tinta);padding:6.5vw 0 5vw;text-align:center}
.credo .kicker{color:var(--blanco)}
.credo blockquote{
  margin:1.6vw auto 0;max-width:60vw;color:var(--blanco);
  font-family:var(--display);font-stretch:117%;font-weight:600;
  font-size:clamp(1.5rem,2.448vw,47px);line-height:1.021;   /* 47/48 medidos */
}
.credo .subrayado{
  background-image:linear-gradient(var(--blanco),var(--blanco));
  background-repeat:no-repeat;background-size:100% 3px;background-position:0 96%;
  padding-bottom:.06em;
}
.credo .autor{margin-top:2.1vw;color:var(--blanco);font-family:var(--display);font-stretch:117%;font-weight:600;font-size:clamp(14px,.94vw,18px)}
.credo .papel-autor{color:var(--gris-claro);font:400 clamp(13px,.83vw,16px)/1.6 var(--texto);margin-top:.35vw}
.credo .carrusel{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5vw;margin-top:3.6vw;padding-inline:var(--gutter)}
.credo .carrusel img{width:100%;height:21.9vw;object-fit:cover;filter:grayscale(.1)}
.credo .flechas{display:flex;gap:1.6vw;justify-content:center;margin-top:2vw}
.credo .flechas button{background:none;border:0;color:var(--blanco);font-size:1.5vw;cursor:pointer;opacity:.8}
.credo .flechas button:hover{opacity:1;color:var(--acento)}

/* ================= 6 · PLAN (lista numerada, estática) ================= */
.plan{padding:6vw 0}
.plan .cabeza{text-align:center;margin-bottom:3.4vw}
.plan h2{margin-top:1.35vw}
.plan ol{list-style:none}
.plan li{
  display:grid;grid-template-columns:5.2vw 1fr auto;align-items:center;gap:1.2vw;
  padding:1.35vw 0;border-top:1px solid #dcdcdc;transition:padding-left .28s ease;
}
.plan li:last-child{border-bottom:1px solid #dcdcdc}
.plan li:hover{padding-left:1.1vw}
.plan .num{font-family:var(--display);font-stretch:117%;font-weight:600;font-size:clamp(13px,.83vw,16px);color:var(--acento)}
.plan .nombre{font-family:var(--display);font-stretch:117%;font-weight:600;color:var(--titulo);font-size:clamp(18px,1.56vw,30px);line-height:1.15}
.plan .tag{font:400 clamp(12px,.73vw,14px)/1.5 var(--texto);letter-spacing:.08em;text-transform:uppercase;color:var(--cuerpo)}

/* ================= 7 · LLAMADA ================= */
.llamada{padding:2vw 0 6.5vw}
.llamada .caja{display:grid;grid-template-columns:1fr 1fr;gap:3vw;align-items:center}
.llamada .fotos{position:relative;height:33vw}
.llamada .fotos .grande{position:absolute;left:0;top:0;width:30.7vw;height:32.3vw;object-fit:cover}
.llamada .fotos .peq{position:absolute;right:2vw;bottom:-1.5vw;width:15.6vw;height:15.6vw;object-fit:cover;border:10px solid var(--papel)}
.llamada h2{margin:1.35vw 0 1.2vw}
.llamada p{max-width:26vw}
.llamada .boton{margin-top:2vw}

/* ================= 8 · DIARIO ================= */
.diario{padding:0 0 6vw}
.diario .caja{display:grid;grid-template-columns:.72fr 1fr;gap:3vw}
.diario h2{margin-top:1.35vw;max-width:9ch}
.diario .rejilla{display:grid;grid-template-columns:1fr 1fr;gap:2.6vw 3vw}
.diario .meta{display:flex;align-items:center;gap:.7vw;font:400 clamp(11px,.677vw,13px)/1.385 var(--texto);letter-spacing:.069em;text-transform:uppercase;color:var(--cuerpo)}
.diario .meta::before{content:"";width:1.35vw;height:2px;background:var(--titulo);flex:none}
.diario .meta b{color:var(--titulo);font-weight:500}
.diario article h3{margin-top:.7vw;font-size:clamp(17px,1.25vw,24px);line-height:1.214;font-weight:600;color:var(--titulo)}
.diario article:hover h3{color:var(--acento)}
.diario .mas{display:inline-block;margin-top:.8vw;color:var(--titulo);font:500 clamp(12px,.73vw,14px)/1 var(--texto)}
.diario .mas::after{content:" →"}

/* ================= 9 · TIRA ================= */
.tira{display:grid;grid-template-columns:repeat(6,1fr);position:relative}
.tira img{width:100%;height:16.7vw;object-fit:cover}
.tira .sello{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:5.2vw;height:5.2vw;border-radius:50%;background:var(--blanco);
  display:flex;align-items:center;justify-content:center;color:var(--titulo);font-size:1.8vw;
}

/* ================= PIE ================= */
.pie{background:var(--tinta);color:var(--gris-claro);padding:3.4vw 0}
.pie .caja{display:flex;align-items:center;justify-content:space-between;gap:2vw}
.pie .marca{color:var(--blanco)}
.pie small{font-size:clamp(12px,.73vw,14px)}

/* ================= MOTION (mejora, nunca requisito) ================= */
@media (prefers-reduced-motion:no-preference){
  html.con-motor .hero-titular .linea i{transform:translateY(105%)}
  html.con-motor .hero-titular .linea.visto i{transform:none;transition:transform 1.05s cubic-bezier(.16,1,.3,1)}
  html.con-motor .hero-titular .linea:nth-child(2).visto i{transition-delay:.13s}
  html.con-motor .revela{opacity:0;transform:translateY(30px)}
  html.con-motor .revela.visto{opacity:1;transform:none;transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1)}
  html.con-motor .credo .subrayado{background-size:0 3px;transition:background-size .9s cubic-bezier(.6,0,.2,1) .25s}
  html.con-motor .credo .subrayado.visto{background-size:100% 3px}
}

/* ================= MÓVIL ================= */
@media (max-width:820px){
  :root{--gutter:5.6vw}
  body{font-size:16px;line-height:1.65}
  .nav{display:none}
  .cabecera{height:64px}
  .cabecera .boton{margin-left:auto;padding:10px 20px;font-size:13px}
  /* en móvil el hero vuelve a flujo normal: la composición absoluta es de escritorio */
  .hero{height:auto;padding:96px 0 10vw}
  .hero .envoltura{position:static}
  .hero-titular{font-size:16.5vw;line-height:.86;letter-spacing:-.035em}
  .hero-titular .linea:nth-child(2){margin-left:16vw}
  .hero-pie{position:static;max-width:64vw;font-size:15px;margin:6vw 0 0;padding-inline:var(--gutter)}
  .hero-fotos{position:relative;inset:auto;height:88vw;margin-top:7vw}
  .hero-fotos .centro{left:26vw;top:0;width:68vw;height:66vw}
  .hero-fotos .izq{left:var(--gutter);top:24vw;width:34vw;height:42vw}
  .hero-fotos .der{display:none}
  .hero .cuna{width:6vw}
  .galones{position:static;display:block;font-size:5vw;margin:5vw 0 0;padding-inline:var(--gutter)}
  .marcas .fila{flex-wrap:wrap;gap:2vw;padding-inline:var(--gutter)}
  .marcas .hueco{width:29vw;height:12vw;font-size:2.4vw}
  .marcas .rotulo{max-width:none;margin:3vw 0 0;font-size:18px}
  .servicios .rejilla{grid-template-columns:1fr;gap:9vw;margin-top:9vw}
  .servicios .marco{max-width:74vw;margin-inline:auto}
  .servicios p{max-width:76vw}
  .servicios .etiqueta{margin:5vw 0 2vw;font-size:12px}
  .sobre .caja,.llamada .caja,.diario .caja{grid-template-columns:1fr;gap:7vw}
  .sobre h2{max-width:none}
  .sobre .parrafo{margin-left:0;max-width:none;margin-top:4vw}
  .sobre .fotos,.llamada .fotos{height:78vw}
  .sobre .fotos .grande{width:76vw;height:64vw}
  .sobre .fotos .peq{width:34vw;height:42vw;border-width:6px}
  .llamada .fotos .grande{width:68vw;height:72vw}
  .llamada .fotos .peq{width:32vw;height:32vw;border-width:6px}
  .llamada p{max-width:none}
  .credo blockquote{max-width:none;font-size:6.4vw;line-height:1.12}
  .credo .carrusel{grid-template-columns:1fr}
  .credo .carrusel img{height:54vw}
  .credo .flechas button{font-size:6vw}
  .plan li{grid-template-columns:11vw 1fr;padding:4vw 0}
  .plan .tag{display:none}
  .plan .nombre{font-size:5.2vw}
  .diario .rejilla{grid-template-columns:1fr;gap:7vw}
  .diario h2{max-width:none}
  .diario .meta::before{width:5vw}
  .tira{grid-template-columns:repeat(3,1fr)}
  .tira img{height:32vw}
  .tira .sello{width:16vw;height:16vw;font-size:6vw}
  .pie .caja{flex-direction:column;align-items:flex-start;gap:3vw}
}

/* ================= CABECERA DE PÁGINA INTERIOR ================= */
.cabecera-pagina{
  position:relative;background:var(--tinta);overflow:hidden;
  padding:calc(74px + 7vw) 0 6vw;
}
.cabecera-pagina .envoltura{position:relative;z-index:3}
.cabecera-pagina .kicker{color:var(--acento)}
.cabecera-pagina h1{
  margin-top:1.1vw;color:var(--blanco);font-weight:600;
  font-size:clamp(2.4rem,4.9vw,94px);line-height:.98;letter-spacing:-.015em;
  text-transform:uppercase;max-width:20ch;
}
.cabecera-pagina .cuna{position:absolute;top:0;bottom:0;right:0;width:3.4vw;z-index:1;overflow:hidden}
.cabecera-pagina .cuna i{position:absolute;top:-6%;bottom:-6%;right:-118%;width:170%;background:var(--acento);transform:skewX(-9deg);display:block}

/* ================= PRECIOS ================= */
.precios{padding:6.5vw 0 5vw;text-align:center}
.precios h2{margin-top:1.35vw}
.precios .rejilla{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5625vw;margin-top:4vw;text-align:left}
.precios .tarjeta{
  border:1px solid #dcdcdc;background:#fff;padding:2.6vw 2.1vw;
  display:flex;flex-direction:column;gap:1.1vw;
  transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s ease;
}
.precios .tarjeta:hover{transform:translateY(-8px);border-color:var(--titulo)}
.precios .destacada{border:2px solid var(--acento)}
.precios h3{font-family:var(--display);font-stretch:117%;font-weight:600;font-size:clamp(18px,1.35vw,26px);line-height:1.15;color:var(--titulo)}
.precios .frecuencia{color:var(--acento);font-weight:500;font-size:clamp(12px,.73vw,14px);letter-spacing:.069em;text-transform:uppercase}
.precios ul{list-style:none;display:flex;flex-direction:column;gap:.7vw;margin-top:.4vw}
.precios li{position:relative;padding-left:1.5vw;font-size:clamp(14px,.83vw,16px);line-height:1.5}
.precios li::before{content:"";position:absolute;left:0;top:.62em;width:.75vw;height:2px;background:var(--acento)}
.precios .tarjeta .boton{margin-top:auto;align-self:flex-start;text-align:center}
.precios .nota{margin:3vw auto 0;max-width:52ch;font-size:clamp(13px,.78vw,15px)}

/* ================= ARTÍCULO ================= */
.articulo{padding:5vw 0 6vw}
.articulo .envoltura{max-width:82ch;margin-inline:auto}
.articulo .entradilla{font-size:clamp(17px,1.15vw,22px);line-height:1.55;color:var(--titulo);margin-bottom:2.4vw}
.articulo p{margin-bottom:1.5vw}
.articulo h2{font-size:clamp(1.5rem,2.08vw,40px);margin:3vw 0 1.2vw}
.articulo .destacada{
  border-left:3px solid var(--acento);padding:.3vw 0 .3vw 1.8vw;margin:2.4vw 0;
  font-family:var(--display);font-stretch:117%;font-weight:600;color:var(--titulo);
  font-size:clamp(18px,1.56vw,30px);line-height:1.25;
}

/* ================= CONTACTO ================= */
.contacto{padding:5vw 0 6vw}
.contacto .caja{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:start}
.contacto h2{margin:1.2vw 0 1.2vw}
.contacto .datos{margin-top:2.4vw;display:flex;flex-direction:column;gap:1vw}
.contacto .hueco-dato{
  border:1px dashed #c9c9c9;padding:1.1vw 1.4vw;color:#9a9a9a;
  font-size:clamp(13px,.78vw,15px);letter-spacing:.04em;
}
.contacto .formulario{display:flex;flex-direction:column;gap:1.6vw;background:#fff;border:1px solid #dcdcdc;padding:2.6vw}
.contacto label{
  display:flex;flex-direction:column;gap:.5vw;color:var(--titulo);
  font-family:var(--display);font-stretch:117%;font-weight:600;
  font-size:clamp(12px,.73vw,14px);text-transform:uppercase;letter-spacing:.069em;
}
.contacto input,.contacto textarea{
  font:400 clamp(14px,.885vw,17px)/1.6 var(--texto);color:var(--titulo);
  border:0;border-bottom:1px solid #d2d2d2;background:transparent;padding:.6vw 0;
  outline:none;resize:vertical;
}
.contacto input:focus,.contacto textarea:focus{border-bottom-color:var(--acento)}
.contacto .formulario .boton{align-self:flex-start;border:0;cursor:pointer;font-family:var(--display);font-stretch:117%}
.contacto .aviso{font-size:clamp(12px,.7vw,13px);color:#a5a5a5}

@media (max-width:820px){
  .cabecera-pagina{padding:calc(64px + 14vw) 0 12vw}
  .cabecera-pagina h1{font-size:11vw;max-width:none}
  .precios .rejilla{grid-template-columns:1fr;gap:6vw;margin-top:9vw}
  .precios .tarjeta{padding:7vw 6vw;gap:4vw}
  .precios ul{gap:2.6vw}
  .precios li{padding-left:6vw}
  .precios li::before{width:3.4vw}
  .precios .nota{margin-top:8vw}
  .articulo{padding:10vw 0 12vw}
  .articulo .entradilla{font-size:18px;margin-bottom:8vw}
  .articulo p{margin-bottom:5vw}
  .articulo h2{font-size:7vw;margin:10vw 0 4vw}
  .articulo .destacada{padding-left:5vw;margin:8vw 0;font-size:5.6vw}
  .contacto .caja{grid-template-columns:1fr;gap:9vw}
  .contacto .formulario{padding:7vw 6vw;gap:6vw}
  .contacto label{font-size:12px;gap:2vw}
  .contacto .datos{gap:3vw;margin-top:7vw}
  .contacto .hueco-dato{padding:4vw}
  .contacto input,.contacto textarea{padding:2vw 0;font-size:16px}
}