/* Nogal Studio — hoja canónica. Las páginas sólo usan estas clases. */
@font-face{font-family:"Host Grotesk";src:url(../fonts/HostGrotesk-latin.woff2) format("woff2");font-weight:300 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Host Grotesk";src:url(../fonts/HostGrotesk-latin-ext.woff2) format("woff2");font-weight:300 800;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Host Reserva";src:local("Arial");size-adjust:101%;ascent-override:96%;descent-override:26%;line-gap-override:0%}

:root{
  --tinta:#141714;
  --tinta-2:#5c635d;
  --papel:#ffffff;
  --banda:#f1f4f1;
  --nogal:#0b6b4b;
  --nogal-texto:#ffffff;
  --nogal-2:#cfe4da;
  --filete:color-mix(in srgb,currentColor 14%,transparent);

  --max:1440px;
  --margen:clamp(16px,3.4vw,56px);
  --aire-1:clamp(80px,10vw,160px);
  --aire-2:clamp(40px,5vw,72px);

  --t-hero:clamp(52px,9.6vw,156px);
  --t-1:clamp(40px,5.4vw,84px);
  --t-2:clamp(30px,3.4vw,50px);
  --t-3:clamp(21px,1.9vw,26px);
  --t-4:19px;
  --t-cuerpo:17px;
  --t-chico:15px;
  --t-micro:13px;

  --peso-display:500;
  --peso-medio:500;
  --peso-texto:400;

  --dur-1:.12s;
  --dur-2:.24s;
  --dur-3:.5s;
  --ease:cubic-bezier(.16,1,.3,1);

  --alto-boton:52px;
  --alto-cab:72px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--alto-cab) + 16px)}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:"Host Grotesk","Host Reserva",system-ui,sans-serif;font-size:var(--t-cuerpo);line-height:1.6;font-weight:var(--peso-texto);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
