:root{
  --miel:#FFC83D; --miel-claro:#FFE18C; --tinta:#111111; --cobalto:#2B45D8; --blanco:#fff; --gris:#3d3d3d;
  --f-tit:'Bricolage Grotesque', 'Arial Black', system-ui, sans-serif;
  --f-cuerpo:'Work Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --borde:3px solid var(--tinta); --r:8px; --sombra:6px 6px 0 var(--tinta);
  --cab:84px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--cab) + 16px)}
body{margin:0;background:var(--blanco);color:var(--tinta);font:400 1.0625rem/1.65 var(--f-cuerpo)}
html.menu-abierto{overflow:hidden}
img{max-width:100%;height:auto}
a{color:inherit}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3{font-family:var(--f-tit);font-weight:800;line-height:1.02;letter-spacing:-.025em;margin:0 0 .45em;text-wrap:balance}
h3{font-size:1.45rem;font-weight:700;line-height:1.15;letter-spacing:-.01em}
.titulo-hero{font-size:clamp(3rem,7.2vw,6.6rem);margin-top:.35em}
.titulo-xl{font-size:clamp(2.6rem,6vw,5.2rem);margin-top:.35em}
.titulo-lg{font-size:clamp(2.3rem,4.8vw,4.1rem);margin-top:.35em}
.titulo-md{font-size:clamp(2rem,3.6vw,3.1rem);margin-top:.35em}
.titulo-sm{font-size:1.6rem;margin:0 0 .6em}
.texto-grande{font-size:1.1875rem}
.centro{text-align:center;margin-top:48px}
.caja{width:min(100% - 32px, 1200px);margin-inline:auto}
.ic{width:1.25em;height:1.25em;flex:none}

