/* Astroninfas del Sur — paleta "atardecer patagónico": terracota, durazno y lila sobre crema cálida */
:root{
  --crema:#fbf3ea; --papel:#fffaf4; --arena:#f3e3d3; --linea:#ead6c4;
  --terracota:#c2512b; --terracota-osc:#9a3a1a; --durazno:#f3a47a; --durazno-claro:#fbd6bd;
  --lila:#8a6bb8; --lila-osc:#5e4689; --lila-claro:#e6dcf3;
  --tinta:#2c1c2a; --bruma:#6f5a63;
  --display:'Cormorant Garamond',Cambria,Georgia,serif;
  --ui:'Jost','Segoe UI',system-ui,sans-serif;
  --texto:'Lora',Georgia,serif;
  --simbolos:'Noto Sans Symbols','Noto Sans Symbols 2','Segoe UI Symbol','Apple Symbols',sans-serif;
  --atardecer:linear-gradient(165deg,#fde3cf 0%,#f8b98f 28%,#e98a64 52%,#b9708f 76%,#6f5596 100%);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--crema);color:var(--tinta);font:400 17px/1.75 var(--texto)}
img{max-width:100%;height:auto;display:block}
a{color:var(--terracota);text-underline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--lila);outline-offset:3px}
::selection{background:var(--durazno);color:var(--tinta)}
h1,h2,h3{font-family:var(--display);font-weight:500;margin:0;text-wrap:balance;letter-spacing:.005em}
.wrap{max-width:1160px;margin:0 auto;padding:0 28px}
.rotulo{font:600 13px var(--ui);letter-spacing:.2em;color:var(--terracota);text-transform:uppercase}
.sim{font-family:var(--simbolos);font-variant-emoji:text}

/* Barra */
.barra{position:sticky;top:0;z-index:30;background:rgba(251,243,234,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--linea)}
.barra .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:70px}
.marca{display:flex;align-items:center;gap:10px;font:600 16px var(--ui);letter-spacing:.18em;color:var(--tinta);text-decoration:none;white-space:nowrap}
.marca svg{width:30px;height:30px;flex:none}
.marca span{color:var(--terracota)}
.menu{display:flex;align-items:center;gap:24px}
.menu a{font:500 15px var(--ui);letter-spacing:.04em;color:var(--bruma);text-decoration:none;transition:color .2s}
.menu a:hover,.menu a[aria-current]{color:var(--terracota)}
.menu .btn{color:#fff}
.hamb{display:none;background:none;border:1px solid var(--terracota);color:var(--terracota);font:600 14px var(--ui);letter-spacing:.1em;padding:8px 14px;border-radius:999px;cursor:pointer}
@media(max-width:980px){
  .menu{display:none;position:absolute;top:70px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--papel);border-bottom:1px solid var(--linea);padding-bottom:16px}
  .menu.abierto{display:flex}.menu a{padding:14px 28px;border-top:1px solid var(--linea)}
  .menu .btn{margin:14px 28px 0;text-align:center}
  .hamb{display:block}
}

/* Botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 15px var(--ui);letter-spacing:.04em;text-decoration:none;padding:14px 26px;border-radius:999px;border:1.5px solid var(--terracota);color:var(--terracota);background:transparent;cursor:pointer;transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.btn:hover{background:rgba(194,81,43,.08);transform:translateY(-1px)}
.btn.lleno{background:var(--terracota);color:#fff;box-shadow:0 8px 22px -10px rgba(154,58,26,.7)}
.btn.lleno:hover{background:var(--terracota-osc)}
.btn.lila{border-color:var(--lila-osc);color:var(--lila-osc)}
.btn.lila.lleno{background:var(--lila-osc);color:#fff;box-shadow:0 8px 22px -10px rgba(94,70,137,.7)}
.btn.claro{border-color:#fff;color:#fff}
.btn.claro:hover{background:rgba(255,255,255,.14)}
.btn.wsp{background:#1f8f55;border-color:#1f8f55;color:#fff}
.btn.wsp:hover{background:#177444}
.btn.chico{padding:10px 18px;font-size:14px}
.acciones{display:flex;gap:14px;flex-wrap:wrap}

/* Portada atardecer */
.portada{position:relative;overflow:hidden;background:var(--atardecer);color:var(--tinta)}
.portada .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;padding-top:84px;padding-bottom:170px}
.portada h1{font-size:clamp(56px,8.6vw,118px);line-height:.9;font-weight:500;color:var(--tinta)}
.portada h1 em{display:block;font-style:italic;color:#fff;text-shadow:0 2px 30px rgba(110,60,90,.35)}
.portada .quien{margin:26px 0 0;font:600 14px var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--tinta);display:flex;align-items:center;gap:14px}
.portada .quien::before{content:"";width:44px;height:1.5px;background:var(--tinta)}
.portada .intro{max-width:31em;margin:20px 0 32px;font-size:19px;color:#3d2733}
.portada .btn{border-color:var(--tinta);color:var(--tinta)}
.portada .btn.lleno{background:var(--tinta);border-color:var(--tinta);color:#fff;box-shadow:0 10px 26px -12px rgba(44,28,42,.8)}
.portada .btn.lleno:hover{background:var(--lila-osc);border-color:var(--lila-osc)}
.sol{position:absolute;z-index:1;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,#fff3e4 0%,#ffd9b8 40%,rgba(255,217,184,0) 70%);right:6%;top:46%;transform:translateY(-50%);opacity:.85}
.cordillera{position:absolute;left:0;right:0;bottom:-1px;z-index:1;width:100%;height:auto;display:block}
.arco{position:relative;justify-self:center;width:100%;max-width:380px}
.arco .marco{border-radius:999px 999px 18px 18px;overflow:hidden;aspect-ratio:7/10;border:2px solid rgba(255,255,255,.75);box-shadow:0 30px 60px -30px rgba(70,30,60,.6)}
.arco .marco img{width:100%;height:100%;object-fit:cover}
.arco .sello{position:absolute;left:-26px;bottom:44px;background:var(--papel);border-radius:16px;padding:12px 16px;box-shadow:0 14px 30px -16px rgba(70,30,60,.5);font:500 14px/1.35 var(--ui);color:var(--tinta)}
.arco .sello b{display:block;font:600 22px var(--display);color:var(--terracota)}
@media(max-width:880px){.portada .wrap{grid-template-columns:1fr;gap:40px;padding-top:44px;padding-bottom:130px}.arco{max-width:250px;order:-1}.arco .sello{left:-14px;bottom:24px}.sol{width:340px;height:340px;right:-60px;top:24%}}

/* Franja de propuestas */
.franja{background:var(--papel);border-bottom:1px solid var(--linea)}
.franja .wrap{display:grid;grid-template-columns:repeat(3,1fr)}
.franja a{display:flex;gap:16px;align-items:flex-start;padding:30px 28px 30px 0;text-decoration:none;color:var(--tinta)}
.franja a + a{padding-left:28px;border-left:1px solid var(--linea)}
.franja .ic{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--durazno-claro);color:var(--terracota-osc);font:22px var(--simbolos)}
.franja a:nth-child(2) .ic{background:var(--lila-claro);color:var(--lila-osc)}
.franja h3{font-size:25px;line-height:1.1;margin-bottom:4px}
.franja p{margin:0;font-size:15px;color:var(--bruma)}
.franja a:hover h3{color:var(--terracota)}
@media(max-width:860px){.franja .wrap{grid-template-columns:1fr}.franja a + a{padding-left:0;border-left:0;border-top:1px solid var(--linea)}}

/* Secciones */
section{padding:96px 0}
section.alt{background:var(--papel);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
section.oscura{background:linear-gradient(160deg,#3a2540 0%,#5e4689 60%,#8a5a86 100%);color:#fbeee4}
section.oscura h2{color:#fff}
section.oscura .rotulo{color:var(--durazno)}
.encabezado{display:grid;grid-template-columns:200px 1fr;gap:40px;margin-bottom:52px;align-items:end}
.encabezado h2{font-size:clamp(40px,5.4vw,66px);line-height:1}
.encabezado h2 em{font-style:italic;color:var(--terracota)}
section.oscura .encabezado h2 em{color:var(--durazno)}
.encabezado p{grid-column:2;margin:14px 0 0;color:var(--bruma);max-width:38em}
section.oscura .encabezado p{color:#e9d6dc}
@media(max-width:760px){section{padding:72px 0}.encabezado{grid-template-columns:1fr;gap:12px}.encabezado p{grid-column:1}}

/* Herramientas */
.herramientas{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:22px}
.tarjeta{position:relative;display:flex;flex-direction:column;border-radius:22px;padding:30px;text-decoration:none;color:var(--tinta);background:var(--papel);border:1px solid var(--linea);transition:transform .25s,box-shadow .25s;overflow:hidden}
.tarjeta:hover{transform:translateY(-4px);box-shadow:0 24px 40px -26px rgba(90,40,60,.45)}
.tarjeta h3{font-size:34px;line-height:1.05;margin:10px 0 10px}
.tarjeta p{margin:0 0 20px;color:var(--bruma);font-size:16px}
.tarjeta .ir{margin-top:auto;font:600 15px var(--ui);color:var(--terracota)}
.tarjeta.destacada{background:var(--atardecer);border:0}
.tarjeta.destacada p{color:#3d2733}
.tarjeta.destacada .ir{color:var(--tinta)}
.tarjeta .rueda-mini{position:absolute;right:-50px;bottom:-50px;width:210px;opacity:.35}
.tarjeta.lila{background:var(--lila-claro);border-color:#d7c9ec}
.tarjeta.lila .ir{color:var(--lila-osc)}
@media(max-width:900px){.herramientas{grid-template-columns:1fr}}

/* Luna */
.luna{display:grid;grid-template-columns:200px 1fr;gap:36px;align-items:center;margin-top:22px;padding:28px 30px;border-radius:22px;background:var(--papel);border:1px solid var(--linea)}
.luna h3{font-size:40px;font-style:italic;color:var(--lila-osc)}
.luna .dato{color:var(--bruma);margin:2px 0 14px}
.fases{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--linea)}
.fases div{padding:12px 14px 0 0}
.fases b{display:block;font:600 12px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--terracota)}
.fases span{font:500 24px var(--display);font-variant-numeric:tabular-nums}
.luna small{display:block;margin-top:14px;color:var(--bruma);font-size:13px;font-style:italic}
@media(max-width:760px){.luna{grid-template-columns:1fr;justify-items:center;text-align:center}.fases{grid-template-columns:repeat(2,1fr);text-align:left;width:100%}}

/* Tienda */
.manual{display:grid;grid-template-columns:1fr 1fr;border-radius:26px;overflow:hidden;background:var(--papel);border:1px solid var(--linea);box-shadow:0 30px 60px -40px rgba(90,40,60,.5);margin-bottom:48px}
.manual .img{background:center/cover;min-height:440px}
.manual .info{padding:46px}
.manual h3{font-size:clamp(36px,4.2vw,50px);line-height:1.02;margin:12px 0 16px}
.manual h3 em{font-style:italic;color:var(--terracota)}
.manual p{color:var(--bruma);margin:0 0 20px}
.incluye{list-style:none;padding:0;margin:0 0 26px;display:grid;grid-template-columns:1fr 1fr;gap:6px 22px;font:500 15px var(--ui)}
.incluye li{padding:6px 0;border-bottom:1px solid var(--linea)}
.incluye li::before{content:"✦ ";color:var(--durazno)}
.precio{display:flex;align-items:baseline;gap:12px;margin-bottom:24px}
.precio b{font:600 60px/1 var(--display);color:var(--tinta)}
.precio span{font:600 13px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--bruma)}
.pago{font:13px var(--ui);color:var(--bruma);margin-top:14px}
@media(max-width:860px){.manual{grid-template-columns:1fr}.manual .img{min-height:260px}.manual .info{padding:30px 24px}.incluye{grid-template-columns:1fr}}
.oferta{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.oferta li{list-style:none;display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:20px;background:var(--papel);border:1px solid var(--linea)}
.oferta{padding:0;margin:0}
.oferta h3{font-size:28px;line-height:1.05}
.oferta p{margin:0 0 10px;color:var(--bruma);font-size:15px}
.oferta .btn{margin-top:auto;align-self:flex-start}
.estado{display:inline-block;align-self:flex-start;font:600 12px var(--ui);letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--durazno-claro);color:var(--terracota-osc)}
.estado.ya{background:#d9efe2;color:#1f6b43}
@media(max-width:980px){.oferta{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.oferta{grid-template-columns:1fr}}

/* Escritos */
.escritos{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.escrito{display:grid;grid-template-columns:150px 1fr;gap:22px;padding:22px;border-radius:22px;background:var(--papel);border:1px solid var(--linea);text-decoration:none;color:var(--tinta);transition:transform .25s,box-shadow .25s}
.escrito:hover{transform:translateY(-3px);box-shadow:0 24px 40px -28px rgba(90,40,60,.45)}
.escrito .min{aspect-ratio:3/4;border-radius:14px;overflow:hidden}
.escrito .min img{width:100%;height:100%;object-fit:cover}
.escrito h3{font-size:clamp(26px,2.7vw,32px);line-height:1.05;margin:8px 0 8px}
.escrito h3 em{font-style:italic;color:var(--terracota)}
.escrito p{margin:0 0 12px;color:var(--bruma);font-size:15px}
.escrito .ir{font:600 14px var(--ui);color:var(--terracota)}
@media(max-width:900px){.escritos{grid-template-columns:1fr}}
@media(max-width:520px){.escrito{grid-template-columns:92px 1fr;gap:14px;padding:16px}}

/* Biblioteca */
.indice{border-top:1.5px solid var(--terracota)}
.indice details{border-bottom:1px solid var(--linea)}
.indice summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:80px 1fr 40px;gap:18px;align-items:baseline;padding:24px 0}
.indice summary::-webkit-details-marker{display:none}
.num{font:600 16px var(--ui);letter-spacing:.16em;color:var(--lila)}
.indice h3{font-size:clamp(26px,3.2vw,36px);line-height:1.1;transition:color .2s}
.indice summary:hover h3{color:var(--terracota)}
.indice .resumen{display:block;font:400 15px var(--texto);color:var(--bruma);margin-top:4px}
.mas{justify-self:end;font:300 32px var(--ui);color:var(--terracota);transition:transform .3s}
details[open] .mas{transform:rotate(45deg)}
.articulo{padding:0 0 36px 98px;max-width:calc(98px + 38em)}
.articulo p{margin:0 0 18px}
.articulo .nota{font-size:15px;color:var(--bruma);border-left:2px solid var(--durazno);padding-left:16px}
@media(max-width:700px){.indice summary{grid-template-columns:44px 1fr 26px;gap:12px}.articulo{padding-left:0}}

/* Sobre mí */
.bio{display:grid;grid-template-columns:200px 1fr 1fr;gap:40px}
.bio p{margin:0 0 18px}
.cita{grid-column:2 / 4;border-left:3px solid var(--durazno);padding:6px 0 6px 26px;margin-top:6px;font:italic 500 clamp(24px,3vw,32px)/1.35 var(--display)}
.cita small{display:block;margin-top:12px;font:600 13px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--terracota);font-style:normal}
.hitos{list-style:none;padding:0;margin:0;font-size:15px;color:var(--bruma)}
.hitos li{padding:10px 0;border-bottom:1px solid var(--linea)}
.hitos b{display:block;font:600 14px var(--ui);letter-spacing:.1em;color:var(--lila-osc)}
@media(max-width:860px){.bio{grid-template-columns:1fr}.cita{grid-column:1}}

/* Videos */
.videos{display:grid;grid-template-columns:1.4fr 1fr;gap:28px}
.videos .lista{display:grid;align-content:start}
.v{display:block;text-decoration:none;color:var(--tinta)}
.v .pant{position:relative;aspect-ratio:16/9;background:#3a2540 center/cover;border-radius:18px;overflow:hidden}
.v .pant::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(44,28,42,.05),rgba(44,28,42,.6))}
.v .pant iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:2}
.play{position:absolute;left:22px;bottom:20px;z-index:1;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.92);color:var(--terracota);font-size:16px;padding-left:3px}
.v h3{font-size:30px;margin:14px 0 2px}
.v small{font:600 12px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--terracota)}
.fila{display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:center;padding:14px 0;border-bottom:1px solid var(--linea)}
.fila .pant{aspect-ratio:4/3;border-radius:12px}
.fila .play{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:38px;height:38px;font-size:12px}
.fila h3{font-size:23px;margin:2px 0 0}
@media(max-width:860px){.videos{grid-template-columns:1fr}}

/* Comunidad */
.comunidad{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.caja{border-radius:24px;padding:36px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}
.caja h3{font-size:36px;line-height:1.05;margin:8px 0 12px;color:#fff}
.caja p{margin:0 0 22px;color:#ecdbe0}
.caja ul{margin:0 0 24px;padding-left:18px;color:#ecdbe0}
@media(max-width:860px){.comunidad{grid-template-columns:1fr}.caja{padding:28px 22px}}

/* Formularios */
.campo{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.campo label{font:600 13px var(--ui);letter-spacing:.06em;color:var(--bruma)}
section.oscura .campo label{color:#ecdbe0}
input,select,textarea{font:400 16px var(--ui);color:var(--tinta);background:#fff;border:1.5px solid var(--linea);border-radius:14px;padding:12px 14px;width:100%}
textarea{min-height:130px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--lila)}
.fila2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fila3{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}
@media(max-width:560px){.fila2,.fila3{grid-template-columns:1fr}}
.oculto{position:absolute;left:-9999px}
.aviso{font:14px var(--ui);color:var(--bruma);margin:10px 0 0}
.ok-msg{display:none;padding:14px 18px;border-radius:14px;background:#d9efe2;color:#1f6b43;font:500 15px var(--ui);margin-top:14px}
.ok-msg.ver{display:block}
.err-msg{color:#a3271b;font:500 14px var(--ui);margin-top:8px}

/* Contacto */
.contacto{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:start}
.canales{display:grid;gap:12px}
.canales a{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:18px;background:var(--papel);border:1px solid var(--linea);text-decoration:none;color:var(--tinta);transition:border-color .2s}
.canales a:hover{border-color:var(--terracota)}
.canales .ic{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--durazno-claro);color:var(--terracota-osc);font:600 15px var(--ui)}
.canales small{display:block;font:600 12px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--terracota)}
.canales span{font:500 22px var(--display);word-break:break-word}
.formulario{padding:34px;border-radius:24px;background:var(--papel);border:1px solid var(--linea)}
@media(max-width:860px){.contacto{grid-template-columns:1fr}.formulario{padding:24px 20px}}

/* Pie */
footer{background:#2c1c2a;color:#d9c5cc;padding:56px 0 40px;font:15px var(--ui)}
footer .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}
footer em{display:block;font:italic 500 28px var(--display);color:var(--durazno);margin-bottom:10px}
footer h4{font:600 12px var(--ui);letter-spacing:.16em;text-transform:uppercase;color:#fff;margin:0 0 12px}
footer a{color:#d9c5cc;text-decoration:none;display:block;padding:3px 0}
footer a:hover{color:var(--durazno)}
footer .legal{grid-column:1 / -1;border-top:1px solid rgba(255,255,255,.12);padding-top:20px;margin-top:10px;font-size:13px;color:#a48f98}
@media(max-width:760px){footer .wrap{grid-template-columns:1fr}}

/* WhatsApp flotante */
.flotante{position:fixed;right:20px;bottom:20px;z-index:40;width:58px;height:58px;border-radius:50%;background:#1f8f55;display:grid;place-items:center;box-shadow:0 12px 26px -10px rgba(0,0,0,.45);transition:transform .2s}
.flotante:hover{transform:scale(1.07)}
.flotante svg{width:30px;height:30px;fill:#fff}

/* Páginas de herramientas */
.cabecera{background:var(--atardecer);padding:64px 0 56px}
.cabecera h1{font-size:clamp(46px,7vw,86px);line-height:.95}
.cabecera h1 em{font-style:italic;color:#fff}
.cabecera p{max-width:36em;font-size:18px;color:#3d2733;margin:16px 0 0}
.panel{border-radius:24px;padding:30px;background:var(--papel);border:1px solid var(--linea)}
.persona h3{font-size:30px;margin-bottom:14px;color:var(--lila-osc)}
.sugerencias{list-style:none;margin:6px 0 0;padding:0;border:1px solid var(--linea);border-radius:14px;overflow:hidden;background:#fff}
.sugerencias:empty{display:none}
.sugerencias button{display:block;width:100%;text-align:left;font:15px var(--ui);padding:10px 14px;border:0;border-bottom:1px solid var(--linea);background:none;cursor:pointer;color:var(--tinta)}
.sugerencias button:hover{background:var(--arena)}
.lugar-ok{font:500 14px var(--ui);color:#1f6b43;margin-top:6px}
.check{display:flex;gap:10px;align-items:center;font:15px var(--ui);color:var(--bruma)}
.check input{width:auto}
.resultado{display:none;margin-top:44px}
.resultado.ver{display:block}
.resgrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:30px;align-items:start}
@media(max-width:940px){.resgrid{grid-template-columns:1fr}}
.rueda{width:100%;height:auto;display:block;border-radius:50%;background:#fff;box-shadow:0 30px 60px -40px rgba(90,40,60,.55)}
.tabla{width:100%;border-collapse:collapse;font:15px var(--ui)}
.tabla th{font:600 12px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--terracota);text-align:left;padding:10px 8px;border-bottom:1.5px solid var(--terracota)}
.tabla td{padding:9px 8px;border-bottom:1px solid var(--linea);vertical-align:middle}
.tabla .g{font:20px var(--simbolos);width:30px;text-align:center;color:var(--lila-osc)}
.tabla .r{color:var(--terracota);font-weight:600}
.bloque{margin-top:30px}
.bloque h3{font-size:30px;margin-bottom:12px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font:500 14px var(--ui);padding:6px 12px;border-radius:999px;background:var(--arena);color:var(--tinta)}
.chip .sim{color:var(--lila-osc)}
.barras{display:grid;gap:8px}
.barras div{display:grid;grid-template-columns:90px 1fr 24px;gap:10px;align-items:center;font:14px var(--ui)}
.barras i{display:block;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--durazno),var(--terracota))}
.llamado{margin-top:40px;padding:34px;border-radius:24px;background:linear-gradient(160deg,#3a2540,#5e4689);color:#fbeee4;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.llamado h3{font-size:34px;color:#fff;margin-bottom:6px}
.llamado p{margin:0;color:#e9d6dc}
@media(max-width:760px){.llamado{grid-template-columns:1fr}}
.nota-tec{font:13px/1.6 var(--ui);color:var(--bruma);margin-top:22px}

/* Escritos (páginas) */
.cabeza{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end;padding:64px 0 44px}
.cabeza h1{font-size:clamp(44px,6.8vw,88px);line-height:.95;margin:12px 0 0}
.cabeza h1 em{display:block;font-style:italic;color:#fff}
.cabeza .autor{margin:22px 0 0;font:600 13px var(--ui);letter-spacing:.18em;text-transform:uppercase}
.lamina{margin:0;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 30px 60px -30px rgba(70,30,60,.6)}
.lamina img{width:100%;aspect-ratio:4/3;object-fit:cover}
.lamina figcaption,.fig figcaption{font:italic 400 13px/1.5 var(--texto);color:var(--bruma);padding:10px 14px}
.texto{max-width:40em;margin:0 auto;padding:56px 0 70px;font-size:18px;line-height:1.85}
.texto p{margin:0 0 20px}
.texto>p:first-child::first-letter{float:left;font:600 78px/.8 var(--display);color:var(--terracota);padding:8px 12px 0 0}
.texto h2,.texto h3{font-size:34px;line-height:1.15;margin:44px 0 16px}
.texto strong{font-weight:600;color:#4a2a36}
.fig{margin:32px 0;border-radius:16px;overflow:hidden;border:1px solid var(--linea);background:#fff}
.tabla-txt{overflow-x:auto;margin:24px 0}
.tabla-txt table{border-collapse:collapse;width:100%;font:15px var(--ui)}
.tabla-txt td{border-bottom:1px solid var(--linea);padding:8px 12px}
.tabla-txt tr:first-child td{font:600 13px var(--ui);letter-spacing:.1em;color:var(--terracota)}
.pie-art{border-top:1.5px solid var(--terracota);padding-top:26px;margin-top:44px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.otros ul{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.otros a{display:block;height:100%;padding:22px;border-radius:18px;background:var(--papel);border:1px solid var(--linea);text-decoration:none;color:var(--tinta);font:500 25px/1.15 var(--display)}
.otros a em{color:var(--terracota)}
.otros a:hover{border-color:var(--terracota)}
@media(max-width:820px){.cabeza{grid-template-columns:1fr;gap:30px;padding:40px 0 32px}.otros ul{grid-template-columns:1fr}.texto{font-size:17px}}
@media print{.barra,.flotante,footer,.llamado,form,.no-print{display:none!important}body{background:#fff}.resultado{display:block}}

/* Lectura de la carta */
.lectura{columns:2;column-gap:40px}
.lectura p{margin:0 0 14px;break-inside:avoid;font-size:16px}
.lectura h4{column-span:all;font:600 13px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--terracota);margin:18px 0 10px}
@media(max-width:860px){.lectura{columns:1}}
.tres{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:860px){.tres{grid-template-columns:1fr}}
.sistema-casas{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0 0}
.sistema-casas select{width:auto;min-width:240px}

/* Calendario lunar */
.cal-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.cal-nav h2{font-size:clamp(32px,4.5vw,48px)}
.grilla{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.grilla .cab{font:600 12px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--terracota);text-align:center;padding:6px 0}
.dia{position:relative;min-height:118px;padding:10px;border-radius:14px;background:var(--papel);border:1px solid var(--linea);display:flex;flex-direction:column;gap:4px;font:13px/1.3 var(--ui)}
.dia .n{font:600 18px var(--display)}
.dia .ico{position:absolute;top:8px;right:8px;width:26px;height:26px}
.dia .sg{color:var(--lila-osc)}
.dia .il{color:var(--bruma);font-size:12px}
.dia .ev{font-weight:600;color:var(--terracota-osc)}
.dia .ing{font-size:11.5px;color:var(--bruma)}
.dia.fase{background:var(--durazno-claro);border-color:var(--durazno)}
.dia.hoy{outline:2px solid var(--lila);outline-offset:1px}
.vacio{min-height:0}
@media(max-width:760px){.grilla{gap:4px}.dia{min-height:86px;padding:6px;font-size:11px}.dia .sg span:not(.sim){display:none}.dia .sg .sim{font-size:15px}.dia .ico{width:18px;height:18px;top:5px;right:5px}.dia .ing,.dia .il{display:none}.dia .ev{font-size:10.5px}}
.fases4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.fases4 div{padding:16px;border-radius:16px;background:var(--papel);border:1px solid var(--linea)}
.fases4 b{display:block;font:600 12px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--terracota)}
.fases4 span{display:block;font:500 28px var(--display)}
.fases4 small{font:13px var(--ui);color:var(--bruma)}
@media(max-width:700px){.fases4{grid-template-columns:1fr 1fr}}
.recursos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:900px){.recursos-grid{grid-template-columns:1fr}}

/* Atardecer en toda la página: menos blanco, fondo cálido continuo */
:root{--crema:#f9e1cd;--papel:rgba(255,248,241,.72);--arena:#f6d6c0;--linea:rgba(150,90,90,.18)}
body{background:linear-gradient(180deg,#fbe4d1 0%,#f8d2bb 18%,#f1c3b8 38%,#e7c0c8 58%,#ddc5e2 78%,#e9d3e8 100%);background-color:#f6d3c0}
.barra{background:rgba(250,222,201,.82)}
.franja{background:rgba(255,244,234,.45);border-bottom:0}
section.alt{background:rgba(255,246,238,.32);border:0}
.tarjeta,.panel,.formulario,.escrito,.oferta li,.luna,.manual,.canales a,.fases4 div,.dia,.otros a{background:var(--papel);backdrop-filter:blur(6px);border-color:rgba(255,255,255,.55)}
.tarjeta:not(.destacada):not(.lila){background:linear-gradient(160deg,rgba(255,246,236,.85),rgba(251,214,189,.55))}
.tarjeta.lila{background:linear-gradient(160deg,rgba(240,232,250,.9),rgba(205,185,232,.6))}
.manual{background:linear-gradient(160deg,rgba(255,247,238,.88),rgba(250,215,192,.6))}
.dia.fase{background:linear-gradient(160deg,#fde3cf,#f3a47a88)}
.cabecera{padding-bottom:70px;-webkit-mask-image:linear-gradient(180deg,#000 75%,transparent);mask-image:linear-gradient(180deg,#000 75%,transparent)}
.cordillera path:last-child{fill:#fbe4d1}
input,select,textarea{background:rgba(255,255,255,.88);border-color:rgba(150,90,90,.22)}
.rueda{background:transparent;box-shadow:none}
.lamina,.fig{background:rgba(255,250,244,.85)}
.menu{gap:20px}.menu a{white-space:nowrap;font-size:14.5px}
@media(max-width:1120px){
  .menu{display:none;position:absolute;top:70px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#fbe2cf;border-bottom:1px solid var(--linea);padding-bottom:16px}
  .menu.abierto{display:flex}.menu a{padding:14px 28px;border-top:1px solid var(--linea)}
  .menu .btn{margin:14px 28px 0;text-align:center}
  .hamb{display:block}
}
html,body{overflow-x:clip}
@media(max-width:600px){.tabla{font-size:13.5px}.tabla td,.tabla th{padding:8px 4px}.tabla .g{width:22px}.llamado .acciones{flex-direction:column;align-items:stretch}}
@media(max-width:440px){.barra .wrap{padding:0 16px;gap:10px}.marca{font-size:13px;letter-spacing:.1em;gap:8px}.marca svg{width:26px;height:26px}.hamb{padding:7px 12px}}

/* Lectura: luces, sombras y avisos */
.luz{color:#2f6b3a}
.sombra{color:#8a3a14}
.lectura .luz,.lectura .sombra{display:block;margin-top:4px;font-size:15px}
.alerta{padding:12px 16px;border-radius:12px;background:#fff1d6;border:1px solid #f0c27a;color:#6b4300;font:500 15px/1.5 var(--ui)}
.descargo{margin-top:28px;padding:18px 22px;border-radius:16px;background:rgba(255,250,244,.7);border:1px solid var(--linea);font:14px/1.6 var(--ui);color:var(--bruma)}
.descargo b{color:var(--tinta)}
.contador{display:inline-flex;align-items:center;gap:8px;font:500 13px var(--ui);color:#d9c5cc}
.contador b{font:600 15px var(--ui);color:var(--durazno)}
.legal-txt{max-width:46em}
.legal-txt h2{font-size:34px;margin:40px 0 12px}
.legal-txt p,.legal-txt li{font-size:16px}

/* ===== Paleta única: durazno → coral → lila (la de la tarjeta "Tu carta natal") ===== */
:root{
  --atardecer:linear-gradient(165deg,#fde3cf 0%,#f8b98f 28%,#e98a64 52%,#b9708f 76%,#6f5596 100%);
  --suave:linear-gradient(160deg,rgba(255,244,234,.9) 0%,rgba(251,214,189,.75) 55%,rgba(226,214,240,.75) 100%);
  --lila:#8a6bb8;--lila-osc:#5e4689;--lila-claro:#e9e0f4;
  --papel:rgba(255,248,242,.72);--linea:rgba(140,100,120,.18)
}
body{background:linear-gradient(180deg,#fde8d6 0%,#fbdcc6 20%,#f6d5c4 40%,#ecd3d3 60%,#e2d5e6 80%,#dcd2ec 100%);background-color:#efd8d8}
.barra{background:rgba(253,232,214,.86)}
@media(max-width:1120px){.menu{background:#fde6d3}}
.portada,.cabecera{background:var(--atardecer)}
.cordillera path:nth-child(1){fill:#6f5596;fill-opacity:.5}
.cordillera path:nth-child(2){fill:#3a2540;fill-opacity:.8}
.cordillera path:last-child{fill:#fde8d6}
.franja{background:rgba(255,244,234,.5)}
section.alt{background:rgba(255,250,246,.28)}
/* tarjetas y cajas con el mismo degradé suave */
.tarjeta:not(.destacada),.tarjeta.lila,.manual,.escrito,.oferta li,.luna,.panel,.formulario,.canales a,.fases4 div,.otros a,.dia{background:var(--suave);border-color:rgba(255,255,255,.6)}
.tarjeta.lila .ir,.tarjeta.lila .rotulo{color:var(--lila-osc)!important}
.franja a:nth-child(2) .ic{background:var(--lila-claro);color:var(--lila-osc)}
/* comunidad y llamados: sin cortes oscuros, mismo degradé */
section.oscura{background:transparent;color:var(--tinta)}
section.oscura h2,section.oscura .caja h3{color:var(--tinta)}
section.oscura .rotulo{color:var(--terracota)}
section.oscura .encabezado h2 em{color:var(--terracota)}
section.oscura .encabezado p,.caja p,.caja ul{color:#4a3340}
section.oscura .campo label{color:var(--bruma)}
.caja{background:var(--atardecer);border:0;box-shadow:0 24px 50px -34px rgba(90,40,80,.55)}
.caja .rotulo{color:#2c1c2a!important}
.caja h3,.caja p,.caja ul{color:#2c1c2a}
.llamado{background:var(--atardecer);color:var(--tinta)}
.llamado h3{color:var(--tinta)}
.llamado p{color:#3d2733}
.llamado .btn.claro{border-color:var(--tinta);color:var(--tinta)}
.dia.fase{background:linear-gradient(160deg,#fde3cf,#f3a47a)}
.dia.hoy{outline-color:var(--lila)}
/* pie claro, continuando el degradé */
footer{background:linear-gradient(180deg,#d8cdea,#cbbde3);color:#3d2d48}
footer em{color:var(--lila-osc)}
footer h4{color:var(--tinta)}
footer a{color:#3d2d48}
footer a:hover{color:var(--terracota)}
footer .legal{border-top-color:rgba(60,40,80,.15);color:#5a4a66}
.contador{color:#5a4a66}.contador b{color:var(--terracota)}
/* imágenes teñidas con la paleta */
.min,.lamina,.v .pant,.manual .img,.fig{position:relative}
.min img,.lamina img,.fig img{filter:sepia(.25) saturate(.9) contrast(.97)}
.min::after,.lamina::after,.manual .img::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(248,185,143,.32),rgba(185,112,143,.22) 60%,rgba(111,85,150,.28));mix-blend-mode:multiply;pointer-events:none}
.lamina::after{bottom:auto;aspect-ratio:4/3;width:100%}
.v .pant::before{background:linear-gradient(180deg,rgba(248,185,143,.18),rgba(111,85,150,.55))}
.manual .img{position:relative}
/* tipografía: un poco más de contraste y negritas claras */
body{color:#2a1b28}
.encabezado p,.tarjeta p,.escrito p,.oferta p,.franja p{color:#5b4652}
strong,b{font-weight:600}
.texto strong{color:#3b2232}

/* Calendario astrológico */
.dia .arriba{display:flex;align-items:center;justify-content:space-between;gap:4px}
.dia .ico{position:static;width:28px;height:28px;flex:none}
.chip.ret .sim{color:#fff}
.dia .chips{display:flex;flex-wrap:wrap;gap:3px;margin-top:auto}
.chip{font:600 11.5px/1 var(--ui);padding:4px 6px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid rgba(111,85,150,.25);color:#4b3a66;white-space:nowrap;cursor:default}
.chip.ing{background:#fde3cf;border-color:#f3a47a;color:#8a4a2c}
.chip.ten{background:#f6d5cc;border-color:#d98a72;color:#7e3622}
.chip.flu{background:#dcebd9;border-color:#9cc394;color:#2f5a2a}
.chip.mix{background:#e9def3;border-color:#b9a2d6;color:#4b3a66}
.chip.ret{background:#6f5596;border-color:#6f5596;color:#fff}
.cal-ley{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;font:13px var(--ui);color:#5a4a68;margin:4px 0 16px}
.cal-ley i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;vertical-align:-1px}
.m-fase{background:#f3a47a}.m-ing{background:#fde3cf;border:1px solid #f3a47a}.m-asp{background:linear-gradient(90deg,#dcebd9 50%,#f6d5cc 50%);border:1px solid #b9a2d6}.m-ret{background:#6f5596}
.eventos{list-style:none;padding:0;display:grid;gap:8px}
.eventos li{display:grid;grid-template-columns:9.5em 1fr;gap:12px;padding:10px 14px;border-radius:12px;background:var(--suave);border-left:4px solid #b9a2d6;font:15px/1.45 var(--ui)}
.eventos li.fase{border-left-color:#f3a47a}.eventos li.ing{border-left-color:#f8b98f}.eventos li.solar{background:linear-gradient(90deg,#fde3cf,#f8e6ee)}
.eventos li.ten{border-left-color:#d98a72}.eventos li.flu{border-left-color:#7fae76}.eventos li.ret{border-left-color:#6f5596}
.eventos .cuando{color:#8a4a2c;font-weight:600}.eventos .cuando::first-letter{text-transform:uppercase}
.eventos .nota{color:#5a4a68}
@media(max-width:760px){.dia .ico{width:20px;height:20px}.dia .sg .nom,.dia .il{display:none}.chip{font-size:10px;padding:3px 4px}.dia .chips{gap:2px}.eventos li{grid-template-columns:1fr;gap:2px}}
.intereses{border:0;padding:0;margin:10px 0 14px;display:flex;flex-wrap:wrap;gap:6px 18px;font:14px var(--ui)}
.intereses legend{font-weight:600;margin-bottom:6px;padding:0}
.intereses label{display:flex;align-items:center;gap:6px;cursor:pointer}
.intereses input{width:17px;height:17px;accent-color:#c4552f}
.news-box{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:center;margin:36px 0;padding:28px;border-radius:22px;background:var(--atardecer);color:#2c1c2a;box-shadow:0 14px 40px rgba(111,85,150,.18)}
.news-box h3{margin:6px 0 8px}
.news-box form{background:rgba(255,255,255,.55);padding:18px;border-radius:16px}
@media(max-width:760px){.news-box{grid-template-columns:1fr;padding:20px;gap:14px}}
.faq{max-width:46em;margin:28px auto 8px}
.faq h3{margin-bottom:10px}
.faq details{background:var(--suave);border-radius:14px;padding:12px 16px;margin:8px 0;border:1px solid rgba(255,255,255,.6)}
.faq summary{cursor:pointer;font:600 16px var(--ui)}
.faq p{margin:8px 0 2px}

/* ===================================================================
   Paleta "blanco y dorado" — marca de autor (v11)
   Blancos marfil, neutros profundos y acentos dorados sutiles.
   =================================================================== */
:root{
  --crema:#fbf9f5;--papel:#ffffff;--arena:#f4efe6;--linea:#e7dfd0;
  --oro:#b08d57;--oro-claro:#ecdfc6;--oro-osc:#7a5c2e;
  --terracota:#7a5c2e;--terracota-osc:#5b4321;--durazno:#d9c29a;--durazno-claro:#f3ead9;
  --lila:#b08d57;--lila-osc:#5b4321;--lila-claro:#f3ead9;
  --tinta:#1f1b18;--bruma:#6b625a;
  --atardecer:linear-gradient(165deg,#ffffff 0%,#faf6ee 45%,#f1e6d1 100%);
  --suave:#ffffff;
}
body{background:#fbf9f5;background-color:#fbf9f5;color:var(--tinta)}
::selection{background:var(--oro-claro);color:var(--tinta)}
a{color:var(--oro-osc)}
.rotulo{color:var(--oro-osc)}
h1 em,h2 em,h3 em{color:var(--oro-osc)}
.barra{background:rgba(251,249,245,.9);border-bottom:1px solid var(--linea);backdrop-filter:blur(10px)}
@media(max-width:1120px){.menu{background:#fbf9f5}}
.portada,.cabecera{background:radial-gradient(120% 90% at 85% 0%,#f3e7cf 0%,rgba(243,231,207,0) 60%),linear-gradient(180deg,#ffffff 0%,#faf6ee 100%)}
.portada h1 em{color:var(--oro-osc);text-shadow:none}
.portada .intro{color:#4a423b}
.cordillera path:nth-child(1){fill:#c9b089;fill-opacity:.45}
.cordillera path:nth-child(2){fill:#2b2621;fill-opacity:.88}
.cordillera path:last-child{fill:#fbf9f5}
.arco .marco{border:1px solid var(--oro);box-shadow:0 30px 60px -34px rgba(60,45,25,.45)}
/* botones */
.btn{border-color:var(--tinta);color:var(--tinta)}
.btn:hover{background:rgba(176,141,87,.1)}
.btn.lleno,.portada .btn.lleno{background:var(--tinta);border-color:var(--tinta);color:#fff;box-shadow:0 10px 24px -14px rgba(31,27,24,.7)}
.btn.lleno:hover,.portada .btn.lleno:hover{background:var(--oro-osc);border-color:var(--oro-osc)}
.btn.lila{border-color:var(--oro-osc);color:var(--oro-osc)}
.btn.lila.lleno{background:var(--oro-osc);color:#fff}
.llamado .btn.claro,.btn.claro{border-color:var(--tinta);color:var(--tinta)}
/* tarjetas y cajas: blanco con filete dorado */
.tarjeta,.tarjeta:not(.destacada),.tarjeta.lila,.manual,.escrito,.oferta li,.luna,.panel,.formulario,.canales a,.fases4 div,.otros a,.dia{background:#fff;border:1px solid var(--linea);box-shadow:0 18px 40px -34px rgba(60,45,25,.35)}
.tarjeta.destacada,.caja,.llamado,.tarjeta.destacada{background:linear-gradient(160deg,#ffffff 0%,#f7f0e3 100%);border:1px solid var(--oro-claro)}
.tarjeta:hover{border-color:var(--oro)}
.tarjeta.lila .ir,.tarjeta.lila .rotulo{color:var(--oro-osc)!important}
.estado{background:var(--oro-claro);color:var(--oro-osc)}
.estado.ya{background:#eef3ec;color:#2f5a35}
section.alt{background:#f6f2ea}
.franja{background:#fff;border-block:1px solid var(--linea)}
.cita{border-left-color:var(--oro)}
.dia.fase{background:linear-gradient(160deg,#fff,#f1e6d1)}
.dia.hoy{outline-color:var(--oro)}
footer{background:#1f1b18;color:#d9d1c4}
footer h4,footer em{color:#e2c995}
footer a{color:#d9d1c4}
footer a:hover{color:#fff}
input,select,textarea{border-color:var(--linea)!important;background:#fff}
input:focus,select:focus,textarea:focus{border-color:var(--oro)!important;outline:none;box-shadow:0 0 0 3px rgba(176,141,87,.18)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:var(--oro)}
.alerta,.descargo{border-color:var(--oro-claro)}

/* ---------- Sobre mí ---------- */
.sobre{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start;margin-bottom:44px}
.sobre-foto{margin:0;position:sticky;top:96px}
.sobre-foto img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:200px 200px 14px 14px;border:1px solid var(--oro)}
.sobre-foto figcaption{margin-top:12px;font:500 13px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--bruma);text-align:center}
.sobre-texto p{margin:0 0 18px}
.sobre-texto .entrada{font:italic 500 clamp(24px,2.6vw,30px)/1.35 var(--display);color:var(--tinta)}
.valores{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.valores li{padding:16px 18px;border:1px solid var(--linea);border-radius:14px;background:#fff;font-size:15px;color:var(--bruma);line-height:1.5}
.valores b{display:block;font:600 13px var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--oro-osc);margin-bottom:4px}
#sobre-mi .hitos{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;list-style:none;padding:0;margin:0 0 34px}
#sobre-mi .hitos li{border-top:1px solid var(--oro);padding-top:12px;font-size:14px;color:var(--bruma)}
#sobre-mi .hitos b{display:block;font:600 17px var(--display);color:var(--tinta)}
#sobre-mi .cita{max-width:44em;margin:0 auto}
@media(max-width:880px){.sobre{grid-template-columns:1fr;gap:28px}.sobre-foto{position:static;max-width:300px;margin:0 auto}#sobre-mi .hitos{grid-template-columns:1fr 1fr}.valores{grid-template-columns:1fr}}

/* ---------- Testimonios ---------- */
.testimonios{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}
.testimonio{margin:0;padding:28px 26px 22px;background:#fff;border:1px solid var(--linea);border-radius:18px;position:relative}
.testimonio::before{content:"“";position:absolute;top:-6px;left:20px;font:500 72px/1 var(--display);color:var(--oro)}
.testimonio blockquote{margin:14px 0 16px;font:italic 400 17px/1.6 var(--texto);color:#3d3630}
.testimonio figcaption{font:500 14px var(--ui);color:var(--tinta)}
.testimonio figcaption span{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--oro-osc);margin-top:2px}
.sin-test{grid-column:1/-1;text-align:center;max-width:38em;margin:0 auto;color:var(--bruma);font-style:italic}
.dejar-testimonio{max-width:760px;margin:28px auto 0}
.dejar-testimonio summary{cursor:pointer;text-align:center;font:500 16px var(--ui);color:var(--oro-osc);padding:12px;list-style:none}
.dejar-testimonio summary::-webkit-details-marker{display:none}
.dejar-testimonio summary::after{content:" ↓"}
.dejar-testimonio[open] summary::after{content:" ↑"}
.dejar-testimonio textarea{width:100%;font:inherit;padding:12px;border:1px solid var(--linea);border-radius:12px;resize:vertical}
.permiso{display:flex;gap:10px;align-items:flex-start;font:14px/1.5 var(--ui);color:var(--bruma);margin:4px 0 16px}
.permiso input{margin-top:4px;accent-color:var(--oro-osc)}

/* ---------- Listas de espera ---------- */
.espera{margin-top:auto;width:100%}
.espera-fila{display:flex;flex-direction:column;gap:8px}
.espera input{width:100%;font:15px var(--ui);padding:10px 14px;border:1px solid var(--linea);border-radius:999px}
.espera .btn{width:100%;white-space:normal;text-align:center}
.oferta .espera .btn{align-self:stretch}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Encuentros ---------- */
.encuentros{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding-block:8px}
.encuentros h2{font-size:clamp(38px,5vw,58px);margin:8px 0 14px}
.encuentros .incluye{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:18px 0}
.encuentros .incluye li{border:1px solid var(--oro-claro);border-radius:999px;padding:6px 14px;font:14px var(--ui);background:#fff}
@media(max-width:880px){.encuentros{grid-template-columns:1fr;gap:24px}}

/* ---------- Compartir y aporte ---------- */
.cierre-herr{padding:10px 0 60px}
.cierre-esc{padding-block:10px 40px;max-width:820px}
.compartir{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:18px 0;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea);margin:24px 0}
.compartir .rotulo{margin-right:6px}
.comp-btn{font:500 14px var(--ui);padding:8px 16px;border-radius:999px;border:1px solid var(--linea);background:#fff;color:var(--tinta);text-decoration:none;cursor:pointer}
.comp-btn:hover{border-color:var(--oro);color:var(--oro-osc)}
.comp-ok{font:500 14px var(--ui);color:#2f5a35}
.aporte{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;padding:24px 26px;border:1px solid var(--oro-claro);border-radius:18px;background:linear-gradient(160deg,#fff,#faf5ea)}
.aporte p{margin:6px 0 0;font-size:15px;color:var(--bruma)}
.aporte-btns{display:flex;flex-direction:column;gap:8px}
.aporte-btns .btn{white-space:normal;text-align:center}
.aporte small{font-weight:400;opacity:.75}
@media(max-width:700px){.aporte{grid-template-columns:1fr}}
.copiar-res{display:flex;align-items:center;gap:12px;margin-top:22px}

/* ---------- Mobile first: sin desborde horizontal ---------- */
html,body{overflow-x:clip;max-width:100%}
img,svg,video,iframe,table{max-width:100%}
.tabla,.tabla-txt{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:600px){
  .wrap{padding:0 18px}
  .btn{padding:12px 20px}
  .compartir .rotulo{width:100%}
  .fila2{grid-template-columns:1fr!important}
  #sobre-mi .hitos{grid-template-columns:1fr}
}
.formulario .permiso{display:grid!important;grid-template-columns:auto 1fr;gap:10px;align-items:start;text-align:left}
.formulario .permiso input{width:auto!important;margin:4px 0 0;padding:0}
.intereses input{accent-color:var(--oro-osc)}
.aporte-btns .btn{flex-direction:column;gap:2px;line-height:1.3}
.aporte small{display:block;font-size:12px}
/* ---------- Barra de herramientas y "seguí explorando" ---------- */
.barra-herr{background:#fff;border-bottom:1px solid var(--linea);position:relative;z-index:3}
.barra-herr .wrap{display:flex;gap:6px;align-items:center;overflow-x:auto;padding-block:10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.barra-herr .wrap::-webkit-scrollbar{display:none}
.barra-herr span{font:600 12px var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--oro-osc);white-space:nowrap;margin-right:8px}
.barra-herr a{font:500 14px var(--ui);white-space:nowrap;text-decoration:none;color:var(--tinta);padding:7px 14px;border-radius:999px;border:1px solid var(--linea);background:#fbf9f5}
.barra-herr a:hover{border-color:var(--oro)}
.barra-herr a[aria-current]{background:var(--tinta);color:#fff;border-color:var(--tinta)}
.explorar{margin:40px 0 10px}
.explorar h3{font-size:30px;margin-bottom:16px}
.explorar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.explorar-grid a{display:flex;flex-direction:column;gap:6px;padding:22px;border:1px solid var(--linea);border-radius:18px;background:#fff;text-decoration:none;color:var(--tinta);transition:border-color .2s,transform .2s}
.explorar-grid a:hover{border-color:var(--oro);transform:translateY(-2px)}
.explorar-grid b{font:500 26px var(--display)}
.explorar-grid p{margin:0;font-size:15px;color:var(--bruma);line-height:1.55}
.explorar-grid .ir{margin-top:auto;font:600 14px var(--ui);color:var(--oro-osc)}
.que-es{max-width:46em;margin:0 0 28px;padding:22px 24px;border-left:2px solid var(--oro);background:#fff;border-radius:0 14px 14px 0}
.que-es h3{font-size:26px;margin-bottom:8px}
.que-es p{margin:0 0 10px;font-size:16px}
@media(max-width:800px){.explorar-grid{grid-template-columns:1fr}}
/* testimonios con video y foto */
.testimonio.video{padding:0;overflow:hidden;display:flex;flex-direction:column}
.testimonio.video::before{display:none}
.testimonio.video video{width:100%;aspect-ratio:9/12;object-fit:cover;background:#1f1b18;display:block}
.testimonio.video figcaption{padding:14px 18px}
.testimonio figcaption{display:flex;align-items:center;gap:12px}
.testimonio figcaption img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid var(--oro)}
/* manual por dentro */
.manual-dentro{display:grid;grid-template-columns:minmax(0,320px) 1fr;gap:36px;align-items:start;margin:36px 0 10px;padding:28px;border:1px solid var(--linea);border-radius:22px;background:#fff}
.manual-video video{width:100%;aspect-ratio:9/16;border-radius:16px;background:#1f1b18;display:block}
.manual-dentro h3{font-size:32px;margin:6px 0 10px}
.capturas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.capturas a{display:block;text-decoration:none;color:var(--bruma);font:500 13px var(--ui)}
.capturas img{width:100%;height:auto;border-radius:12px;border:1px solid var(--linea);aspect-ratio:11/10;object-fit:cover;object-position:top}
.capturas span{display:block;margin-top:6px}
@media(max-width:800px){.manual-dentro{grid-template-columns:1fr;padding:18px}.manual-video{max-width:300px;margin:0 auto}}
.oferta .escuela{display:block;font:600 11px var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--oro-osc);margin-top:-4px}
/* ---------- Revisión de diseño v17: foto más chica, atajos, sugerencias ---------- */
.portada .wrap{grid-template-columns:1.35fr .65fr;padding-bottom:150px}
.arco{max-width:300px;justify-self:center;width:100%}
.portada h1{font-size:clamp(52px,7.2vw,100px)}
.atajos{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:22px}
.atajos span{font:600 12px var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--oro-osc);margin-right:2px}
.atajos a{font:500 14px var(--ui);text-decoration:none;color:var(--tinta);padding:7px 14px;border:1px solid var(--oro-claro);border-radius:999px;background:rgba(255,255,255,.75)}
.atajos a:hover{border-color:var(--oro);color:var(--oro-osc)}
.sobre{grid-template-columns:240px minmax(0,1fr);gap:48px}
.sobre-foto{position:static}
.sobre-foto img{border-radius:120px 120px 12px 12px}
.sugerencias{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
.sugerencias h2{font-size:clamp(34px,4.4vw,52px);margin:8px 0 12px}
.sugerencias textarea{width:100%;font:inherit;padding:12px;border:1px solid var(--linea);border-radius:12px;resize:vertical}
@media(max-width:880px){.portada .wrap{grid-template-columns:1fr}.arco{max-width:190px;order:-1}.sobre{grid-template-columns:1fr}.sobre-foto{max-width:200px}.sugerencias{grid-template-columns:1fr;gap:24px}}
@media(max-width:880px){.arco{max-width:150px}.arco .sello{display:none}.portada .wrap{padding-top:28px;gap:22px}.portada h1{font-size:clamp(46px,13vw,64px)}}
.herramientas + .herramientas{grid-template-columns:repeat(4,minmax(0,1fr))}
.herramientas .tarjeta:not(.destacada){background:#fff}
@media(max-width:980px){.herramientas + .herramientas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.herramientas + .herramientas{grid-template-columns:1fr}}
/* Sello de la escuela Huellas Planetarias */
.sello-huellas{margin:18px 0 6px}
.sello-huellas img{width:min(260px,70vw);height:auto}
.oferta .escuela{display:flex;align-items:center;gap:6px}
.oferta .escuela img{width:24px;height:auto}
footer .logo-pie{display:block;width:170px;height:auto;margin-top:16px;opacity:.9}