:focus-visible{outline:2px solid var(--nogal);outline-offset:3px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.saltar{position:absolute;left:var(--margen);top:-60px;z-index:60;background:var(--tinta);color:var(--papel);padding:10px 16px;transition:top var(--dur-2) var(--ease)}
.saltar:focus{top:12px}

/* ── Tipografía: tamaño + valor; tracking según tamaño ── */
.t-hero{font-size:var(--t-hero);line-height:.9;letter-spacing:-.058em;font-weight:var(--peso-display)}
.t-1{font-size:var(--t-1);line-height:.96;letter-spacing:-.05em;font-weight:var(--peso-display)}
.t-2{font-size:var(--t-2);line-height:1.03;letter-spacing:-.04em;font-weight:var(--peso-display)}
.t-3{font-size:var(--t-3);line-height:1.18;letter-spacing:-.025em;font-weight:var(--peso-medio)}
.t-4{font-size:var(--t-4);line-height:1.35;letter-spacing:-.012em;font-weight:var(--peso-medio)}
.t-chico{font-size:var(--t-chico);line-height:1.55}
.t-micro{font-size:var(--t-micro);line-height:1.5}
.rotulo{font-size:var(--t-micro);line-height:1.4;color:var(--tinta-2)}
.apagado{color:var(--tinta-2)}
.gris{color:var(--tinta-2)}
.equilibrado{text-wrap:balance}
.texto-largo{max-width:60ch}
.texto-largo p+p{margin-top:1em}

/* ── Rejilla ── */
.envoltura{width:100%;max-width:calc(var(--max) + 2 * var(--margen));margin:0 auto;padding:0 var(--margen)}
.seccion{padding:var(--aire-1) 0}
.seccion--banda{background:var(--banda)}
.seccion--nogal{background:var(--nogal);color:var(--nogal-texto)}
.seccion--nogal .gris,.seccion--nogal .rotulo{color:var(--nogal-2)}
.seccion--pegada{padding-top:0}
.doce{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.cabeza{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end;margin-bottom:var(--aire-2)}
.cabeza__titulo{grid-column:1/9}
.cabeza__lado{grid-column:9/13;justify-self:end;max-width:34ch;text-align:right}
.filete{border:0;border-top:1px solid var(--filete);margin:0}

/* ── Botones: rectos, con flecha ── */
.boton{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;height:var(--alto-boton);padding:0 20px 0 22px;background:var(--tinta);color:var(--papel);font-size:var(--t-chico);font-weight:var(--peso-medio);border:0;cursor:pointer;white-space:nowrap;transition:background-color var(--dur-2) var(--ease)}
.boton .icono{transition:transform var(--dur-2) var(--ease)}
.boton:hover .icono{transform:translateX(4px)}
.boton:hover{background:var(--nogal)}
.boton--claro{background:var(--papel);color:var(--tinta)}
.boton--claro:hover{background:var(--nogal-2)}
.boton--linea{background:transparent;color:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 35%,transparent)}
.boton--linea:hover{background:transparent;box-shadow:inset 0 0 0 1px currentColor}
.boton--ancho{width:100%}
.enlace{display:inline-flex;align-items:center;gap:10px;font-weight:var(--peso-medio);border-bottom:1px solid currentColor;padding-bottom:3px;transition:gap var(--dur-2) var(--ease)}
.enlace:hover{gap:14px}
.icono{width:16px;height:16px;flex:0 0 auto}

/* ── Cabecera ── */
.cab{position:sticky;top:0;z-index:40;height:var(--alto-cab);background:var(--papel);border-bottom:1px solid var(--filete)}
.cab__fila{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.marca{display:inline-flex;align-items:center;gap:8px;font-size:21px;line-height:1;letter-spacing:-.035em;font-weight:560}
.marca__nuez{height:24px;width:auto;flex:none;color:var(--nogal);fill:currentColor}
.marca__b{font-weight:380;color:var(--tinta-2)}
.nav{display:flex;gap:30px;font-size:var(--t-chico)}
.nav a{position:relative;padding:6px 0;transition:opacity var(--dur-2) var(--ease)}
.nav:hover a:not(:hover){opacity:.4}
.nav a[aria-current="page"]{box-shadow:inset 0 -1px 0 currentColor}
.cab__acciones{display:flex;align-items:center;gap:18px;font-size:var(--t-chico)}
.cab__idioma{display:flex;gap:6px;align-items:center}
.cab__idioma a{color:var(--tinta-2);padding:6px 2px}
.cab__idioma a[aria-current="true"]{color:var(--tinta)}
.cab__carrito{position:relative;display:grid;place-items:center;width:40px;height:40px}
.cab__carrito .icono{width:20px;height:20px}
.cab .boton{height:42px;padding:0 16px 0 18px;gap:18px}
.cab__menu{display:none;width:44px;height:44px;border:0;background:none;padding:0;cursor:pointer}
.cab__menu span{display:block;width:22px;height:1.5px;margin:6px auto;background:currentColor;transition:transform var(--dur-2) var(--ease)}
.panel{position:fixed;inset:var(--alto-cab) 0 0 0;z-index:39;background:var(--papel);padding:28px var(--margen) 40px;display:flex;flex-direction:column;gap:28px;visibility:hidden;opacity:0;transition:opacity var(--dur-2) var(--ease),visibility 0s linear var(--dur-2);overflow:auto}
.panel a.t-2{display:block;padding:4px 0}
.menu-abierto .panel{visibility:visible;opacity:1;transition-delay:0s}
.menu-abierto .cab__menu span:nth-child(1){transform:translateY(3.75px) rotate(45deg)}
.menu-abierto .cab__menu span:nth-child(2){transform:translateY(-3.75px) rotate(-45deg)}

/* ── Hero tipográfico ── */
.hero{padding:clamp(48px,7vw,104px) 0 0}
.hero__fila{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:40px;align-items:end}
.hero__titulo{grid-column:1/11}
.hero__titulo .b{color:var(--tinta-2)}
.hero__lado{grid-column:1/13;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end;padding-top:32px;border-top:1px solid var(--filete)}
.hero__dato{grid-column:1/5;font-size:var(--t-4);line-height:1.45;letter-spacing:-.01em}
.hero__dato b{font-weight:var(--peso-medio)}
.hero__texto{grid-column:5/9;color:var(--tinta-2)}
.hero__botones{grid-column:9/13;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
.hero__foto{margin-top:var(--aire-2);aspect-ratio:21/9;overflow:hidden;background:var(--banda)}
.hero__foto img{width:100%;height:100%;object-fit:cover}

/* ── Lista de precios (pieza central) ── */
.precios{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 300px;column-gap:48px;align-items:start}
.pestanas{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.pestana{height:38px;padding:0 14px;border:1px solid color-mix(in srgb,var(--tinta) 18%,transparent);background:var(--papel);font-size:var(--t-chico);cursor:pointer;transition:background-color var(--dur-2) var(--ease),color var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease)}
.pestana[aria-pressed="true"]{background:var(--tinta);color:var(--papel);border-color:var(--tinta)}
.pestana span{color:var(--tinta-2);margin-left:6px}
.pestana[aria-pressed="true"] span{color:color-mix(in srgb,var(--papel) 70%,transparent)}
.lista-precios{border-top:1px solid var(--tinta)}
.renglon{display:grid;grid-template-columns:minmax(0,1fr) 220px 170px 150px 24px;gap:24px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--filete);transition:opacity var(--dur-2) var(--ease)}
.lista-precios:has(.renglon:hover) .renglon:not(:hover){opacity:.33}
.renglon__nombre{font-size:var(--t-3);line-height:1.2;letter-spacing:-.025em;font-weight:var(--peso-medio)}
.renglon__obj,.renglon__vig{font-size:var(--t-chico);color:var(--tinta-2)}
.renglon__precio{text-align:right;font-size:var(--t-3);letter-spacing:-.03em;font-weight:var(--peso-medio);white-space:nowrap}
.renglon__precio small{display:block;font-size:var(--t-micro);letter-spacing:0;font-weight:var(--peso-texto);color:var(--tinta-2)}
.renglon .icono{align-self:center;transition:transform var(--dur-2) var(--ease)}
.renglon:hover .icono{transform:translateX(4px)}
.renglon[hidden]{display:none}
.vista{position:sticky;top:calc(var(--alto-cab) + 32px);aspect-ratio:4/5;overflow:hidden;background:var(--banda)}
.vista img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--dur-2) var(--ease)}
.vista img.ver{opacity:1}
.vista__pie{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;background:var(--papel);font-size:var(--t-micro);color:var(--tinta-2);border-top:1px solid var(--filete)}