/* foco: clic sin anillo, teclado con anillo de marca que sigue la forma */
:focus:not(:focus-visible){outline:none}
:focus-visible{outline:3px solid var(--cobalto);outline-offset:3px}
.banda--cobalto :focus-visible,.banda--tinta :focus-visible,.pie :focus-visible{outline-color:var(--miel)}
.saltar{position:absolute;left:16px;top:-80px;z-index:100;background:var(--tinta);color:#fff;padding:12px 16px;border-radius:var(--r);font-weight:600}
.saltar:focus{top:12px}

/* bandas */
.banda{position:relative;padding-block:clamp(64px,9vw,128px);overflow-x:clip}
.banda--miel{background-color:var(--miel);border-block:var(--borde)}
.banda--miel::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100' viewBox='0 0 56 100'%3E%3Cpath d='M28 66L0 50L0 16L28 0L56 16L56 50L28 66L28 100' fill='none' stroke='%23111' stroke-opacity='0.11' stroke-width='2'/%3E%3Cpath d='M28 0L28 34L0 50L0 84L28 100L56 84L56 50L28 34' fill='none' stroke='%23111' stroke-opacity='0.11' stroke-width='2'/%3E%3C/svg%3E");background-size:84px 150px;
  -webkit-mask-image:linear-gradient(100deg,transparent 35%,#000 95%);mask-image:linear-gradient(100deg,transparent 35%,#000 95%);pointer-events:none}
.banda--miel>*{position:relative}
.banda--cobalto{background:var(--cobalto);color:#fff;border-block:var(--borde)}
.banda--tinta{background:var(--tinta);color:#fff}
.banda + .banda:not(.banda--miel):not(.banda--cobalto):not(.banda--tinta){padding-top:clamp(32px,5vw,64px)}

/* stickers */
.sticker{display:inline-flex;align-items:center;gap:.4em;padding:.3em .75em;border:2.5px solid var(--tinta);border-radius:6px;
  background:#fff;color:var(--tinta);font:700 1rem/1.25 var(--f-tit);letter-spacing:.01em;box-shadow:3px 3px 0 var(--tinta);transform:rotate(-2.5deg)}
.sticker--der{transform:rotate(2deg)}
.sticker--miel{background:var(--miel)}
.sticker--cobalto{background:var(--cobalto);color:#fff}
.sticker--blanco{background:#fff}

/* subrayado a mano */
.sub{position:relative;display:inline-block;white-space:nowrap}
.sub svg{position:absolute;left:-3%;bottom:-.16em;width:106%;height:.3em;overflow:visible;pointer-events:none}
.sub path{fill:none;stroke:var(--cobalto);stroke-width:8;stroke-linecap:round;vector-effect:non-scaling-stroke;
  stroke-dasharray:1;stroke-dashoffset:0;animation:dibuja .9s cubic-bezier(.6,.1,.3,1) .35s both}
.banda--cobalto .sub path,.banda--tinta .sub path{stroke:var(--miel)}
@keyframes dibuja{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}

/* botones */
.botones{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:52px;padding:.7em 1.3em;border:var(--borde);border-radius:var(--r);
  font:700 1.0625rem/1.15 var(--f-tit);text-decoration:none;cursor:pointer;box-shadow:4px 4px 0 var(--tinta);
  transition:transform .12s ease,box-shadow .12s ease,background-color .15s}
.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--tinta)}
.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--tinta)}
.btn--cobalto{background:var(--cobalto);color:#fff}
.btn--blanco{background:#fff;color:var(--tinta)}
.btn--miel{background:var(--miel);color:var(--tinta)}
.btn--grande{min-height:60px;font-size:1.1875rem;padding:.8em 1.5em}
.btn--ancho{width:100%}
.banda--tinta .btn{box-shadow:4px 4px 0 var(--miel);border-color:#fff}
.banda--tinta .btn:hover{box-shadow:6px 6px 0 var(--miel)}
.banda--tinta .btn:active{box-shadow:0 0 0 var(--miel)}
.btn .ic{width:1.2em;height:1.2em}

/* cabecera */
.cab{position:sticky;top:0;z-index:40;background:#fff;border-bottom:var(--borde);height:var(--cab)}
.cab__in{height:100%;display:flex;align-items:center;gap:24px}
.marca{display:flex;flex-direction:column;text-decoration:none;line-height:1;margin-right:auto;border-radius:6px;padding:4px 2px}
.marca__nombre{font:800 clamp(1.75rem,2.6vw,2.35rem)/1 var(--f-tit);letter-spacing:-.035em}
.marca__sub{font:600 1rem/1.2 var(--f-cuerpo);color:var(--gris);margin-top:4px}
.nav ul{display:flex;gap:4px}
.nav a{display:flex;align-items:center;min-height:44px;padding:0 14px;border:2.5px solid transparent;border-radius:var(--r);text-decoration:none;
  font:700 1.0625rem/1 var(--f-tit);transition:background-color .15s,border-color .15s}
.nav a:hover{border-color:var(--tinta)}
.nav a[aria-current="page"]{background:var(--miel);border-color:var(--tinta)}
.cab__cta{min-height:48px}
.burger{display:none;width:52px;height:52px;border:var(--borde);border-radius:var(--r);background:var(--miel);color:var(--tinta);
  box-shadow:3px 3px 0 var(--tinta);cursor:pointer;place-items:center;padding:0}
.burger:active{transform:translate(3px,3px);box-shadow:none}
.burger .ic{width:26px;height:26px}
.burger .ic-cerrar,.burger[aria-expanded="true"] .ic-abrir{display:none}
.burger[aria-expanded="true"] .ic-cerrar{display:block}
.menu-movil{position:fixed;inset:var(--cab) 0 0 0;z-index:39;background:var(--miel);padding:24px 16px 32px;overflow-y:auto;
  display:flex;flex-direction:column;gap:16px}
.menu-movil[hidden]{display:none}
.menu-movil ul{border-top:var(--borde);margin-bottom:8px}
.menu-movil li a{display:flex;align-items:center;justify-content:space-between;min-height:64px;border-bottom:var(--borde);text-decoration:none;
  font:800 2rem/1 var(--f-tit);letter-spacing:-.03em;border-radius:4px}
.menu-movil li a[aria-current="page"]{color:var(--cobalto)}
@media (max-width:1020px){
  :root{--cab:76px}
  .nav,.cab__cta{display:none}
  .burger{display:grid}
}

/* marcos y hexágonos */
.marco{position:relative;margin:0;border:var(--borde);border-radius:12px;background:var(--miel);box-shadow:8px 8px 0 var(--tinta)}
.marco img{display:block;width:100%;height:100%;object-fit:cover;border-radius:9px;mix-blend-mode:multiply}
.hexa{filter:drop-shadow(8px 8px 0 var(--tinta))}
.hexa__borde,.hexa__in{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
.hexa__borde{background:var(--tinta);padding:3.2%;aspect-ratio:1.1547}
.hexa__in{width:100%;height:100%;background:var(--miel)}
.hexa__in img{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.ico-hex{display:grid;place-items:center;width:68px;aspect-ratio:1.1547;background:var(--miel);color:var(--tinta);
  clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);margin-bottom:18px}
.ico-hex .ic{width:28px;height:28px}
.ico-hex--cobalto{background:var(--cobalto);color:#fff}
.ico-hex--peq{width:52px;margin:0;flex:none}
.ico-hex--peq .ic{width:22px;height:22px}

/* Melí */
.meli{position:absolute;pointer-events:none;height:auto;animation:vuelo 5s ease-in-out infinite}
@keyframes vuelo{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(3deg)}}

/* rejillas y tarjetas */
.rejilla{display:grid;gap:28px}
.rejilla--2{grid-template-columns:repeat(2,1fr)}
.rejilla--3{grid-template-columns:repeat(3,1fr)}
.rejilla--4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1020px){.rejilla--4,.rejilla--3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:680px){.rejilla--4,.rejilla--3,.rejilla--2{grid-template-columns:1fr}}
.encabezado{max-width:760px;margin-bottom:48px}
.encabezado__intro{font-size:1.1875rem;color:var(--gris)}
.banda--cobalto .encabezado__intro,.banda--tinta .encabezado__intro{color:#fff}
.tarjeta{--rot:0deg;position:relative;background:#fff;color:var(--tinta);border:var(--borde);border-radius:12px;box-shadow:var(--sombra);padding:28px;
  transform:rotate(var(--rot));transition:transform .18s ease,box-shadow .18s ease}
.tarjeta p:last-child{margin-bottom:0}
.tarjeta--area:nth-child(odd){--rot:-1deg}
.tarjeta--area:nth-child(even){--rot:1deg}
.tarjeta--area:hover{transform:rotate(0) translate(-3px,-3px);box-shadow:9px 9px 0 var(--tinta)}
.tarjeta--miel{background:var(--miel)}
.tarjeta__num{position:absolute;top:-18px;right:20px}

/* hero */
.hero{padding-block:clamp(48px,7vw,96px) clamp(64px,8vw,112px)}
.hero__rejilla{display:grid;grid-template-columns:1.12fr .88fr;gap:56px;align-items:center}
.hero__desc{font-size:clamp(1.125rem,1.5vw,1.3125rem);max-width:600px;margin-top:8px}
.hero__trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:32px;font-weight:600}
.hero__trust li{display:flex;align-items:center;gap:8px}
.hero__trust .ic{width:24px;height:24px;padding:3px;background:var(--tinta);color:var(--miel);border-radius:5px}
.hero__arte{position:relative;padding:0 0 40px 24px}
.marco--hero{aspect-ratio:1200/896;transform:rotate(2deg)}
.hero__diez{position:absolute;top:-14px;right:-6px;font-size:1.35rem;transform:rotate(6deg)}
.hero__meli{position:absolute;left:-36px;bottom:-34px;width:clamp(120px,13vw,172px);aspect-ratio:4/5}
.meli--hero{position:relative;width:100%}
.globo{position:absolute;bottom:104%;left:46%;white-space:nowrap;background:#fff;border:2.5px solid var(--tinta);border-radius:8px;padding:6px 12px;
  font:700 1rem/1.2 var(--f-tit);box-shadow:3px 3px 0 var(--tinta);transform:rotate(-3deg)}
@media (max-width:1020px){
  .hero__rejilla{grid-template-columns:1fr;gap:48px}
  .hero__arte{max-width:620px;margin-inline:auto;width:100%;padding:0 8px 40px 32px}
}
@media (max-width:680px){
  .hero__meli{left:-6px;bottom:-30px;width:104px}
  .hero__diez{font-size:1.1rem;right:0}
  .globo{left:30%}
}

/* cinta */
.cinta{background:var(--tinta);color:var(--miel);overflow:hidden;white-space:nowrap;border-bottom:var(--borde)}
.cinta__pista{display:flex;width:max-content;animation:cinta 40s linear infinite}
.cinta__grupo{display:flex;align-items:center;gap:28px;padding:20px 14px;font:800 clamp(1.4rem,2.4vw,2rem)/1 var(--f-tit);letter-spacing:-.02em}
.cinta__hex{width:22px;height:20px;fill:var(--cobalto);stroke:var(--miel);stroke-width:2}
@keyframes cinta{to{transform:translateX(-50%)}}

/* método */
.metodo__rejilla{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
.metodo__tit{color:var(--miel)}
.metodo__intro{font-size:1.25rem;max-width:560px}
.ingredientes{display:grid;gap:18px;margin-top:32px}
.ingrediente{display:flex;gap:18px;align-items:flex-start;background:#fff;color:var(--tinta);border:var(--borde);border-radius:12px;padding:20px 22px;box-shadow:var(--sombra)}
.ingrediente:nth-child(2){margin-left:28px}
.ingrediente:nth-child(3){margin-left:56px}
.ingrediente h3{margin-bottom:.25em}
.ingrediente p{margin:0}
.ingrediente__num{flex:none;display:grid;place-items:center;width:62px;aspect-ratio:1.1547;background:var(--miel);
  clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);font:800 1.5rem/1 var(--f-tit)}
.metodo__arte{position:relative}
.hexa--metodo{width:min(100%,500px);margin-inline:auto}
.metodo__etiqueta{position:absolute;bottom:8%;left:4%;font-size:1.3rem}
.metodo__extras{margin-top:64px}
.tarjeta--plana{display:grid;grid-template-columns:auto 1fr;column-gap:20px}
.tarjeta--plana .ico-hex{grid-row:span 2;margin:0}
.tarjeta--plana h3{margin-bottom:.3em}
@media (max-width:1020px){
  .metodo__rejilla{grid-template-columns:1fr;gap:48px}
  .hexa--metodo{width:min(100%,420px)}
}
@media (max-width:680px){
  .ingrediente:nth-child(n){margin-left:0}
  .tarjeta--plana{grid-template-columns:1fr}
  .tarjeta--plana .ico-hex{grid-row:auto;margin-bottom:16px}
}

/* servicios */
.servicio{display:flex;flex-direction:column;border:var(--borde);border-radius:14px;background:#fff;box-shadow:var(--sombra);overflow:visible}
.servicio .marco{border:0;border-bottom:var(--borde);border-radius:11px 11px 0 0;box-shadow:none;aspect-ratio:4/3}
.servicio .marco img{border-radius:11px 11px 0 0}
.servicio__cat{position:absolute;left:16px;top:16px}
.servicio__cuerpo{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:30px 26px 28px;flex:1}
.servicio__cuerpo .btn{margin-top:auto}
.servicio__meta{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--gris)}
.precio-tag{position:absolute;top:-26px;right:18px;background:var(--miel);border:var(--borde);border-radius:8px;padding:6px 14px;
  font:800 1.35rem/1.1 var(--f-tit);box-shadow:3px 3px 0 var(--tinta);transform:rotate(3deg)}
.precio-tag--grande{top:auto;bottom:-24px;right:-10px;font-size:1.8rem;padding:8px 18px}

/* pasos */
.pasos{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative;counter-reset:p}
.pasos::before{content:"";position:absolute;left:42px;right:calc(25% - 63px);top:36px;border-top:3px dashed var(--tinta)}
.paso{position:relative}
.paso__num{display:grid;place-items:center;width:84px;aspect-ratio:1.1547;margin-bottom:20px;background:var(--cobalto);color:#fff;
  clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);font:800 2rem/1 var(--f-tit);filter:none}
.paso h3{margin-bottom:.35em}
.meli--pasos{width:150px;right:max(16px,calc(50% - 680px));top:40px}
@media (max-width:1020px){.pasos{grid-template-columns:repeat(2,1fr);row-gap:40px}.pasos::before{display:none}.meli--pasos{width:110px;top:24px}}
@media (max-width:680px){.pasos{grid-template-columns:1fr}.pasos-banda{padding-bottom:150px}.meli--pasos{width:100px;top:auto;bottom:24px;right:20px}}

/* sobre mí */
.sobre__rejilla{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:center}
.sobre__arte{position:relative;max-width:440px;width:100%;margin-inline:auto;padding:24px 16px 0 0}
.marco--retrato{aspect-ratio:896/1200;transform:rotate(-2deg)}
.sobre__hola{position:absolute;top:0;right:0;font-size:1.25rem;transform:rotate(4deg)}
.checks{display:grid;gap:12px;margin:8px 0 28px}
.checks li{display:flex;gap:12px;align-items:flex-start;font-weight:500}
.checks .ic{width:28px;height:28px;padding:4px;margin-top:-1px;background:var(--miel);border:2px solid var(--tinta);border-radius:6px;flex:none}
.checks--corazon .ic{background:#fff}
.plan--destacado .checks .ic{border-color:#fff}
@media (max-width:1020px){.sobre__rejilla{grid-template-columns:1fr;gap:48px}}

/* preguntas */
.faq__rejilla{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}
.faq__lado{position:sticky;top:calc(var(--cab) + 32px)}
.faq__lado p{font-size:1.125rem;color:var(--gris)}
.pregunta{border:var(--borde);border-radius:12px;background:#fff;box-shadow:4px 4px 0 var(--tinta);margin-bottom:18px}
.pregunta summary{position:relative;display:flex;align-items:center;min-height:64px;padding:16px 72px 16px 22px;border-radius:9px;cursor:pointer;
  list-style:none;font:700 1.25rem/1.25 var(--f-tit);transition:background-color .15s}
.pregunta summary::-webkit-details-marker{display:none}
.pregunta summary:hover{background:#FFF3CF}
.pregunta[open] summary{background:var(--miel);border-bottom:var(--borde);border-radius:9px 9px 0 0}
.pregunta__signo{position:absolute;right:16px;top:50%;width:40px;height:40px;margin-top:-20px;display:grid;place-items:center;
  border:2.5px solid var(--tinta);border-radius:6px;background:#fff;transition:transform .2s}
.pregunta[open] .pregunta__signo{transform:rotate(45deg)}
.pregunta p{padding:18px 22px 20px;margin:0}
@media (max-width:1020px){.faq__rejilla{grid-template-columns:1fr;gap:40px}.faq__lado{position:static}}

/* llamado final */
.final__in{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
.final__texto p{font-size:1.1875rem;max-width:560px}
.final__arte{position:relative;max-width:440px;width:100%;margin-inline:auto}
.hexa--final{filter:drop-shadow(8px 8px 0 var(--miel))}
.meli--final{width:min(34%,150px);left:-18px;bottom:-24px}
@media (max-width:1020px){.final__in{grid-template-columns:1fr;gap:48px}}

/* cabeza de páginas internas */
.cabeza{padding-block:clamp(56px,7vw,96px)}
.cabeza__in{max-width:1200px;padding-right:min(26%,280px)}
.cabeza__intro{font-size:1.25rem;max-width:640px}
.meli--cabeza{width:clamp(110px,14vw,210px);right:max(16px,calc(50% - 640px));bottom:24px}
@media (max-width:680px){.cabeza__in{padding-right:0}.cabeza{padding-bottom:140px}.meli--cabeza{width:104px;bottom:18px;right:20px}}

/* sobre-mi: beneficios y dúo */
.beneficio{display:flex;gap:20px;align-items:flex-start;background:#fff;color:var(--tinta);border:var(--borde);border-radius:12px;padding:24px;box-shadow:var(--sombra)}
.beneficio .ico-hex{margin:0;flex:none}
.beneficio h3 em{font-style:normal;background:linear-gradient(transparent 58%,var(--miel) 58%)}
.beneficio p{margin:0}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.marco--ancho{aspect-ratio:1200/896;transform:rotate(-1.5deg)}
@media (max-width:1020px){.duo{grid-template-columns:1fr;gap:48px}}

/* servicios: detalle */
.saltos{padding-top:32px}
.saltos ul{display:flex;flex-wrap:wrap;gap:12px}
.chip{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 18px;border:var(--borde);border-radius:var(--r);background:#fff;
  text-decoration:none;font:700 1.0625rem/1 var(--f-tit);box-shadow:3px 3px 0 var(--tinta);transition:transform .12s,box-shadow .12s}
.chip:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--tinta)}
.chip:active{transform:translate(3px,3px);box-shadow:none}
.detalle{padding-block:clamp(56px,8vw,112px)}
.detalle__rejilla{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:center}
.detalle__rejilla--inv{grid-template-columns:1.15fr .85fr}
.detalle__rejilla--inv .detalle__arte{order:2}
.detalle__arte{position:relative;max-width:480px;width:100%;margin-inline:auto}
.marco--cuadro{aspect-ratio:1;transform:rotate(-2deg)}
.detalle__rejilla--inv .marco--cuadro{transform:rotate(2deg)}
.banda--miel .marco{background:var(--miel-claro)}
.datos{display:flex;flex-wrap:wrap;gap:14px;margin:4px 0 28px}
.datos li{display:flex;align-items:center;gap:12px;padding:10px 16px;border:2.5px solid var(--tinta);border-radius:var(--r);background:#fff}
.datos .ic{width:26px;height:26px}
.datos span{display:flex;flex-direction:column;line-height:1.3}
.datos strong{font-family:var(--f-tit)}
.listas{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.listas h3{font-size:1.25rem}
@media (max-width:1020px){.detalle__rejilla,.detalle__rejilla--inv{grid-template-columns:1fr;gap:56px}.detalle__rejilla--inv .detalle__arte{order:0}}
@media (max-width:680px){.listas{grid-template-columns:1fr;gap:8px}}

/* precios */
.planes{align-items:stretch;padding-top:16px}
.plan{position:relative;display:flex;flex-direction:column;background:#fff;border:var(--borde);border-radius:14px;padding:34px 28px 28px;box-shadow:var(--sombra)}
.plan .checks{margin-bottom:28px}
.plan .btn{margin-top:auto}
.plan--destacado{background:var(--cobalto);color:#fff;transform:translateY(-14px);box-shadow:10px 10px 0 var(--tinta)}
.plan--destacado .checks .ic{color:var(--tinta)}
.plan__destacado{position:absolute;top:-20px;left:24px;font-size:1.1rem}
.plan__desc{color:var(--gris);min-height:1.65em}
.plan__precio{font:800 clamp(2.6rem,4vw,3.4rem)/1 var(--f-tit);letter-spacing:-.04em;margin:.2em 0 .25em}
.plan__tiempo{display:flex;align-items:center;gap:8px;font-weight:600}
.plan--destacado h3{margin-top:.4em}
@media (max-width:1020px){.plan--destacado{transform:none}}
.menu{background:#fff;border:var(--borde);border-radius:14px;padding:30px 28px;box-shadow:var(--sombra)}
.menu h3{font-size:1.6rem;padding-bottom:12px;border-bottom:var(--borde)}
.menu li{display:flex;align-items:flex-end;gap:10px;padding:14px 0;border-bottom:2px dashed #9a9a9a}
.menu li:last-child{border-bottom:0;padding-bottom:0}
.menu__nombre{display:flex;flex-direction:column;font:700 1.125rem/1.25 var(--f-tit)}
.menu__nombre small{font:400 1rem/1.4 var(--f-cuerpo);color:var(--gris);margin-top:2px}
.menu__puntos{flex:1;border-bottom:3px dotted var(--tinta);margin-bottom:6px;min-width:16px}
.menu__precio{font:800 1.3rem/1.2 var(--f-tit);white-space:nowrap}
.meli--menu{width:130px;right:max(16px,calc(50% - 680px));top:28px}
@media (max-width:1020px){.meli--menu{display:none}}

/* cita */
.cita{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:start}
.formulario{background:#fff;border:var(--borde);border-radius:14px;padding:clamp(22px,4vw,40px);box-shadow:10px 10px 0 var(--miel),10px 10px 0 3px var(--tinta)}
.campo{margin:0 0 6px;border:0;padding:0;min-width:0}
.campo label,.campo legend{display:block;font:700 1.25rem/1.2 var(--f-tit);margin-bottom:10px;padding:0}
.campo input,.campo textarea,.campo select{width:100%;min-height:54px;padding:12px 16px;border:var(--borde);border-radius:var(--r);background:#fff;color:var(--tinta);
  font:400 1.0625rem/1.4 var(--f-cuerpo)}
.campo textarea{resize:vertical;min-height:120px}
.campo select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--tinta) 50%),linear-gradient(135deg,var(--tinta) 50%,transparent 50%);
  background-position:calc(100% - 22px) 50%,calc(100% - 15px) 50%;background-size:7px 7px;background-repeat:no-repeat;padding-right:44px}
.campo input:focus-visible,.campo textarea:focus-visible,.campo select:focus-visible{outline:3px solid var(--cobalto);outline-offset:2px}
.campo [aria-invalid="true"]{border-color:#B3261E;background:#FFF5F4}
.campo__error{min-height:1.6em;margin:6px 0 10px;color:#B3261E;font-weight:600;font-size:1rem}
.franjas{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:28px}
.campo .franja{position:relative;display:block;cursor:pointer;margin:0;font:400 1rem/1.35 var(--f-cuerpo)}
.franja input{position:absolute;opacity:0;width:1px;height:1px}
.franja span{display:flex;flex-direction:column;justify-content:center;min-height:64px;padding:10px 16px;border:var(--borde);border-radius:var(--r);background:#fff;
  box-shadow:3px 3px 0 var(--tinta);transition:transform .12s,box-shadow .12s,background-color .12s;line-height:1.35}
.franja strong{font:700 1.125rem/1.2 var(--f-tit)}
.franja input:checked + span{background:var(--miel);transform:translate(3px,3px);box-shadow:none}
.franja input:focus-visible + span{outline:3px solid var(--cobalto);outline-offset:3px}
.resultado{min-height:3.4em;margin-top:18px;visibility:hidden}
.resultado.listo{visibility:visible}
.resultado a{color:var(--cobalto);font-weight:700}
.cita__lado{display:grid;gap:28px}
.mini-pasos{display:grid;gap:16px}
.mini-pasos li{display:flex;gap:14px;align-items:flex-start}
.mini-pasos h3{font-size:1.125rem;margin:2px 0 .2em}
.mini-pasos p{margin:0}
.lista-simple{display:grid;gap:8px}
.aviso,.pie__urgencia{display:flex;gap:14px;align-items:flex-start;border:var(--borde);border-radius:12px;padding:18px 20px;background:#fff;font-weight:600}
.aviso p,.pie__urgencia p{margin:0}
.aviso .ic,.pie__urgencia .ic{width:28px;height:28px;flex:none}
@media (max-width:1020px){.cita{grid-template-columns:1fr}}
@media (max-width:420px){.franjas{grid-template-columns:1fr}}

/* 404 */
.no-esta{min-height:calc(100vh - var(--cab));display:flex;align-items:center}
.no-esta__in{display:grid;grid-template-columns:auto 1fr;gap:64px;align-items:center}
.no-esta__hex{display:grid;place-items:center;width:clamp(200px,24vw,320px);aspect-ratio:1.1547;background:var(--cobalto);color:var(--miel);
  clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);font:800 clamp(4rem,8vw,6.5rem)/1 var(--f-tit);letter-spacing:-.05em}
.meli--404{width:clamp(100px,12vw,170px);right:max(16px,calc(50% - 660px));bottom:32px}
@media (max-width:820px){.no-esta__in{grid-template-columns:1fr;gap:32px}.no-esta{padding-bottom:150px}}

/* pie */
.pie{background:var(--tinta);color:#fff;padding:64px 0 120px;border-top:var(--borde)}
.pie__urgencia{background:var(--miel);color:var(--tinta);border-color:var(--miel);margin-bottom:56px;font-size:1.125rem}
.pie__rejilla{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1.2fr;gap:40px}
.pie__nombre{font:800 2.4rem/1 var(--f-tit);letter-spacing:-.035em;color:var(--miel)}
.pie__tit{font-size:1.25rem;margin-bottom:14px;color:var(--miel)}
.pie__lista{display:grid;gap:4px}
.pie__lista a{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;border-radius:4px;overflow-wrap:anywhere}
.pie__lista a:hover{text-decoration:underline;text-decoration-color:var(--miel);text-decoration-thickness:3px;text-underline-offset:4px}
.pie__lista .ic{width:22px;height:22px}
.pie__lista li{padding-block:2px}
.pie__legal{margin:48px 0 0;padding-top:24px;border-top:2px solid #444;color:#d6d6d6}
@media (max-width:1020px){.pie__rejilla{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pie__rejilla{grid-template-columns:1fr}}

/* WhatsApp flotante */
.wa-flota{position:fixed;right:16px;bottom:16px;z-index:45;display:grid;place-items:center;width:62px;height:62px;border:var(--borde);border-radius:10px;
  background:var(--cobalto);color:#fff;box-shadow:4px 4px 0 var(--tinta);transition:transform .12s,box-shadow .12s}
.wa-flota .ic{width:32px;height:32px}
.wa-flota:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--tinta)}
.wa-flota:active{transform:translate(4px,4px);box-shadow:none}
.wa-flota:focus-visible{outline-color:var(--cobalto)}
html.menu-abierto .wa-flota{display:none}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}