@font-face{font-family:"Syne";src:url("fuentes/syne.woff") format("woff");font-weight:400 800;font-display:swap}
@font-face{font-family:"DM Sans";src:url("fuentes/dm-sans.woff") format("woff");font-weight:100 1000;font-display:swap}
:root{
    --fondo:#ffffff;
    --suave:#f7f6f3;
    --linea:#e8e6e1;
    --texto:#111111;
    --gris:#6b6b6b;
    --oro:#c9a14a;
    --oro-texto:#9c7a2e;
    --negro:#000000;
    --max:1120px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{background:var(--fondo);color:var(--texto);font-family:"DM Sans",system-ui,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
  a{color:inherit}
  :focus-visible{outline:2px solid var(--oro);outline-offset:3px;border-radius:4px}
  .wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
  h1,h2,h3{font-family:"Syne",sans-serif;line-height:1.05;letter-spacing:-.02em}

  /* Cabecera */
  header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--linea)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:72px}
  .marca{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:"Syne";font-weight:700;font-size:20px}
  .marca img{width:38px;height:38px;mix-blend-mode:multiply}
  .marca{color:var(--texto)}
  .marca span b{color:var(--oro-texto);font-weight:700}
  .nav ul{display:flex;gap:32px;list-style:none;font-size:15px}
  .nav ul a{text-decoration:none;color:var(--gris)}
  .nav ul a:hover{color:var(--texto)}

  .btn{display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;text-decoration:none;border-radius:999px;padding:14px 28px;border:1px solid var(--negro);transition:background .2s,color .2s,border-color .2s;cursor:pointer;font-family:inherit}
  .btn-negro{background:var(--oro);border-color:var(--oro);color:#111}
  .btn-negro:hover{background:var(--negro);border-color:var(--negro);color:#fff}
  .btn-linea{background:transparent;color:var(--oro-texto);border-color:var(--oro)}
  .btn-linea:hover{background:#faf4e6}
  .nav .btn{padding:10px 20px;font-size:15px}

  /* Hero */
  .hero{position:relative;overflow:hidden;padding:80px 0 80px;background:
      radial-gradient(900px 520px at 78% 45%,#fbf3de 0%,rgba(251,243,222,0) 70%),
      linear-gradient(180deg,#fff 0%,#fffdf8 100%)}
  .hero::before,.hero::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(201,161,74,.22);pointer-events:none}
  .hero::before{width:760px;height:760px;right:-120px;top:50%;transform:translateY(-50%)}
  .hero::after{width:1040px;height:1040px;right:-260px;top:50%;transform:translateY(-50%);border-color:rgba(201,161,74,.12)}
  .hero-grid{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}
  .pastilla{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--oro-texto);background:#fff;border:1px solid #efe3c4;padding:7px 16px 7px 8px;border-radius:999px;box-shadow:0 6px 20px rgba(201,161,74,.10)}
  .pastilla i{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#e9cf8a,#b8892f);display:inline-block}
  .hero h1{margin-top:26px;font-size:clamp(34px,4.3vw,54px);font-weight:500;color:var(--texto);max-width:17ch}
  .hero h1 .pal{display:inline-block;opacity:0;filter:blur(8px);transform:translateY(12px);animation:entra .8s cubic-bezier(.2,.7,.2,1) forwards}
  @keyframes entra{to{opacity:1;filter:none;transform:none}}
  .hero h1 .oro{background:linear-gradient(100deg,#b08530 0%,#e2c170 45%,#a67a26 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
  .hero p.lead{margin-top:22px;font-size:18px;color:var(--gris);max-width:44ch}
  .hero .acciones{margin-top:34px;display:flex;flex-wrap:wrap;gap:14px}
  .confianza{margin-top:34px;display:flex;gap:26px;flex-wrap:wrap;font-size:14px;color:var(--gris)}
  .confianza span{display:flex;align-items:center;gap:8px}
  .confianza svg{width:16px;height:16px;stroke:var(--oro);fill:none;stroke-width:2}

  /* Demo animada */
  .demo{position:relative;justify-self:center;width:100%;max-width:520px}
  .demo .aro{position:absolute;right:-70px;top:-70px;width:190px;height:190px;opacity:.16;mix-blend-mode:multiply;animation:gira 40s linear infinite;pointer-events:none}
  @keyframes gira{to{transform:rotate(360deg)}}
  .ventana{position:relative;background:#fff;border:1px solid #efe3c4;border-radius:22px;box-shadow:0 30px 70px rgba(120,90,20,.14),0 2px 0 rgba(255,255,255,.8) inset;overflow:hidden}
  .ventana::before{content:"";position:absolute;inset:0;border-radius:22px;padding:1px;background:conic-gradient(from var(--ang),transparent 0 70%,#e2c170 80%,transparent 90%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:borde 5s linear infinite;pointer-events:none}
  @property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}
  @keyframes borde{to{--ang:360deg}}
  .v-cab{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--linea)}
  .v-cab img{width:26px;height:26px;mix-blend-mode:multiply}
  .v-cab strong{font-family:"Syne";font-weight:600;font-size:15px}
  .v-tabs{margin-left:auto;display:flex;gap:6px}
  .v-tabs span{font-size:12px;padding:4px 10px;border-radius:999px;color:var(--gris);transition:background .3s,color .3s}
  .v-tabs span.on{background:#faf4e6;color:var(--oro-texto);font-weight:600}
  .v-cuerpo{padding:22px;min-height:360px;display:flex;flex-direction:column;gap:16px}
  .burbuja{align-self:flex-end;max-width:88%;background:var(--suave);border-radius:16px 16px 4px 16px;padding:14px 16px;font-size:15px;line-height:1.55}
  .cursor{display:inline-block;width:2px;height:1.05em;background:var(--oro);vertical-align:-2px;margin-left:1px;animation:parpadeo 1s steps(1) infinite}
  @keyframes parpadeo{50%{opacity:0}}
  .respuesta{display:flex;gap:12px;align-items:flex-start}
  .respuesta .av{flex:none;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#f1dca0,#b8892f);display:grid;place-items:center}
  .respuesta .av svg{width:14px;height:14px}
  .respuesta ul{list-style:none;display:grid;gap:9px;font-size:15px;flex:1}
  .respuesta li{opacity:0;transform:translateY(6px);transition:opacity .45s,transform .45s;padding-left:18px;position:relative}
  .respuesta li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--oro)}
  .respuesta li.vis{opacity:1;transform:none}
  .respuesta li b{font-weight:600}
  .pensando{display:none;gap:5px;padding:8px 0}
  .pensando.vis{display:flex}
  .pensando i{width:7px;height:7px;border-radius:50%;background:var(--oro);animation:bote 1s infinite}
  .pensando i:nth-child(2){animation-delay:.15s}.pensando i:nth-child(3){animation-delay:.3s}
  @keyframes bote{0%,80%,100%{opacity:.3;transform:none}40%{opacity:1;transform:translateY(-4px)}}
  .v-pie{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-top:1px solid var(--linea);background:#fffdf8;font-size:13px;color:var(--gris)}
  .v-pie a{color:var(--oro-texto);font-weight:700;text-decoration:none;white-space:nowrap}
  .v-pie a:hover{text-decoration:underline}
  .chip-copia{position:absolute;left:-30px;bottom:66px;background:#fff;border:1px solid #efe3c4;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:600;color:var(--oro-texto);box-shadow:0 14px 30px rgba(120,90,20,.14);opacity:0;transform:translateY(10px);transition:opacity .4s,transform .4s}
  .chip-copia.vis{opacity:1;transform:none}

  /* Carrusel de herramientas */
  .cinta{overflow:hidden;border-bottom:1px solid var(--linea);background:#fff;padding:22px 0;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
  .cinta-pista{display:flex;gap:56px;width:max-content;animation:desliza 32s linear infinite}
  .cinta:hover .cinta-pista{animation-play-state:paused}
  .cinta-pista span{font-family:"Syne";font-weight:500;font-size:20px;color:#b9b3a6;white-space:nowrap;display:flex;align-items:center;gap:56px}
  .cinta-pista span::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--oro);opacity:.6}
  @keyframes desliza{to{transform:translateX(-50%)}}

  /* Aparición al hacer scroll */
  .rev{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
  .rev.vis{opacity:1;transform:none}
  .prod,.red{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .2s}
  .prod:hover,.red:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(120,90,20,.12)}
  .btn-negro{position:relative;overflow:hidden}
  .btn-negro::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:destello 4.5s ease-in-out infinite}
  @keyframes destello{0%,70%{left:-60%}100%{left:130%}}

  /* Franja */
  .franja{border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);background:#fff}
  .franja .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
  .franja div.item{padding:30px 20px;text-align:center;border-right:1px solid var(--linea)}
  .franja div.item:last-child{border-right:none}
  .franja b{display:block;font-family:"Syne";font-weight:600;font-size:28px;color:var(--oro-texto)}
  .franja span{font-size:14px;color:var(--gris)}

  /* Secciones */
  section{padding:100px 0}
  section.alt{background:var(--suave)}
  .cab{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:48px;flex-wrap:wrap}
  .cab h2{font-size:clamp(28px,3.2vw,38px);font-weight:500;max-width:20ch}
  .cab p{color:var(--gris);max-width:40ch}

  /* Productos */
  .productos{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}
  .prod{border:1px solid var(--linea);border-radius:22px;padding:40px;display:flex;flex-direction:column;background:#fff}
  .prod.destacado{border:1.5px solid var(--oro)}
  .prod .etq{display:inline-block;align-self:flex-start;font-size:13px;font-weight:700;color:var(--oro-texto);background:#faf4e6;padding:5px 13px;border-radius:999px;margin-bottom:22px}
  .prod h3{font-size:24px;font-weight:500}
  .prod .desc{color:var(--gris);margin:14px 0 24px}
  .prod ul{list-style:none;margin-bottom:32px;display:grid;gap:10px}
  .prod li{padding-left:26px;position:relative}
  .prod li::before{content:"";position:absolute;left:0;top:.66em;width:14px;height:1.5px;background:var(--oro)}
  .prod .pie{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--linea)}
  .precio{font-family:"Syne";font-size:32px;font-weight:600;color:var(--oro-texto)}

  /* Probador de prompts */
  .probador{display:grid;grid-template-columns:270px 1fr;border:1px solid var(--linea);border-radius:22px;overflow:hidden;background:#fff}
  .tabs{display:flex;flex-direction:column;border-right:1px solid var(--linea)}
  .tab{background:none;border:none;color:var(--gris);text-align:left;padding:22px 24px;font:500 16px "DM Sans";cursor:pointer;border-bottom:1px solid var(--linea);border-left:3px solid transparent}
  .tab:last-child{border-bottom:none}
  .tab:hover{color:var(--texto)}
  .tab[aria-selected="true"]{color:var(--texto);border-left-color:var(--oro);background:var(--suave)}
  .panel{padding:40px;display:flex;flex-direction:column;gap:20px}
  .panel .uso{color:var(--gris);font-size:15px}
  .prompt-txt{font-size:18px;line-height:1.7;background:var(--suave);border-radius:14px;padding:26px;white-space:pre-wrap}
  .panel .fila{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
  .copiado{color:var(--oro-texto);font-size:15px;font-weight:500;min-height:1em}

  /* Regalo */
  .regalo{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
  .regalo h2{font-size:clamp(28px,3.2vw,38px);font-weight:500}
  .regalo p{color:var(--gris);margin:20px 0 32px;max-width:44ch}
  .tarjeta-regalo{aspect-ratio:4/3;border-radius:22px;border:1px solid var(--linea);background:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:36px;position:relative;overflow:hidden}
  .tarjeta-regalo img{position:absolute;top:28px;right:28px;width:110px;height:110px;mix-blend-mode:multiply}
  .tarjeta-regalo strong{font-family:"Syne";font-size:26px;font-weight:500;line-height:1.15}
  .tarjeta-regalo span{color:var(--oro-texto);font-weight:700;margin-top:8px}

  /* Redes */
  .redes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  .red{border:1px solid var(--linea);border-radius:22px;padding:32px;text-decoration:none;display:flex;flex-direction:column;gap:8px;transition:border-color .2s;background:#fff}
  .red:hover{border-color:var(--oro)}
  .red svg{width:26px;height:26px;fill:var(--oro)}
  .red strong{font-family:"Syne";font-size:20px;font-weight:500;margin-top:12px}
  .red span{color:var(--gris);font-size:15px}

  /* Sobre */
  .sobre{display:grid;grid-template-columns:1fr 1.3fr;gap:56px}
  .sobre h2{font-size:clamp(28px,3.2vw,38px);font-weight:500}
  .sobre p{color:var(--gris);margin-bottom:18px;max-width:58ch}
  .sobre p:first-child{color:var(--texto);font-size:19px}
  .sobre a{color:var(--oro-texto);font-weight:500}


  /* Cómo funciona */
  .pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:paso}
  .paso{position:relative;background:#fff;border:1px solid var(--linea);border-radius:22px;padding:34px 30px}
  .paso .num{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-family:"Syne";font-weight:600;font-size:18px;color:#fff;background:linear-gradient(135deg,#e9cf8a,#b8892f);margin-bottom:22px;box-shadow:0 8px 20px rgba(184,137,47,.25)}
  .paso h3{font-size:21px;font-weight:500;margin-bottom:10px}
  .paso p{color:var(--gris);font-size:15.5px}
  .paso:not(:last-child)::after{content:"";position:absolute;top:56px;right:-25px;width:26px;height:1.5px;background:var(--oro);opacity:.6}

  /* Probador extra */
  .tabs-pie{margin-top:auto;padding:22px 24px;border-top:1px solid var(--linea);background:#fffdf8}
  .tabs-pie p{font-size:14px;color:var(--gris);margin-bottom:10px;line-height:1.45}
  .tabs-pie a{font-weight:700;color:var(--oro-texto);text-decoration:none;font-size:14px}
  .tabs-pie a:hover{text-decoration:underline}
  .panel .notas{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:8px}
  .panel .notas span{font-size:13px;color:var(--oro-texto);background:#faf4e6;border-radius:999px;padding:5px 12px}

  /* Tarjeta regalo con lista */
  .tarjeta-regalo{aspect-ratio:auto;justify-content:flex-start;gap:4px}
  .tarjeta-regalo .lista-regalo{list-style:none;margin-top:22px;display:grid;gap:0;border-top:1px solid var(--linea)}
  .tarjeta-regalo .lista-regalo li{display:flex;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid var(--linea);font-size:15px}
  .tarjeta-regalo .lista-regalo li i{font-style:normal;font-family:"Syne";font-weight:600;color:var(--oro-texto);width:22px}
  .tarjeta-regalo .lista-regalo li.bloq{color:#b5b0a5}
  .tarjeta-regalo .lista-regalo li.bloq i{color:#d8cfb8}
  .regalo .ventajas{list-style:none;display:grid;gap:10px;margin:-10px 0 30px}
  .regalo .ventajas li{padding-left:26px;position:relative}
  .regalo .ventajas li::before{content:"";position:absolute;left:0;top:.66em;width:14px;height:1.5px;background:var(--oro)}

  /* Sobre: columna izquierda */
  .sobre-izq{display:flex;flex-direction:column;gap:26px}
  .sello{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--linea);border-radius:20px;padding:20px 22px}
  .sello img{width:64px;height:64px;mix-blend-mode:multiply}
  .sello strong{display:block;font-family:"Syne";font-weight:500;font-size:18px}
  .sello span{color:var(--oro-texto);font-size:14px}
  .iconos-redes{display:flex;gap:12px}
  .iconos-redes a{width:48px;height:48px;border-radius:50%;border:1px solid var(--linea);background:#fff;display:grid;place-items:center;transition:border-color .2s,transform .3s}
  .iconos-redes a:hover{border-color:var(--oro);transform:translateY(-3px)}
  .iconos-redes svg{width:20px;height:20px;fill:var(--oro-texto)}
  .sobre-izq small{color:var(--gris);font-size:14px;margin-bottom:-14px}

  /* FAQ */
  .faq{display:grid;grid-template-columns:1fr 1.6fr;gap:56px;align-items:start}
  .faq h2{font-size:clamp(28px,3.2vw,38px);font-weight:500}
  .faq .intro{color:var(--gris);margin-top:16px;max-width:34ch}
  .faq details{border-bottom:1px solid var(--linea)}
  .faq details:first-child{border-top:1px solid var(--linea)}
  .faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-weight:500;font-size:17px}
  .faq summary::-webkit-details-marker{display:none}
  .faq summary::after{content:"+";font-family:"Syne";font-size:24px;color:var(--oro-texto);transition:transform .3s}
  .faq details[open] summary::after{transform:rotate(45deg)}
  .faq details p{color:var(--gris);padding:0 0 22px;max-width:62ch}

  /* Banda final */
  .cta-final{padding:0 0 100px}
  .cta-caja{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(120deg,#fbf3de 0%,#fff 45%,#f7ecd0 100%);border:1px solid #efe3c4;padding:60px;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}
  .cta-caja h2{font-size:clamp(28px,3.4vw,42px);font-weight:500;max-width:18ch}
  .cta-caja p{color:var(--gris);margin-top:14px;max-width:44ch}
  .cta-caja .acciones{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}
  .cta-caja img{position:absolute;right:-60px;bottom:-60px;width:240px;height:240px;opacity:.12;mix-blend-mode:multiply;pointer-events:none}

  /* Pie ampliado */
  footer{padding:60px 0 36px}
  .pie-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid var(--linea);margin-bottom:28px}
  .pie-grid .marca{margin-bottom:14px}
  .pie-grid p{max-width:30ch}
  .pie-grid h4{font-family:"Syne";font-weight:600;font-size:15px;color:var(--texto);margin-bottom:14px}
  .pie-grid ul{list-style:none;display:grid;gap:9px}
  .pie-grid .iconos-redes{margin-top:18px}
  .pie-grid .iconos-redes a{width:40px;height:40px}
  .pie-grid .iconos-redes svg{width:17px;height:17px}
  .pie-base{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

  footer{padding:44px 0;color:var(--gris);font-size:14px;border-top:1px solid var(--linea)}
  footer a{text-decoration:none}
  footer a:hover{color:var(--texto)}

  @media (max-width:860px){
    .nav ul{display:none}
    .hero{padding:56px 0 70px}
    .hero-grid{grid-template-columns:1fr;gap:20px}
    .demo{max-width:460px;margin-top:24px}
    .demo .aro{display:none}
    .chip-copia{display:none}
    .v-tabs{display:none}
    .v-cuerpo{min-height:300px}
    .hero::before,.hero::after{right:-340px}
    .franja .wrap{grid-template-columns:repeat(2,1fr)}
    .franja div.item:nth-child(2){border-right:none}
    .franja div.item:nth-child(-n+2){border-bottom:1px solid var(--linea)}
    section{padding:76px 0}
    .productos,.regalo,.sobre,.redes,.pasos,.faq,.cta-caja{grid-template-columns:1fr}
    .paso::after{display:none}
    .cta-caja{padding:36px 28px}
    .cta-caja .acciones{justify-content:flex-start}
    .pie-grid{grid-template-columns:1fr 1fr}
    .pie-grid > div:first-child{grid-column:1/-1}
    .tabs-pie{display:none}
    .regalo{gap:36px}
    .probador{grid-template-columns:1fr}
    .tabs{flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--linea)}
    .tab{border-bottom:none;border-left:none;border-bottom:3px solid transparent;white-space:nowrap;padding:16px 18px}
    .tab[aria-selected="true"]{border-bottom-color:var(--oro)}
    .panel,.prod{padding:28px}
  }
  @media (max-width:420px){ .wrap{padding:0 16px} .nav .btn{display:none} }
  @media (prefers-reduced-motion:reduce){
    *,*::before,*::after{animation:none!important;transition:none!important}
    .rev,.hero h1 .pal,.respuesta li{opacity:1;transform:none;filter:none}
    html{scroll-behavior:auto}
  }

  /* ===== Multipágina ===== */
  .nav ul a.activo{color:var(--texto);font-weight:600}
  .nav ul a.activo::after{content:"";display:block;height:2px;background:var(--oro);border-radius:2px;margin-top:4px}
  .menu-btn{display:none;background:none;border:1px solid var(--linea);border-radius:12px;width:44px;height:44px;cursor:pointer;align-items:center;justify-content:center}
  .menu-btn span{display:block;width:18px;height:1.5px;background:var(--texto);position:relative}
  .menu-btn span::before,.menu-btn span::after{content:"";position:absolute;left:0;width:18px;height:1.5px;background:var(--texto)}
  .menu-btn span::before{top:-6px}.menu-btn span::after{top:6px}
  .nav-der{display:flex;align-items:center;gap:12px}

  .ph{position:relative;overflow:hidden;padding:80px 0 70px;text-align:center;background:radial-gradient(700px 360px at 50% 0%,#fbf3de 0%,rgba(251,243,222,0) 70%),#fff;border-bottom:1px solid var(--linea)}
  .ph::before{content:"";position:absolute;width:640px;height:640px;border-radius:50%;border:1px solid rgba(201,161,74,.18);left:50%;top:-420px;transform:translateX(-50%)}
  .ph .migas{font-size:14px;color:var(--gris);margin-bottom:18px}
  .ph .migas a{color:var(--oro-texto);text-decoration:none}
  .ph h1{font-size:clamp(32px,4.4vw,52px);font-weight:500;max-width:20ch;margin:0 auto}
  .ph p{color:var(--gris);font-size:18px;max-width:52ch;margin:18px auto 0}
  .ph .acciones{margin-top:30px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

  .mas{display:inline-flex;margin-top:36px}
  .centro{text-align:center}

  /* Producto en detalle */
  .detalle{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}
  .detalle + .detalle{margin-top:110px}
  .detalle.inv .portada{order:2}
  .portada{position:sticky;top:110px;aspect-ratio:4/5;border-radius:24px;padding:40px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid #efe3c4;background:linear-gradient(150deg,#fff 0%,#fbf3de 60%,#f1e0b4 100%);box-shadow:0 30px 70px rgba(120,90,20,.14)}
  .portada.oscura{background:linear-gradient(150deg,#1a1712 0%,#000 70%);border-color:#3a3020;color:#fff}
  .portada img{width:84px;height:84px}
  .portada:not(.oscura) img{mix-blend-mode:multiply}
  .portada.oscura img{background:#fff;border-radius:50%;padding:3px;box-shadow:0 0 0 1px rgba(201,161,74,.5),0 0 30px rgba(226,193,112,.35)}
  .solo-movil{display:none}
  .portada .tit{font-family:"Syne";font-weight:500;font-size:clamp(28px,3vw,38px);line-height:1.05}
  .portada .tit span{display:block;color:var(--oro);margin-top:6px}
  .portada .meta{font-size:14px;opacity:.7}
  .portada::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid rgba(201,161,74,.35);right:-200px;bottom:-200px}
  .detalle h2{font-size:clamp(28px,3.2vw,40px);font-weight:500}
  .detalle .intro{color:var(--gris);font-size:18px;margin:16px 0 30px}
  .detalle h3{font-size:19px;font-weight:600;margin:30px 0 14px}
  .check{list-style:none;display:grid;gap:12px}
  .check li{padding-left:34px;position:relative}
  .check li::before{content:"";position:absolute;left:0;top:.2em;width:22px;height:22px;border-radius:50%;background:#faf4e6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239c7a2e' stroke-width='3'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/13px no-repeat}
  .chips{display:flex;flex-wrap:wrap;gap:10px}
  .chips span{border:1px solid var(--linea);border-radius:999px;padding:8px 16px;font-size:15px;background:#fff}
  .compra{margin-top:36px;padding:26px 28px;border-radius:20px;border:1.5px solid var(--oro);display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:#fff}
  .compra small{display:block;color:var(--gris);font-size:13px}

  .tabla{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--linea);border-radius:22px;overflow:hidden}
  .tabla th,.tabla td{padding:18px 22px;text-align:left;border-bottom:1px solid var(--linea);font-size:16px}
  .tabla tr:last-child td{border-bottom:none}
  .tabla thead th{font-family:"Syne";font-weight:600;background:#fffdf8}
  .tabla td:first-child{color:var(--gris)}
  .tabla .si{color:var(--oro-texto);font-weight:600}

  /* Cómo funciona: línea de tiempo */
  .linea-t{position:relative;max-width:820px;margin:0 auto;display:grid;gap:26px}
  .linea-t::before{content:"";position:absolute;left:23px;top:20px;bottom:20px;width:1.5px;background:linear-gradient(var(--oro),#efe3c4)}
  .hito{position:relative;display:grid;grid-template-columns:48px 1fr;gap:26px}
  .hito .num{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-family:"Syne";font-weight:600;color:#fff;background:linear-gradient(135deg,#e9cf8a,#b8892f);box-shadow:0 8px 20px rgba(184,137,47,.25);position:relative}
  .hito .caja{background:#fff;border:1px solid var(--linea);border-radius:20px;padding:26px 28px}
  .hito h3{font-size:21px;font-weight:500;margin-bottom:8px}
  .hito p{color:var(--gris)}
  .hito .ext{display:inline-block;margin-top:12px;font-weight:700;color:var(--oro-texto);text-decoration:none;font-size:15px}
  .anatomia{background:#fff;border:1px solid var(--linea);border-radius:22px;padding:36px;max-width:820px;margin:0 auto}
  .anatomia .p-ej{font-size:19px;line-height:1.9}
  .anatomia mark{background:#faf4e6;color:var(--oro-texto);border-radius:6px;padding:2px 6px;font-weight:600}
  .anatomia .p-ej em{font-style:normal;border-bottom:2px solid var(--oro)}
  .leyenda{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;padding-top:24px;border-top:1px solid var(--linea)}
  .leyenda b{display:block;font-family:"Syne";font-weight:600;margin-bottom:4px}
  .leyenda span{color:var(--gris);font-size:15px}
  .consejos{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
  .consejo{background:#fff;border:1px solid var(--linea);border-radius:20px;padding:28px}
  .consejo h3{font-size:19px;font-weight:500;margin-bottom:8px}
  .consejo p{color:var(--gris);font-size:15.5px}

  /* Sobre */
  .historia{max-width:720px;margin:0 auto}
  .historia p{color:var(--gris);font-size:18px;margin-bottom:20px}
  .historia p.grande{color:var(--texto);font-size:22px;line-height:1.5}
  .valores{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  .valor{background:#fff;border:1px solid var(--linea);border-radius:20px;padding:30px}
  .valor .ico{width:44px;height:44px;border-radius:14px;background:#faf4e6;display:grid;place-items:center;margin-bottom:18px}
  .valor .ico svg{width:22px;height:22px;stroke:var(--oro-texto);fill:none;stroke-width:1.8}
  .valor h3{font-size:20px;font-weight:500;margin-bottom:8px}
  .valor p{color:var(--gris);font-size:15.5px}
  .redes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  .red{border:1px solid var(--linea);border-radius:22px;padding:32px;text-decoration:none;display:flex;flex-direction:column;gap:8px;background:#fff}
  .red:hover{border-color:var(--oro)}
  .red svg{width:26px;height:26px;fill:var(--oro)}
  .red strong{font-family:"Syne";font-size:20px;font-weight:500;margin-top:12px}
  .red span{color:var(--gris);font-size:15px}
  .red em{font-style:normal;margin-top:14px;font-weight:700;color:var(--oro-texto);font-size:15px}

  /* FAQ página */
  .faq-grupo + .faq-grupo{margin-top:60px}
  .faq-grupo h2{font-size:24px;font-weight:500;margin-bottom:18px}
  .faq-pag{max-width:820px;margin:0 auto}
  .faq-pag details{border-bottom:1px solid var(--linea)}
  .faq-pag details:first-of-type{border-top:1px solid var(--linea)}
  .faq-pag summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-weight:500;font-size:17px}
  .faq-pag summary::-webkit-details-marker{display:none}
  .faq-pag summary::after{content:"+";font-family:"Syne";font-size:24px;color:var(--oro-texto);transition:transform .3s}
  .faq-pag details[open] summary::after{transform:rotate(45deg)}
  .faq-pag details p{color:var(--gris);padding:0 0 22px}

  /* Legal */
  .legal{max-width:760px;margin:0 auto}
  .legal .aviso{background:#faf4e6;border:1px solid #efe3c4;border-radius:16px;padding:18px 22px;font-size:15px;color:var(--oro-texto);margin-bottom:40px}
  .legal h2{font-size:24px;font-weight:500;margin:40px 0 12px}
  .legal p,.legal li{color:var(--gris);margin-bottom:12px}
  .legal ul{padding-left:22px}
  .legal .dato{background:var(--suave);border-radius:8px;padding:1px 7px;color:var(--texto);font-weight:500}

  @media (max-width:860px){
    .menu-btn{display:inline-flex}
    .nav ul{display:none;position:absolute;left:0;right:0;top:72px;background:#fff;border-bottom:1px solid var(--linea);flex-direction:column;gap:0;padding:8px 16px 16px;box-shadow:0 20px 40px rgba(0,0,0,.06)}
    .nav ul.abierto{display:flex}
    .solo-movil{display:block}
    .solo-movil a{color:var(--oro-texto)!important;font-weight:700}
    .nav ul a{display:block;padding:14px 8px;font-size:17px;color:var(--texto)}
    .nav ul a.activo::after{display:none}
    .nav ul a.activo{color:var(--oro-texto)}
    .detalle{grid-template-columns:1fr;gap:34px}
    .detalle.inv .portada{order:0}
    .portada{position:relative;top:0;aspect-ratio:4/3}
    .detalle + .detalle{margin-top:80px}
    .leyenda,.consejos,.valores,.redes{grid-template-columns:1fr}
    .tabla th,.tabla td{padding:14px;font-size:14px}
    .ph{padding:60px 0 50px}
  }

  .descargo{font-size:12.5px;line-height:1.55;color:#9a958b;max-width:90ch;margin-bottom:22px}

  /* Formulario de contacto */
  .contacto{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:start}
  .contacto h2{font-size:clamp(28px,3.2vw,38px);font-weight:500}
  .contacto .intro{color:var(--gris);margin-top:16px;max-width:40ch}
  .form-contacto{background:#fff;border:1px solid var(--linea);border-radius:22px;padding:34px;display:grid;gap:18px;box-shadow:0 20px 50px rgba(120,90,20,.08)}
  .form-contacto label{display:grid;gap:7px;font-size:14px;font-weight:500}
  .form-contacto input,.form-contacto textarea,.form-contacto select{font:inherit;font-size:16px;font-weight:400;padding:13px 15px;border:1px solid var(--linea);border-radius:12px;background:#fffdf8;color:var(--texto);width:100%}
  .form-contacto textarea{resize:vertical;min-height:130px}
  .form-contacto input:focus,.form-contacto textarea:focus,.form-contacto select:focus{outline:none;border-color:var(--oro);box-shadow:0 0 0 3px rgba(201,161,74,.18)}
  .form-contacto .acepto{display:flex;gap:12px;align-items:flex-start;font-weight:400;color:var(--gris);font-size:14px;line-height:1.5}
  .form-contacto .acepto input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--oro)}
  .form-contacto .acepto a{color:var(--oro-texto)}
  .form-contacto .btn{justify-self:start}
  .oculto{position:absolute;left:-9999px}
  @media (max-width:860px){.contacto{grid-template-columns:1fr;gap:30px}.form-contacto{padding:24px}}