/* ── Tarjetas ── */
.rejilla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 24px}
.rejilla:has(.tarjeta:hover) .tarjeta:not(:hover){opacity:.33}
.tarjeta{display:flex;flex-direction:column;gap:18px;transition:opacity var(--dur-2) var(--ease)}
.tarjeta__foto{aspect-ratio:4/3;overflow:hidden;background:var(--banda)}
.tarjeta__foto img{width:100%;height:100%;object-fit:cover}
.tarjeta__titulo{font-size:var(--t-3);line-height:1.18;letter-spacing:-.025em;font-weight:var(--peso-medio);text-wrap:balance}
.tarjeta__pie{margin-top:auto;display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-top:14px;border-top:1px solid var(--filete);font-size:var(--t-chico)}
.tarjeta__pie b{font-weight:var(--peso-medio);font-size:var(--t-4);letter-spacing:-.02em}
.tarjeta[hidden]{display:none}

/* ── Paquetes sobre nogal ── */
.paquetes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.paquete{display:flex;flex-direction:column;gap:28px;padding:36px;border:1px solid color-mix(in srgb,var(--nogal-texto) 22%,transparent)}
.paquete__precio{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.paquete__precio b{font-size:var(--t-1);line-height:1;letter-spacing:-.05em;font-weight:var(--peso-display)}
.paquete ul li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid color-mix(in srgb,var(--nogal-texto) 18%,transparent);font-size:var(--t-chico)}
.paquete ul li .icono{margin-top:4px}
.paquete__pie{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}

/* ── Objetivos ── */
.objetivos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--filete)}
.objetivo{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;align-items:center;padding:24px 24px 24px 0;border-bottom:1px solid var(--filete);transition:opacity var(--dur-2) var(--ease)}
.objetivos:has(.objetivo:hover) .objetivo:not(:hover){opacity:.4}
.objetivo:nth-child(3n+2),.objetivo:nth-child(3n+3){padding-left:24px;border-left:1px solid var(--filete)}
.objetivo__foto{aspect-ratio:1;overflow:hidden}
.objetivo__foto img{width:100%;height:100%;object-fit:cover}

/* ── Proceso ── */
.pasos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.paso{display:flex;flex-direction:column;gap:14px;padding-top:24px;border-top:1px solid var(--tinta)}
.paso h3{font-size:var(--t-2);line-height:1.03;letter-spacing:-.04em;font-weight:var(--peso-display)}

