/* KYDRA v02 · Extensión del CSS de la maqueta de Tony a las 13 páginas. Solo usa tokens --k-*.
   Regla: el amarillo nunca es texto sobre blanco/arena; solo superficie o acento, o texto sobre carbón. */
[hidden], .ok[hidden]{display:none!important}
.draftbar{background:var(--k-carbon);color:var(--k-texto-inv);font-size:var(--k-fs-xs);text-align:center;padding:.35rem 1rem;border-bottom:3px solid var(--k-amarillo)}
.topbar{background:var(--k-arena);font-size:var(--k-fs-sm)}
.topbar .wrap{display:flex;gap:1.2rem;flex-wrap:wrap;padding-block:.4rem}
.topbar a{color:var(--k-texto);text-decoration:none}.topbar a:hover{text-decoration:underline}
.pend{background:#FFF1B8;color:#5C4600;padding:0 .3rem;border-radius:3px;font-weight:600;outline:1px dashed #8A6D00}
.sec--oscuro .pend,.hero .pend,.pie .pend{background:#3A3420;color:#FFE680;outline-color:#8A7A3A}
.amarillo{color:var(--k-amarillo)} /* solo sobre carbón */
.mb{margin-bottom:var(--k-sp-6)}.mt{margin-top:var(--k-sp-6)}
.h3{font-size:var(--k-fs-xl);margin-bottom:var(--k-sp-4)}
.prose{max-width:72ch}.prose p,.prose ul{margin:0 0 var(--k-sp-4)}.prose h3{margin:var(--k-sp-6) 0 var(--k-sp-3);font-size:var(--k-fs-lg)}
.intro-sec{padding-block:var(--k-sp-8) 0}
/* hero corto (todas las páginas internas) */
.hero--corto .hero__in{grid-template-columns:1fr;padding-block:clamp(2.5rem,1.5rem + 4vw,5rem)}
.hero--corto h1{max-width:22ch;font-size:var(--k-fs-3xl)}
.hero__ic{display:inline-grid;place-items:center;width:72px;height:72px;background:var(--k-amarillo);color:var(--k-carbon);border-radius:var(--k-radio-sm);margin-bottom:var(--k-sp-5)}
.hero__ic .ic{width:40px;height:40px}
.migas{padding-block:.6rem;font-size:var(--k-fs-sm)}.migas a{color:var(--k-texto)}
/* rejillas genéricas */
.dos{display:grid;grid-template-columns:1fr 1fr;gap:var(--k-sp-8);align-items:start}
.paquetes.dos-col{grid-template-columns:repeat(2,1fr)}
.foto{position:relative;margin:0}.foto img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--k-radio-lg)}
.lista{list-style:none;padding:0;margin:0}.lista li{position:relative;padding-left:1.5rem;margin-bottom:.55rem}
.lista li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;background:var(--k-carbon)}
.chips-claros li{border-color:var(--k-carbon)!important;color:var(--k-texto)!important;background:#fff}
.mv{display:grid;grid-template-columns:1fr 1fr;gap:var(--k-sp-6)}
.tarjeta-arena{background:var(--k-arena);border-radius:var(--k-radio-md);padding:var(--k-sp-6);border-top:4px solid var(--k-amarillo)}
.tarjeta-arena h3{margin-bottom:var(--k-sp-3)}
/* acordeones (políticas, FAQ) */
.acordeones{display:grid;gap:var(--k-sp-3)}
.acordeon{background:#fff;border:1px solid var(--k-linea);border-radius:var(--k-radio-md);padding:0 var(--k-sp-5)}
.acordeon summary{cursor:pointer;font-weight:var(--k-peso-semi);padding:var(--k-sp-4) 0;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.acordeon summary::after{content:"+";font:800 1.4rem/1 var(--k-font-titulos)}
.acordeon[open] summary::after{content:"–"}
.acordeon[open]{border-left:4px solid var(--k-amarillo)}
.acordeon > p,.acordeon > ul{margin:0 0 var(--k-sp-4)}
.faq{max-width:900px}
/* formularios: aviso simplificado */
.simpl{background:var(--k-arena);border-radius:var(--k-radio-md);padding:var(--k-sp-4);font-size:var(--k-fs-sm);margin:var(--k-sp-4) 0}
.simpl a{color:var(--k-texto);font-weight:600}
.simpl .check{margin:var(--k-sp-3) 0 0}
.form .req{color:var(--k-error)}.opc{color:var(--k-texto-2)}
.form .k-btn[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.datos div{display:flex;align-items:center;gap:var(--k-sp-3);padding:var(--k-sp-3) var(--k-sp-4);border:1px dashed var(--k-linea);border-radius:var(--k-radio-md);background:#fff}
.datos div small{display:block;color:var(--k-texto-2);font-size:var(--k-fs-xs)}
.mapa{margin:var(--k-sp-5) 0;min-height:180px;display:grid;place-items:center;border:2px dashed #C9C3B6;border-radius:var(--k-radio-md);background:var(--k-arena) url("../recursos/patron-flecha_carbon-8.svg") 0 0/48px}
.contacto .foto{margin-top:var(--k-sp-5)}
/* legal */
.legal{display:grid;grid-template-columns:260px 1fr;gap:var(--k-sp-8);align-items:start}
.legal__indice{position:sticky;top:100px;font-size:var(--k-fs-sm)}.legal__indice ol{padding-left:1.1rem}.legal__indice a{color:var(--k-texto)}
.legal__texto{max-width:72ch}.legal__texto h3{margin:var(--k-sp-7) 0 var(--k-sp-3);font-size:var(--k-fs-lg);scroll-margin-top:100px}
.legal__texto p,.legal__texto ul,.legal__texto ol{margin:0 0 var(--k-sp-4)}
.legal__texto table{border-collapse:collapse;width:100%;margin:var(--k-sp-4) 0;font-size:var(--k-fs-sm)}
.legal__texto td,.legal__texto th{border-bottom:1px solid var(--k-linea);padding:.6rem;text-align:left;vertical-align:top}
.legal__texto th{background:var(--k-arena)}
.legal__texto .note,.legal__texto .aviso{background:var(--k-arena);border-left:4px solid var(--k-amarillo);padding:var(--k-sp-4);margin:var(--k-sp-4) 0;border-radius:4px}
.legal__texto .simpl{display:block}
.legal__texto .cbx .box{display:inline-block;width:14px;height:14px;border:1.5px solid var(--k-carbon);vertical-align:-2px;margin-right:.4rem}
.terminos-sin{max-width:72ch}
/* blog */
.arts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--k-sp-6)}
.art__img{position:relative;margin-bottom:var(--k-sp-4)}.art__img img{aspect-ratio:16/9;object-fit:cover;width:100%;border-radius:var(--k-radio-lg)}
.art h3{font-size:var(--k-fs-lg);margin-bottom:.4rem}
.frases{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;list-style:none;padding:0;margin:0;font:800 var(--k-fs-md)/1.3 var(--k-font-titulos)}
.frases li::before{content:"";display:inline-block;width:16px;height:4px;background:var(--k-amarillo);margin-right:.5rem;vertical-align:middle}
.pn{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--k-linea);padding-top:var(--k-sp-5);margin-top:var(--k-sp-7)}
.pn a{color:var(--k-texto);font-weight:600}
.porque p a,.prose a,.faq a{color:var(--k-texto)}
@media (max-width:900px){.dos,.mv,.legal,.paquetes.dos-col,.arts{grid-template-columns:1fr}.legal__indice{position:static}}
/* ---- v03: tarjetas con imagen, productos, galería ---- */
.ej{position:absolute;left:10px;bottom:10px;background:rgba(20,20,20,.82);color:#fff;font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;letter-spacing:.02em}
.sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--k-sp-5)}
.scard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--k-linea);border-radius:var(--k-radio-lg);overflow:hidden;text-decoration:none;color:var(--k-texto);transition:transform var(--k-dur-media) var(--k-ease),box-shadow var(--k-dur-media)}
.scard:hover{transform:translateY(-4px);box-shadow:var(--k-sombra-2)}
.scard__img{position:relative}.scard__img img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.scard__txt{padding:var(--k-sp-5);position:relative}.scard__txt .card__ic{position:absolute;top:-28px;right:16px;width:52px;height:52px;display:grid;place-items:center;background:var(--k-amarillo);border-radius:var(--k-radio-sm)}
.scard__txt .card__ic .ic{width:28px;height:28px}.scard h3{font-size:var(--k-fs-lg);margin-bottom:.4rem}.scard p{color:var(--k-texto-2);font-size:var(--k-fs-sm)}
.scard .card__mas{display:inline-flex;gap:.4rem;align-items:center;font-weight:600;margin-top:.8rem}
.foto--grande img{aspect-ratio:21/9;max-height:520px}
.sec--foto{padding-block:var(--k-sp-6) 0}
.resumen{counter-reset:r;list-style:none;padding:0;margin:0;display:grid;gap:.7rem}
.resumen li{counter-increment:r;display:flex;gap:.8rem;align-items:center;font-size:var(--k-fs-md)}
.resumen li::before{content:counter(r);flex:none;width:36px;height:36px;display:grid;place-items:center;background:var(--k-amarillo);color:var(--k-carbon);font:800 1rem var(--k-font-titulos);border-radius:50%}
.proceso-det .proceso{grid-template-columns:1fr}
.lista--check li::before{width:12px;height:7px;background:none;border-left:3px solid var(--k-carbon);border-bottom:3px solid var(--k-carbon);transform:rotate(-45deg);top:.4em}
.prods{display:grid;gap:var(--k-sp-6)}
.prod{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:#fff;border:1px solid var(--k-linea);border-radius:var(--k-radio-lg);overflow:hidden;scroll-margin-top:100px}
.prod--top{border:3px solid var(--k-carbon);box-shadow:var(--k-sombra-amarilla)}
.prod__img{position:relative;min-height:280px}.prod__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.prod__badge{position:absolute;top:12px;left:12px;background:var(--k-amarillo);color:var(--k-carbon);font-weight:700;font-size:var(--k-fs-xs);padding:4px 10px;border-radius:var(--k-radio-pill)}
.prod__txt{padding:var(--k-sp-6)}.prod__txt h3{font-size:var(--k-fs-xl);margin-bottom:.5rem}.prod__txt h4{margin:var(--k-sp-4) 0 .5rem;font-size:var(--k-fs-sm);text-transform:uppercase;letter-spacing:var(--k-tracking-etiqueta)}
.prod__desc{font-size:var(--k-fs-md)}.prod__precio{font-weight:700;margin-top:var(--k-sp-3)}
.prod__ctas{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:var(--k-sp-4)}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--k-sp-4)}
.gal__it{position:relative;margin:0}.gal__it img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--k-radio-md);display:block}
.form__nota a{color:var(--k-texto)}
@media (max-width:800px){.prod{grid-template-columns:1fr}.prod__img{min-height:220px}}
/* ---- v04: ajustes de Tony ---- */
.ej{position:absolute;left:10px;bottom:10px;font:600 12px/1 var(--k-font-texto);letter-spacing:.06em;text-transform:uppercase;background:rgba(20,20,20,.82);color:#fff;padding:5px 8px;border-radius:4px}
.sgrid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1199px){.sgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.sgrid{grid-template-columns:1fr}}
.scard h3{min-height:2.5em}
.scard.card--destacada{background:var(--k-carbon);color:#fff;border-color:var(--k-carbon)}
.scard.card--destacada p{color:var(--k-piedra-claro)}
.para-quien{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.6rem}
.para-quien li{background:#fff;border:1.5px solid var(--k-carbon);border-radius:var(--k-radio-pill);padding:.5rem 1rem;font-size:var(--k-fs-sm);color:var(--k-texto)}
@media (max-width:520px){.para-quien{display:grid;gap:.5rem}.para-quien li{border-radius:var(--k-radio-sm)}}
.prods{grid-template-columns:1fr 1fr;gap:var(--k-sp-5)}
.prod{grid-template-columns:1fr;align-items:start}
.prod--top{grid-column:1/-1;grid-template-columns:minmax(0,5fr) minmax(0,7fr);border-color:var(--k-amarillo)}
.prod__img{min-height:0;aspect-ratio:16/9}
.prod--top .prod__img{aspect-ratio:auto;height:100%;min-height:320px}
.prod__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.k-btn--texto{background:none;border:0;color:var(--k-texto);text-decoration:underline;font-weight:600;display:inline-flex;gap:.4rem;align-items:center;padding:0 .4rem;min-height:var(--k-btn-alto)}
.k-btn--texto .ic{width:20px;height:20px}
@media (max-width:900px){.prods,.prod--top{grid-template-columns:1fr}.prod--top .prod__img{aspect-ratio:16/9;height:auto;min-height:0}}
@media (max-width:900px){.foto--grande img{aspect-ratio:16/9}}
@media (max-width:560px){.foto--grande img{aspect-ratio:4/3}}
.aviso-ilustrativo{display:block;background:var(--k-arena);border-left:4px solid var(--k-carbon);padding:.8rem 1rem;border-radius:var(--k-radio-sm);font-size:var(--k-fs-base);color:var(--k-texto);max-width:62ch;margin:0 0 var(--k-sp-5)}
.sec--arena .aviso-ilustrativo{background:#fff}
.gal--3{grid-template-columns:repeat(3,1fr)}@media (max-width:800px){.gal--3{grid-template-columns:1fr}}
.campo [aria-invalid="true"]{border-color:#B42318;box-shadow:0 0 0 3px rgba(180,35,24,.15)}
.campo__error{color:#B42318;font-size:var(--k-fs-sm);margin-top:.3rem}
.form__falta{color:#B42318;font-size:var(--k-fs-sm);font-weight:600;margin-top:.6rem}
.hero__link{color:#fff;font-weight:600;text-decoration:underline;align-self:center;margin-left:.4rem}
.hero__ic{margin-bottom:var(--k-sp-3)}.hero--corto .hero__slogan{margin-top:var(--k-sp-3)}
.wa{opacity:0;pointer-events:none;transition:opacity .2s}.wa.is-on{opacity:1;pointer-events:auto}
@media (prefers-reduced-motion:reduce){.wa{transition:none}}
.tram__media img{object-position:50% 40%}
@media (max-width:560px){.topbar .wrap{flex-wrap:nowrap;justify-content:center;gap:.9rem}.topbar a[href^="mailto:"]{display:none}}
img{max-width:100%;height:auto}
.prod__img img,.hero__media img{height:100%}
.scard__img img,.gal__it img,.foto img,.art__img img{height:auto}
.prod--top{order:-1}