/* ── Preguntas ── */
.faq{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.faq__titulo{grid-column:1/5}
.faq__lista{grid-column:6/13}
.faq details{border-top:1px solid var(--filete)}
.faq details:last-child{border-bottom:1px solid var(--filete)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;cursor:pointer;list-style:none;font-size:var(--t-4);letter-spacing:-.012em;font-weight:var(--peso-medio)}
.faq summary::-webkit-details-marker{display:none}
.faq summary .icono{transition:transform var(--dur-2) var(--ease)}
.faq details[open] summary .icono{transform:rotate(45deg)}
.faq details>div{padding:0 0 26px;max-width:62ch;color:var(--tinta-2)}

/* ── Llamado y pie ── */
.llamado{background:var(--nogal);color:var(--nogal-texto);padding:var(--aire-1) 0}
.llamado__fila{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:32px;align-items:end}
.llamado__titulo{grid-column:1/9}
.llamado__lado{grid-column:9/13;display:flex;flex-direction:column;gap:20px;align-items:flex-start;color:var(--nogal-2)}
.pie{padding:var(--aire-2) 0 28px;font-size:var(--t-chico)}
.pie__cols{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:40px;padding-bottom:var(--aire-2)}
.pie__cols h2{font-size:var(--t-micro);font-weight:var(--peso-texto);color:var(--tinta-2);margin-bottom:12px}
.pie__cols li{padding:3px 0}
.pie__cols ul:hover a:not(:hover){opacity:.4}
.pie__cols a{transition:opacity var(--dur-2) var(--ease)}
.pie__contacto{display:flex;flex-direction:column;gap:6px;color:var(--tinta-2)}
.pie__contacto a{color:var(--tinta)}
.pie__legal{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--filete);font-size:var(--t-micro);color:var(--tinta-2)}

/* ── Páginas: cabeza, listado ── */
.cabeza-pagina{padding:var(--aire-2) 0}
.cabeza-pagina__titulo{max-width:18ch}
.cabeza-pagina__titulo .b{color:var(--tinta-2)}
.filtros{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:var(--aire-2)}
.selector{display:flex;align-items:center;gap:10px;font-size:var(--t-chico);color:var(--tinta-2)}
.selector select{height:38px;padding:0 36px 0 12px;border:1px solid color-mix(in srgb,var(--tinta) 18%,transparent);border-radius:0;background:var(--papel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23141714' stroke-width='1.5'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;font:inherit;color:var(--tinta);cursor:pointer}
.conteo{font-size:var(--t-chico);color:var(--tinta-2);margin-bottom:24px}

/* ── Ficha de servicio ── */
.ficha-cabeza{padding:var(--aire-2) 0 32px}
.migas{display:flex;flex-wrap:wrap;gap:8px;font-size:var(--t-micro);color:var(--tinta-2);margin-bottom:24px}
.migas a:hover{color:var(--tinta)}
.ficha-cabeza__fila{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:24px;align-items:end}
.ficha-cabeza h1{grid-column:1/10;text-wrap:balance}
.ficha-cabeza__obj{grid-column:10/13;justify-self:end;text-align:right}
.ficha-foto{aspect-ratio:21/8;overflow:hidden;background:var(--banda)}
.ficha-foto img{width:100%;height:100%;object-fit:cover}
.ficha{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding-top:var(--aire-2);padding-bottom:var(--aire-1)}
.ficha__cuerpo{grid-column:1/8}
.ficha__lado{grid-column:9/13}
.ficha__desc{font-size:var(--t-3);line-height:1.3;letter-spacing:-.02em;font-weight:var(--peso-texto);max-width:30ch}
.bloque{padding-top:36px;margin-top:36px;border-top:1px solid var(--filete)}
.bloque>h2{font-size:var(--t-micro);color:var(--tinta-2);font-weight:var(--peso-texto);margin-bottom:16px}
.lista li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--filete)}
.lista li:last-child{border-bottom:1px solid var(--filete)}
.lista .icono{margin-top:5px}
.lista--no .icono{color:var(--tinta-2)}
.ideal{font-size:var(--t-4);line-height:1.45;letter-spacing:-.01em}
.compra{position:sticky;top:calc(var(--alto-cab) + 24px);display:flex;flex-direction:column;gap:18px;padding:28px;background:var(--banda)}
.compra__precio{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.compra__precio b{font-size:var(--t-1);line-height:1;letter-spacing:-.05em;font-weight:var(--peso-display)}
.compra__desglose{display:grid;gap:8px;padding:16px 0;border-top:1px solid var(--filete);border-bottom:1px solid var(--filete);font-size:var(--t-chico)}
.compra__desglose div{display:flex;justify-content:space-between;gap:16px}
.compra__desglose .total{font-weight:var(--peso-medio);font-size:var(--t-4)}
.compra__nota{font-size:var(--t-micro);color:var(--tinta-2)}
.etiqueta{display:inline-flex;align-self:flex-start;height:28px;align-items:center;padding:0 10px;border:1px solid color-mix(in srgb,var(--tinta) 22%,transparent);font-size:var(--t-micro)}
.compra-movil{display:none}

/* ── Contacto ── */
.columnas{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:48px}
.columnas>:first-child{grid-column:1/6}
.columnas>:last-child{grid-column:7/13}
.contacto-datos{display:flex;flex-direction:column;gap:24px;margin-top:var(--aire-2)}
.contacto-datos dt{font-size:var(--t-micro);color:var(--tinta-2);margin-bottom:4px}
.contacto-datos dd{font-size:var(--t-4)}
.formulario{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.formulario .ancho{grid-column:1/-1}
.campo{display:flex;flex-direction:column;gap:8px}
.campo label{font-size:var(--t-micro);color:var(--tinta-2)}
.campo input,.campo textarea,.campo select{height:var(--alto-boton);padding:0 16px;border:1px solid color-mix(in srgb,var(--tinta) 22%,transparent);border-radius:0;background:var(--papel);font:inherit;color:var(--tinta);width:100%}
.campo textarea{height:auto;min-height:170px;padding:14px 16px;resize:vertical}
.campo input:focus,.campo textarea:focus,.campo select:focus{outline:none;border-color:var(--tinta)}

/* ── Movimiento: aparición única ── */
.aparece{opacity:0;transform:translateY(20px);transition:opacity var(--dur-3) var(--ease),transform var(--dur-3) var(--ease)}
.aparece.visto{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{transition:none!important}.aparece{opacity:1;transform:none}}

/* ── Puntos de quiebre: 1100 y 760 ── */
@media (max-width:1100px){
  .nav,.cab__acciones .boton,.cab__idioma{display:none}
  .cab__menu{display:block}
  .hero__titulo{grid-column:1/-1}
  .hero__dato{grid-column:1/7}.hero__texto{grid-column:7/13}.hero__botones{grid-column:1/-1;justify-content:flex-start;margin-top:24px}
  .precios{grid-template-columns:minmax(0,1fr)}
  .vista{display:none}
  .renglon{grid-template-columns:minmax(0,1fr) 160px 140px 24px}
  .renglon__vig{display:none}
  .rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}
  .objetivos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .objetivo:nth-child(n){padding-left:0;border-left:0}
  .objetivo:nth-child(2n){padding-left:24px;border-left:1px solid var(--filete)}
  .paquetes{grid-template-columns:minmax(0,1fr)}
  .faq__titulo,.faq__lista{grid-column:1/-1}.faq__lista{margin-top:32px}
  .ficha__cuerpo,.ficha__lado{grid-column:1/-1}.ficha__lado{order:-1;margin-bottom:var(--aire-2)}
  .compra{position:relative;top:0}
  .pie__cols{grid-template-columns:repeat(3,minmax(0,1fr))}.pie__cols>div:first-child{grid-column:1/-1}
  .llamado__titulo,.llamado__lado{grid-column:1/-1}
  .columnas>:first-child,.columnas>:last-child{grid-column:1/-1}
}
@media (max-width:760px){
  :root{--t-cuerpo:16px;--t-4:18px;--alto-cab:64px}
  .cabeza__titulo,.cabeza__lado{grid-column:1/-1}.cabeza__lado{justify-self:start;text-align:left;margin-top:16px}
  .hero__dato,.hero__texto{grid-column:1/-1}.hero__texto{margin-top:16px}
  .hero__foto{aspect-ratio:4/3}
  .renglon{grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;padding:18px 0}
  .renglon__obj{grid-column:1;grid-row:2}
  .renglon__precio{grid-column:2;grid-row:1/3;align-self:center}
  .renglon .icono{display:none}
  .rejilla{grid-template-columns:minmax(0,1fr)}
  .objetivos{grid-template-columns:minmax(0,1fr)}
  .objetivo:nth-child(2n){padding-left:0;border-left:0}
  .pasos{grid-template-columns:minmax(0,1fr);gap:40px}
  .paquete{padding:24px}
  .ficha-cabeza h1,.ficha-cabeza__obj{grid-column:1/-1}.ficha-cabeza__obj{justify-self:start;text-align:left}
  .ficha-foto{aspect-ratio:4/3}
  .formulario{grid-template-columns:minmax(0,1fr)}
  .pie__cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .compra-movil{display:flex;position:fixed;inset:auto 0 0 0;z-index:30;justify-content:space-between;align-items:center;gap:16px;padding:12px var(--margen) calc(12px + env(safe-area-inset-bottom));background:var(--papel);border-top:1px solid var(--filete)}
  .compra-movil b{font-size:var(--t-4);font-weight:var(--peso-medio)}
  .con-compra-movil .pie{padding-bottom:84px}
}

/* ═════ LO PROPIO DEL SITIO (sitio/tema.css) — sobre la hoja de la maqueta ═════ */

/* Clases que en la maqueta eran estilos en línea */
.listado{padding-bottom:var(--aire-1)}
.paquete__titulo{margin-top:10px}
.compra__duda{align-self:flex-start}
.pie__lema{margin-top:10px}
.cabeza-pagina--corta{padding-bottom:var(--aire-2)}
.error__boton{margin-top:var(--aire-2)}
.panel__idioma{display:flex}
.compra button.boton{font:inherit;font-size:var(--t-chico);font-weight:var(--peso-medio)}

/* Carrito con su número */
.cab__carrito{color:inherit}
.cab__n{position:absolute;top:3px;right:1px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--tinta);color:var(--papel);font-size:11px;line-height:17px;text-align:center;font-weight:var(--peso-medio)}

/* Pagos en el pie */
.pie__pagos{display:flex;align-items:center;gap:20px;margin-top:24px}
.pie__pagos img{display:block;width:auto;height:auto}
.pie__pagos img[alt=Visa]{height:15px}
.pie__pagos img[alt=Mastercard]{height:24px}

/* Avisos */
.aviso{display:flex;gap:10px;align-items:flex-start;font-size:var(--t-chico);color:var(--tinta-2)}
.aviso .icono{flex:none;margin-top:3px}
.legal__idioma{margin-top:24px}

/* Formulario de contacto: el resultado del envío */
.formulario__aviso{padding:14px 16px;border-left:2px solid #9b2c1f;background:var(--banda);font-size:var(--t-chico)}
.formulario__aviso--ok{border-color:var(--nogal)}

/* Legales y textos largos */
.prosa{max-width:72ch;font-size:var(--t-cuerpo)}
.prosa>*+*{margin-top:1em}
.prosa h2{font-size:var(--t-3);line-height:1.2;letter-spacing:-.022em;font-weight:var(--peso-medio);margin-top:2em;padding-top:24px;border-top:1px solid var(--filete)}
.prosa ul,.prosa ol{padding-left:1.2em}
.prosa ul{list-style:disc}
.prosa ol{list-style:decimal}
.prosa li+li{margin-top:.4em}
.prosa a{border-bottom:1px solid currentColor}
.prosa table{width:100%;border-collapse:collapse;font-size:var(--t-chico)}
.prosa th,.prosa td{text-align:left;padding:12px 16px 12px 0;border-bottom:1px solid var(--filete);vertical-align:top}
.prosa th{font-weight:var(--peso-medio)}

/* ── WooCommerce: carrito, pago y pedido recibido, con el sistema del sitio ── */
.woo__sub{margin-top:12px}
.woo__cuerpo{font-size:var(--t-cuerpo)}
.woo .wc-block-components-button:not(.is-link),.woo .wc-block-cart__submit-button,.woo .wc-block-components-checkout-place-order-button{min-height:var(--alto-boton);border-radius:0!important;background:var(--tinta)!important;color:var(--papel)!important;font-weight:var(--peso-medio);font-size:var(--t-chico);border:0;transition:background-color var(--dur-2) var(--ease)}
.woo .wc-block-components-button:not(.is-link):hover{background:var(--nogal)!important}
.woo .wc-block-components-text-input input,.woo .wc-block-components-textarea,.woo .wc-blocks-components-select .wc-blocks-components-select__select,.woo .wc-block-components-combobox .wc-block-components-combobox-control input{border-radius:0!important;border-color:color-mix(in srgb,var(--tinta) 22%,transparent)!important}
.woo .wc-block-components-text-input input:focus,.woo .wc-block-components-textarea:focus{border-color:var(--tinta)!important;box-shadow:none!important;outline:none}
.woo .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]{border-radius:0}
.woo .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked{background:var(--nogal);border-color:var(--nogal)}
.woo .wc-block-components-checkbox .wc-block-components-checkbox__mark{fill:var(--papel)}
/* Carrito y pago: aire entre el formulario y el resumen (WooCommerce los deja pegados) */
.woo .wc-block-components-sidebar-layout.is-medium,.woo .wc-block-components-sidebar-layout.is-large{column-gap:64px}
.woo .wc-block-components-sidebar-layout.is-small .wc-block-components-sidebar,.woo .wc-block-components-sidebar-layout.is-mobile .wc-block-components-sidebar{margin-top:32px}
/* Los selectores de País y Región: el mismo aire (12 px) y la misma altura (50 px) que los demás campos */
.woo .wc-block-components-address-form__country,.woo .wc-block-components-address-form__state{margin-top:12px!important}
.woo .wc-blocks-components-select .wc-blocks-components-select__container{height:50px!important}
.woo .wc-block-components-address-form .wc-blocks-components-select{margin-top:0!important}
/* El resumen no repite la descripción: basta el nombre del servicio */
.woo .wc-block-components-product-metadata__description{display:none}
/* Un servicio se contrata una vez: sin selector de cantidad que no hace nada */
.woo .wc-block-cart-item__quantity .wc-block-components-quantity-selector{display:none}
.woo .wc-block-components-panel,.woo .wc-block-components-totals-wrapper,.woo .wc-block-components-order-summary{border-color:var(--filete)!important}
.woo .wc-block-components-title,.woo .wc-block-cart__totals-title{font-size:var(--t-4)!important;font-weight:var(--peso-medio)!important;text-transform:none!important;letter-spacing:-.012em}
.woo .wc-block-components-product-name{font-weight:var(--peso-medio);color:var(--tinta)}
.woo .wc-block-components-product-details{color:var(--tinta-2);font-size:var(--t-chico)}
.woo .wc-block-components-notice-banner{border-radius:0}
.woo .wc-block-cart__empty-cart__title{font-size:var(--t-2);letter-spacing:-.035em;font-weight:var(--peso-display);text-align:left}
.woo .wp-block-woocommerce-empty-cart-block p{margin-top:16px}
.woo .wc-block-components-radio-control__option{border-radius:0}
.woo .woocommerce-order-overview,.woo .woocommerce-thankyou-order-details{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;border-top:1px solid var(--filete);padding-top:16px}
.woo .woocommerce-order-details table,.woo .woocommerce-table{width:100%;border-collapse:collapse}
.woo .woocommerce-order-details th,.woo .woocommerce-order-details td{text-align:left;padding:12px 16px 12px 0;border-bottom:1px solid var(--filete)}
.woo h2{font-size:var(--t-3);letter-spacing:-.022em;font-weight:var(--peso-medio);margin:32px 0 16px}
.woo .woocommerce-notice--success{font-size:var(--t-4);margin-bottom:24px}

/* «MXN» en cada importe del carrito y el pago en bloques (la regla de Gretan: el precio nunca va sin moneda) */
.woo .wc-block-components-formatted-money-amount::after,.woo .wc-block-components-product-price__value::after{content:"\00a0MXN"}
.woo .wc-block-components-product-price__value .wc-block-components-formatted-money-amount::after{content:none}

/* ══ PAGO DE NOGAL — editorial y recto: resumen esmeralda a la izquierda, secciones con filete de tinta,
      campos de línea inferior, la tarjeta sobre la banda. Distinto a propósito del de Ceiba (boleto oscuro, campos rellenos y redondos). ══ */
@media (min-width:768px){
  .woo .wc-block-checkout.wc-block-components-sidebar-layout{flex-direction:row-reverse}
  .woo .wc-block-checkout__sidebar{position:sticky;top:calc(var(--alto-cab) + 24px);align-self:flex-start}
}
.woo .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block{background:var(--nogal);color:var(--nogal-texto);border:0!important;border-radius:0;padding:12px 8px}
.woo .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block *{color:inherit!important}
.woo .wc-block-checkout__sidebar .wc-block-components-totals-wrapper,.woo .wc-block-checkout__sidebar .wc-block-components-order-summary,.woo .wc-block-checkout__sidebar .wc-block-components-panel{border-color:color-mix(in srgb,var(--nogal-texto) 22%,transparent)!important}
.woo .wc-block-checkout__sidebar .wc-block-components-checkout-order-summary__title-text{font-size:var(--t-micro)!important;letter-spacing:.08em;text-transform:uppercase;font-weight:var(--peso-medio)}
.woo .wc-block-checkout__sidebar .wc-block-components-order-summary-item__image{border-radius:0}
.woo .wc-block-checkout__sidebar .wc-block-components-order-summary-item__image img{border-radius:0}
.woo .wc-block-checkout__sidebar .wc-block-components-order-summary-item__quantity{background:var(--nogal-texto)!important;color:var(--nogal)!important;border:0;box-shadow:none}
.woo .wc-block-checkout__sidebar .wc-block-components-totals-item__label,.woo .wc-block-checkout__sidebar .wc-block-components-product-metadata{opacity:.82}
.woo .wc-block-checkout__sidebar .wc-block-components-totals-footer-item .wc-block-components-totals-item__label{opacity:1;font-size:var(--t-4);font-weight:var(--peso-medio)}
.woo .wc-block-checkout__sidebar .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{font-size:clamp(28px,2.4vw,38px);line-height:1.05;letter-spacing:-.045em;font-weight:var(--peso-display);overflow-wrap:anywhere}
/* Secciones: filete de tinta arriba, como los pasos y la lista de precios */
.woo .wc-block-checkout__form .wc-block-components-checkout-step{border-top:1px solid var(--tinta);padding-top:22px;margin-bottom:40px}
.woo .wc-block-checkout__form #order-notes{border-top:0;padding-top:0}
.woo .wc-block-components-checkout-step__title{font-size:var(--t-3)!important;letter-spacing:-.02em;font-weight:var(--peso-medio)}
/* Campos de línea inferior */
.woo .wc-block-checkout__form .wc-block-components-text-input input,.woo .wc-block-checkout__form .wc-blocks-components-select .wc-blocks-components-select__select,.woo .wc-block-checkout__form .wc-block-components-textarea{border:0!important;border-bottom:1px solid color-mix(in srgb,var(--tinta) 35%,transparent)!important;background:transparent!important;border-radius:0!important;padding-left:0!important;padding-right:0!important;box-shadow:none!important}
.woo .wc-block-checkout__form .wc-block-components-text-input label,.woo .wc-block-checkout__form .wc-blocks-components-select__label{left:0!important;right:0!important}
.woo .wc-block-checkout__form .wc-block-components-text-input input:focus,.woo .wc-block-checkout__form .wc-blocks-components-select__select:focus{border-bottom:2px solid var(--nogal)!important}
.woo .wc-block-checkout__form .wc-blocks-components-select__expand{right:0}
/* La tarjeta: sobre la banda, sin marco */
.woo .wc-block-components-radio-control-accordion-option{background:var(--banda);border:0!important;border-radius:0!important;box-shadow:none!important}
.woo .wc-block-components-radio-control--highlight-checked::after,.woo .wc-block-components-radio-control-accordion-option::after{display:none!important}
.woo .wc-block-components-radio-control__input{border-color:var(--tinta)!important}
.woo .wc-block-components-radio-control__input:checked::before{background:var(--nogal)!important}
.woo label[for^=etomin_card]{font-size:var(--t-micro)!important;font-weight:var(--peso-texto)!important;color:var(--tinta-2);margin-top:14px!important}
.woo input[id^=etomin_card]{border:0!important;border-bottom:1px solid color-mix(in srgb,var(--tinta) 35%,transparent)!important;border-radius:0!important;background:transparent!important;padding:10px 0!important;font:inherit!important;font-size:var(--t-cuerpo)!important;color:var(--tinta)!important}
.woo input[id^=etomin_card]:focus{outline:none;border-bottom:2px solid var(--nogal)!important}
/* El botón para pagar: esmeralda, recto, con su flecha */
.woo .wc-block-components-button.wc-block-components-checkout-place-order-button:not(.is-link){background:var(--nogal)!important;display:flex!important;justify-content:space-between!important;padding:0 22px!important;min-height:58px!important}
.woo .wc-block-components-button.wc-block-components-checkout-place-order-button:not(.is-link):hover{background:var(--tinta)!important}
.woo .wc-block-components-checkout-place-order-button::after{content:"";width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 8h11M9.5 4l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") center/16px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 8h11M9.5 4l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E") center/16px no-repeat}
.woo .wc-block-checkout__actions_row{justify-content:stretch!important}
.woo .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button{width:100%}

/* ══ ETOMIN A LA VISTA — su logotipo oficial (el del propio plugin) junto al método y quién procesa el pago ══ */
.woo .wc-block-components-radio-control__option:has(#radio-control-wc-payment-method-options-etomin_gateway) .wc-block-components-radio-control__label-group{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}
.woo .wc-block-components-radio-control__option:has(#radio-control-wc-payment-method-options-etomin_gateway) .wc-block-components-radio-control__label-group::after{content:"";flex:none;width:82px;height:20px;background:url(/wp-content/plugins/wc_etomin_payment/src/img/etomin_logo.svg) center/contain no-repeat}
.woo #radio-control-wc-payment-method-options-etomin_gateway__content::after{content:"Pago procesado por Etomin";display:block;margin-top:16px;font-size:var(--t-micro);color:var(--tinta-2)}
html[lang^=en] .woo #radio-control-wc-payment-method-options-etomin_gateway__content::after{content:"Payment processed by Etomin"}
.woo .wc-block-checkout__sidebar .wc-block-components-checkout-order-summary__title,.woo .wc-block-checkout__sidebar .wc-block-components-checkout-order-summary__content{border-top:0!important;border-bottom:0!important}