/* Escuela Kocaruka · estilos comunes */
:root{
  --lino:#F5F3EE; --eucalipto:#C7D2CC; --salvia:#93A99B; --rosa-palido:#F1E2DE; --rosa:#C58D85;
  --carbon:#514E50; --texto:#3E3B3D; --brasa:#B8503A; --brasa-osc:#9A3F2C;
  --verde-rotulo:#4F6156; --linea:#DAD6CE; --gris:#6B686A;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--lino);color:var(--texto);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:var(--texto)}a:hover{color:var(--brasa)}
p{margin:0}
.wrap{max-width:1120px;margin:0 auto;padding-left:32px;padding-right:32px}
.rotulo{margin:0;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--verde-rotulo)}
h1,h2,h3{font-family:Fraunces,serif;font-weight:400;margin:0}
h2{font-size:40px;line-height:1.1}
h3{font-size:26px;line-height:1.2}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 26px;text-decoration:none;font-weight:500;border:0;font:inherit;cursor:pointer;text-align:center}
.btn-brasa{background:var(--brasa);color:#fff}.btn-brasa:hover{background:var(--brasa-osc);color:#fff}
.btn-lino{background:var(--lino);color:var(--texto)}.btn-lino:hover{background:#fff}
.btn-borde{background:transparent;border:1px solid var(--carbon);color:var(--texto)}.btn-borde:hover{background:var(--carbon);color:var(--lino)}
.enlace{font-weight:600}
.estrella{flex:0 0 auto;margin-top:5px}

/* Cabecera y menú */
.top{background:var(--eucalipto)}
.header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;padding-bottom:24px;position:relative}
.logo{font-family:Fraunces,serif;font-size:22px;font-weight:600;text-decoration:none;letter-spacing:.02em}
.nav{display:flex;align-items:center;gap:26px;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.nav a{text-decoration:none}
.nav a[aria-current="page"]{color:var(--brasa-osc);text-decoration:underline;text-underline-offset:6px}
.nav .nav-cta{background:var(--carbon);color:var(--lino);padding:14px 20px;min-height:44px;display:inline-flex;align-items:center}
.nav .nav-cta:hover{background:var(--texto);color:var(--lino)}
.menu-btn{display:none;min-width:44px;min-height:44px;border:1px solid var(--carbon);background:transparent;cursor:pointer;align-items:center;justify-content:center;color:var(--texto)}

/* Cabecera de páginas interiores */
.page-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;align-items:center;padding-top:24px;padding-bottom:64px}
.page-hero.sin-foto{grid-template-columns:minmax(0,1fr);padding-bottom:64px}
.page-hero .txt{display:flex;flex-direction:column;max-width:640px}
.page-hero .rotulo{color:var(--texto);margin-bottom:16px}
.page-hero h1{font-size:52px;line-height:1.06}
.page-hero .sub{margin-top:8px;font-family:Fraunces,serif;font-style:italic;font-size:26px;line-height:1.25;color:var(--brasa-osc)}
.page-hero .intro{margin-top:24px;font-size:19px;line-height:1.55}
.page-hero .botones{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}
.page-hero .foto img{width:100%;height:auto;max-width:340px;margin-left:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 20%;border-radius:6px}

/* Secciones */
.sec{padding-top:72px;padding-bottom:72px}
.sec-blanca{background:#fff}
.sec-rosa{background:var(--rosa-palido)}
.sec-titulo{display:flex;flex-direction:column;gap:10px;margin-bottom:32px;max-width:760px}
.sec-titulo.centro{align-items:center;text-align:center;margin-left:auto;margin-right:auto}
.sec-titulo p.bajada{font-size:18px;line-height:1.55}
.texto-largo{max-width:720px;display:flex;flex-direction:column;gap:18px;font-size:18px;line-height:1.65}
.cita{font-family:Fraunces,serif;font-style:italic;font-size:30px;line-height:1.3;color:var(--brasa-osc);max-width:760px;border-left:0;margin:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:20px}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));gap:24px}
.bloque{background:#fff;padding:28px;display:flex;flex-direction:column;gap:12px}
.sec-blanca .bloque{background:var(--lino)}
.bloque p{font-size:16px;line-height:1.55}
.lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:16px;line-height:1.5}
.lista li{display:flex;gap:12px;align-items:flex-start}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{background:#fff;padding:10px 16px;font-size:14px}

/* Franja */
.franja{background:var(--carbon);color:var(--lino)}
.franja .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;padding-top:18px;padding-bottom:18px;font-size:14px;white-space:nowrap}

/* Home */
.hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);column-gap:32px;align-items:end}
.hero-text{padding:40px 0 80px;display:flex;flex-direction:column}
.hero-text .rotulo{color:var(--texto);margin-bottom:18px}
.hero h1{font-size:54px;line-height:1.05;white-space:nowrap}
.hero .sub{margin:4px 0 0;font-family:Fraunces,serif;font-style:italic;font-size:28px;line-height:1.2;color:var(--brasa-osc)}
.hero .textos{margin-top:28px;display:flex;flex-direction:column;gap:14px}
.hero .lead{font-size:21px;line-height:1.45}
.hero .apoyo{font-size:16px;line-height:1.6}
.hero .botones{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px}
.hero-foto{display:flex;justify-content:center;align-items:flex-end;align-self:stretch}
.hero-foto img{width:100%;max-width:540px;height:auto;margin-top:24px}
.suena{padding-top:64px;padding-bottom:40px;display:flex;flex-direction:column;gap:24px}
.suena ul{list-style:none;margin:0;padding:0;max-width:760px;font-family:Fraunces,serif;font-size:23px;line-height:1.35;border-bottom:1px solid var(--linea)}
.suena li{display:flex;gap:14px;align-items:flex-start;padding:18px 0;border-top:1px solid var(--linea)}
.suena li svg{flex:0 0 auto;margin-top:6px}
.suena .cierre{font-size:18px;line-height:1.6;max-width:720px}
.suena .cierre strong{font-weight:600;color:var(--brasa-osc)}
.empieza{padding-top:32px;padding-bottom:72px;display:flex;flex-direction:column;gap:28px}
.empieza .titulo{display:flex;flex-direction:column;gap:10px}
.tabs{display:flex;flex-wrap:wrap;gap:10px}
.tab{min-height:48px;padding:0 22px;border:1px solid var(--carbon);background:transparent;color:var(--texto);font:inherit;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s,color .2s}
.tab[aria-selected="true"]{background:var(--carbon);color:var(--lino)}
.panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:20px}
.panel[hidden]{display:none}

/* Tarjetas de producto */
.card{text-decoration:none;background:#fff;padding:32px;display:flex;flex-direction:column;gap:14px;color:var(--texto);transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(62,59,61,.12);color:var(--texto)}
.card .tipo{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--verde-rotulo)}
.card .nombre{font-family:Fraunces,serif;font-size:28px;line-height:1.15}
.card .desc{font-size:16px;line-height:1.55}
.card .incluye{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.45}
.card .incluye li{display:flex;gap:10px;align-items:flex-start}
.card .pie{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid #E4E1DA}
.card .precio{font-family:Fraunces,serif;font-size:24px;font-weight:600;color:var(--brasa)}
.card .precio small{font-family:Inter,sans-serif;font-size:13px;font-weight:400;color:var(--gris)}
.card .cta{font-weight:600}

/* Precios */
.precios{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:16px}
.precio-box{background:var(--lino);padding:24px;display:flex;flex-direction:column;gap:6px;position:relative}
.precio-box .cifra{font-family:Fraunces,serif;font-size:34px;color:var(--brasa)}
.precio-box .etq{position:absolute;top:-12px;left:24px;background:var(--brasa);color:#fff;font-size:12px;padding:4px 10px;letter-spacing:.06em}

/* Comparador */
.compara{width:100%;border-collapse:collapse;background:#fff;font-size:16px}
.compara th,.compara td{padding:16px 20px;text-align:left;border-bottom:1px solid #E4E1DA;vertical-align:top}
.compara thead th{font-family:Fraunces,serif;font-weight:600;font-size:20px;background:var(--lino)}
.compara tbody th{font-weight:500;color:var(--gris);width:28%}
.tabla-scroll{overflow-x:auto}

/* Método */
.metodo{background:#fff}
.metodo .wrap{padding-top:64px;padding-bottom:64px;display:flex;flex-direction:column;gap:32px}
.metodo .cab{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}
.metodo .cab > div{display:flex;flex-direction:column;gap:10px}
.pasos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:24px}
.paso{border-top:2px solid var(--carbon);padding-top:20px;display:flex;flex-direction:column;gap:10px}
.paso .letra{font-family:Fraunces,serif;font-size:44px;color:var(--brasa);line-height:1}
.paso strong{font-family:Fraunces,serif;font-size:22px;font-weight:600}
.paso .pregunta{font-family:Fraunces,serif;font-style:italic;font-size:18px;color:var(--brasa-osc)}
.paso span:last-child{font-size:16px;line-height:1.5}

/* Testimonios */
.testimonios{background:#fff}
.testimonios .wrap{padding-top:88px;padding-bottom:72px;border-top:1px solid #E4E1DA;display:flex;flex-direction:column;gap:28px}
.testimonios .titulo{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}
.testi-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
.testi-grid figure{margin:0;flex:0 1 calc((100% - 40px) / 3);min-width:min(280px,100%);background:var(--lino);padding:28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.sec-rosa .testi-grid figure,.sec .testi-grid figure{background:#fff}
.sec-blanca .testi-grid figure{background:var(--lino)}
.testi-grid .comilla{font-family:Fraunces,serif;font-size:44px;line-height:.6;color:var(--brasa)}
.testi-grid blockquote{margin:0;font-family:Fraunces,serif;font-size:20px;line-height:1.4}
.testi-grid figcaption{margin-top:auto;font-size:14px;display:flex;flex-direction:column;align-items:center}
.testi-grid figcaption span{color:var(--gris)}

/* Sobre mí (home) */
.sobre{background:var(--rosa-palido);position:relative;overflow:hidden;margin-bottom:72px}
.sobre-foto{position:absolute;top:0;right:0;bottom:0;width:44%;background-image:linear-gradient(90deg,var(--rosa-palido) 0%,rgba(241,226,222,0) 40%),url(maria-sobre-mi.webp);background-size:100% 100%,cover;background-position:0 0,center 22%;background-repeat:no-repeat}
.sobre .wrap{position:relative;padding-top:72px;padding-bottom:72px;min-height:360px;display:flex;align-items:center}
.sobre-texto{flex:0 1 560px;max-width:560px;display:flex;flex-direction:column;gap:14px}
.sobre-texto .rotulo{color:var(--texto)}
.sobre-texto h2{font-size:34px;line-height:1.15}
.sobre-texto p{font-size:17px;line-height:1.6}
.sobre-texto a{font-weight:600;align-self:flex-start}

/* Guía */
.guia{background:var(--carbon);color:var(--lino)}
.guia .wrap{padding-top:56px;padding-bottom:56px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px}
.guia .txt{flex:999 1 460px;min-width:0;display:flex;flex-direction:column;gap:12px}
.guia .rotulo{color:var(--eucalipto);letter-spacing:.22em}
.guia h2{font-size:36px}
.guia p{font-size:17px;line-height:1.6;color:#E4E1DA}

/* Formulario incrustado */
.form-caja{background:#fff;padding:24px;min-height:620px}

/* Pie */
.pie-web{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:28px;padding-bottom:28px;font-size:14px}
.pie-web .links{display:flex;flex-wrap:wrap;gap:18px}

/* Tablet */
@media (max-width:980px){
  .nav{gap:18px;letter-spacing:.1em}
}
@media (max-width:900px){
  .hero{grid-template-columns:minmax(0,1fr)}
  .hero h1{white-space:normal}
  .page-hero{grid-template-columns:minmax(0,1fr)}
  .page-hero .foto img{margin-left:0;max-width:280px}
  .menu-btn{display:inline-flex}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:20;background:var(--eucalipto);flex-direction:column;align-items:stretch;gap:0;padding:8px 32px 24px;border-top:1px solid rgba(62,59,61,.15)}
  .nav.abierto{display:flex}
  .nav a{padding:14px 0;border-bottom:1px solid rgba(62,59,61,.12)}
  .nav .nav-cta{justify-content:center;margin-top:16px;border-bottom:0}
}
/* Móvil */
@media (max-width:700px){
  .wrap{padding-left:20px;padding-right:20px}
  .nav{padding-left:20px;padding-right:20px}
  .header{padding-top:16px;padding-bottom:16px}
  h2{font-size:30px}
  .hero-text{padding:12px 0 24px}
  .hero h1{font-size:36px;line-height:1.1}
  .hero .sub{font-size:22px;margin-top:8px}
  .hero .lead{font-size:18px}
  .hero br,.page-hero br{display:none}
  .hero .botones .btn,.page-hero .botones .btn{flex:1 1 100%}
  .hero-foto img{max-width:300px;margin-top:0}
  .page-hero{padding-top:16px;padding-bottom:44px;gap:28px}
  .page-hero h1{font-size:36px}
  .page-hero .sub{font-size:21px}
  .page-hero .intro{font-size:17px}
  .franja .wrap{display:grid;grid-template-columns:1fr 1fr;white-space:normal;font-size:13px;gap:10px 16px}
  .sec{padding-top:48px;padding-bottom:48px}
  .suena,.empieza{padding-top:44px;padding-bottom:44px}
  .metodo .wrap,.guia .wrap{padding-top:44px;padding-bottom:44px}
  .testimonios .wrap{padding-top:56px;padding-bottom:44px}
  .suena ul{font-size:19px}
  .tab{flex:1 1 100%}
  .card{padding:24px}
  .testi-grid blockquote{font-size:18px}
  .cita{font-size:23px}
  .texto-largo{font-size:17px}
  .sobre{margin-bottom:48px}
  .sobre-foto{position:relative;width:100%;height:320px;background-image:linear-gradient(0deg,var(--rosa-palido) 0%,rgba(241,226,222,0) 35%),url(maria-sobre-mi.webp)}
  .sobre .wrap{padding-top:8px;padding-bottom:44px;min-height:0}
  .sobre-texto h2{font-size:28px}
  .guia .btn{flex:1 1 100%}
  .compara{font-size:15px}
  .compara th,.compara td{padding:12px 14px}
}

.page-hero h1 .l{white-space:nowrap}
.page-hero h1:has(.l){font-size:clamp(26px,3.3vw,50px)}
@media (max-width:900px){.page-hero h1:has(.l){font-size:clamp(22px,6.4vw,38px)}}

/* Páginas legales */
.legal{max-width:820px;display:flex;flex-direction:column;gap:40px;font-size:17px;line-height:1.7}
.legal .intro p+p,.legal section p+p{margin-top:14px}
.legal .intro{font-size:18px}
.legal h2{font-size:26px;line-height:1.25;margin-bottom:14px}
.legal ul{margin:14px 0 0;padding-left:22px;display:flex;flex-direction:column;gap:8px}
.legal ul li::marker{color:var(--brasa)}
.legal ul+p{margin-top:14px}
.legal a{color:var(--brasa-osc)}
.legal strong{font-weight:600}
.legal .meta-block{background:#fff;padding:22px 26px;display:flex;flex-direction:column;gap:6px;border-left:3px solid var(--brasa)}
.legal .meta-block p+p{margin-top:0}
@media (max-width:700px){.legal{font-size:16px;gap:32px}.legal h2{font-size:22px}}

/* Páginas de producto (coaching, mentoría, cursos) */
.rojo{color:var(--brasa-osc)}
em.rojo{font-style:italic}
.pull{font-family:Fraunces,serif;font-style:italic;font-size:22px;line-height:1.4;color:var(--brasa-osc);text-align:center;max-width:760px;margin-left:auto;margin-right:auto}
.pull.izq{text-align:left;margin-left:0}
.pull a{color:inherit}
.sub-italica{font-family:Fraunces,serif;font-style:italic;font-size:21px;line-height:1.35;color:var(--brasa-osc)}
.es-dos-col{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:start}
.es-dos-col .sec-titulo{margin-bottom:0}
.es-dos-col .lista{font-size:17px;gap:14px}
.page-hero .hero-nota{margin-top:12px;font-size:14px;color:var(--gris)}
.metodo .bajada{font-size:17px;line-height:1.55}
.nota-precio{margin-top:18px;font-size:16px;line-height:1.55;max-width:640px}
.nota-precio.pequena{margin-top:6px;font-size:13px;color:var(--gris)}
.nota-precio.pequena a{color:inherit}
.modalidades{margin-top:40px}
.sec-blanca .precio-box{background:var(--lino)}
.precio-box strong{font-weight:600}
.precio-box span:last-child{font-size:15px;color:var(--gris)}
.precio-destacado{background:var(--carbon);color:var(--lino);padding:32px;display:flex;flex-direction:column;gap:10px;max-width:520px}
.precio-destacado .tipo{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--eucalipto)}
.precio-destacado .cifra{font-family:Fraunces,serif;font-size:52px;line-height:1;color:#fff}
.precio-destacado strong{font-weight:500}
.precio-destacado p{font-size:15px;line-height:1.55;color:#E4E1DA}
.precio-destacado .btn{margin-top:10px}
.precio-destacado .legal-mini{font-size:12.5px;color:#cfcacc}
.precio-destacado .legal-mini a{color:var(--eucalipto)}
.botones-centro{display:flex;justify-content:center;margin-top:28px}
.destacado-centro{text-align:center;font-weight:600;font-size:17px;margin-top:28px}
.formulario{max-width:680px}
.compara-dos{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.compara-dos > div{background:var(--lino);padding:16px 18px;display:flex;flex-direction:column;gap:6px}
.compara-dos .tipo{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--verde-rotulo)}
.compara-dos p{font-size:15px;line-height:1.5}
.datos{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px}
.datos li::before{content:"✦ ";color:var(--brasa)}
.page-hero .foto.cuaderno img{aspect-ratio:auto;object-fit:contain;max-width:360px;border-radius:0;box-shadow:0 30px 60px -34px rgba(62,59,61,.5)}
.ticket{margin-top:40px;background:var(--lino);padding:32px;display:flex;flex-direction:column;gap:8px;max-width:760px}
.ticket-filas{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px}
.ticket-filas > div{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--linea);padding-top:12px;font-size:15px;line-height:1.5}
.ticket-filas strong{font-weight:600}
.guia .subrayado{color:#fff;text-decoration:underline;text-decoration-color:var(--brasa);text-underline-offset:6px;margin-top:8px}
.faq{margin-top:40px;max-width:760px;border-bottom:1px solid var(--linea)}
.faq details{border-top:1px solid var(--linea)}
.faq summary{cursor:pointer;list-style:none;padding:18px 36px 18px 0;font-family:Fraunces,serif;font-size:20px;line-height:1.3;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:14px;font-family:Inter,sans-serif;font-size:24px;color:var(--brasa)}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 0 20px;font-size:16px;line-height:1.6;max-width:680px}
.optin{max-width:620px;margin:0 auto;background:var(--lino);padding:36px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.optin h3{font-size:28px}
.optin .datos{justify-content:center}
.testi-grid figcaption span{font-size:13px}
@media (max-width:900px){
  .es-dos-col{grid-template-columns:minmax(0,1fr);gap:24px}
  .page-hero .foto.cuaderno img{max-width:260px;margin-left:0}
}
@media (max-width:700px){
  .compara-dos{grid-template-columns:1fr}
  .precio-destacado{padding:24px}
  .precio-destacado .cifra{font-size:44px}
  .optin{padding:24px}
  .optin h3{font-size:23px}
  .pull{font-size:19px}
  .botones-centro .btn,.optin .btn{width:100%}
}
.grid-4{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}

/* Aviso: primero se prueba */
.aviso-prueba{margin-top:16px;padding:12px 16px;border-left:3px solid var(--brasa);background:rgba(255,255,255,.6);font-size:15px;line-height:1.5;font-weight:500;max-width:560px;text-align:left}
.card .aviso-prueba{margin-top:4px;background:var(--lino);font-size:14px}
.guia .wrap{flex-wrap:wrap}
.pasos-acceso{list-style:none;margin:0;padding:0;flex:1 1 100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:20px}
.pasos-acceso li{display:flex;gap:16px;align-items:flex-start;border-top:1px solid rgba(245,243,238,.25);padding-top:18px}
.pasos-acceso span{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:var(--brasa);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Fraunces,serif;font-size:20px}
.pasos-acceso strong{font-family:Fraunces,serif;font-weight:400;font-size:22px;color:#fff}
.pasos-acceso p{margin-top:4px;font-size:16px;line-height:1.55;color:#E4E1DA}

/* Sobre mí: símbolos y nombre */
.simbolos-cab{display:grid;grid-template-columns:150px minmax(0,1fr);gap:36px;align-items:center;max-width:860px}
.simbolos-cab img{width:150px;height:auto}
.simbolos-cab h2{font-size:40px}
.simbolos-cab .sub-italica{font-size:26px;margin-top:2px}
.intro-simbolos{margin-top:16px;font-size:18px;line-height:1.6}
.simbolos-dos{margin-top:48px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.simbolo{background:var(--lino);padding:32px;display:flex;flex-direction:column;gap:10px}
.simbolo h3{font-size:26px}
.simbolo p:not(.rotulo){font-size:17px;line-height:1.65}
.nombre-kocaruka{margin-top:64px;padding-top:56px;border-top:1px solid var(--linea);display:flex;flex-direction:column;gap:32px}
.nombre-texto{max-width:760px;display:flex;flex-direction:column;gap:14px;font-size:18px;line-height:1.65}
.nombre-texto h3{font-size:32px;margin-bottom:4px}
.se-escribe{font-weight:600}
.se-escribe span{font-size:24px;letter-spacing:.08em;color:var(--brasa-osc);font-weight:400}
.kanjis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.kanji{border-top:2px solid var(--carbon);padding-top:18px;display:flex;flex-direction:column;gap:6px}
.kanji .k{font-size:54px;line-height:1.1;color:var(--brasa)}
.kanji strong{font-family:Fraunces,serif;font-weight:600;font-size:22px}
.kanji p{font-size:16px;line-height:1.5}
.cierre-nombre{text-align:center;max-width:720px;margin:16px auto 0;display:flex;flex-direction:column;gap:12px}
.cita-kocaruka{font-family:Fraunces,serif;font-style:italic;font-size:32px;line-height:1.3;color:var(--brasa-osc)}
.cierre-nombre p:last-child{font-size:18px;line-height:1.6}
@media (max-width:900px){.kanjis{grid-template-columns:repeat(2,minmax(0,1fr))}.simbolos-dos{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){
  .simbolos-cab{grid-template-columns:minmax(0,1fr);gap:20px}
  .simbolos-cab img{width:110px}
  .simbolos-cab h2{font-size:30px}.simbolos-cab .sub-italica{font-size:21px}
  .simbolo{padding:24px}.nombre-texto h3{font-size:26px}
  .kanji .k{font-size:44px}.cita-kocaruka{font-size:24px}
  .nombre-kocaruka{margin-top:44px;padding-top:40px}
}

/* Logos de clientes */
.clientes{margin-top:44px;display:flex;flex-direction:column;gap:18px}
.logos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.logos li{background:#fff;height:110px;display:flex;align-items:center;justify-content:center;padding:16px}
.logos img{max-width:100%;max-height:72px;width:auto;height:auto;object-fit:contain;opacity:.75;transition:opacity .2s}
.logos li:hover img{opacity:1}
.franja-logos{background:#fff}
.franja-logos .wrap{padding-top:8px;padding-bottom:56px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.logos-enlace{display:block;width:100%;text-decoration:none}
.logos-fila{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
.logos-fila li{height:80px;padding:8px}
.logos-fila img{max-height:56px;opacity:.6}
@media (max-width:900px){.logos-fila{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:700px){.logos{grid-template-columns:repeat(2,minmax(0,1fr))}.logos-fila{grid-template-columns:repeat(4,minmax(0,1fr))}.logos li{height:90px}.logos-fila li{height:64px}.logos-fila img{max-height:44px}}

/* Colaboraciones */
.colabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.colab{background:#fff;padding:26px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--texto);transition:transform .2s,box-shadow .2s}
.colab:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(62,59,61,.12);color:var(--texto)}
.colab .logo-colab{height:56px;display:flex;align-items:center}
.colab .logo-colab img{max-height:56px;max-width:140px;width:auto;height:auto;object-fit:contain}
.colab h3{font-size:22px}
.colab p{font-size:15px;line-height:1.55}
.colab .enlace{margin-top:auto;color:var(--brasa-osc);font-size:15px}
.colab-cta{margin-top:28px;font-size:16px}
.colab-cta a{color:var(--brasa-osc);font-weight:600}
@media (max-width:900px){.colabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.colabs{grid-template-columns:minmax(0,1fr)}}

/* Logo y menú en una línea */
.logo{display:inline-flex;align-items:center;flex:none}
.logo img{height:44px;width:auto}
.nav a{white-space:nowrap}
@media (max-width:1180px){.nav{gap:18px;font-size:12px;letter-spacing:.1em}.nav .nav-cta{padding:12px 16px}.logo img{height:38px}}
@media (min-width:1025px){.menu-btn{display:none!important}.nav{display:flex!important;position:static;flex-direction:row;padding:0;border:0;background:none}.nav a{padding:0;border:0}.nav .nav-cta{margin-top:0;padding:12px 16px}}
@media (max-width:1024px){
  .menu-btn{display:inline-flex}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:20;background:var(--eucalipto);flex-direction:column;align-items:stretch;gap:0;padding:8px 32px 24px;border-top:1px solid rgba(62,59,61,.15);font-size:13px}
  .nav.abierto{display:flex}
  .nav a{padding:14px 0;border-bottom:1px solid rgba(62,59,61,.12)}
  .nav .nav-cta{justify-content:center;margin-top:16px;border-bottom:0}
}
@media (max-width:700px){.logo img{height:34px}.nav{padding-left:20px;padding-right:20px}}
/* Más aire entre logo y menú */
.header{gap:48px}
.logo{margin-right:auto}
@media (max-width:1180px){.nav{gap:16px;letter-spacing:.08em}}
@media (max-width:1180px) and (min-width:1025px){.logo img{height:40px}.nav{gap:14px;font-size:11.5px;letter-spacing:.06em}.nav .nav-cta{padding:11px 14px}}

.florece .wrap{display:flex;justify-content:center;text-align:center}
.florece .cita{font-size:38px}
@media (max-width:700px){.florece .cita{font-size:28px}}

/* Formularios Netlify */
.form-k{display:flex;flex-direction:column;gap:18px}
.form-k .oculto{position:absolute;left:-9999px}
.form-k .campo{display:flex;flex-direction:column;gap:6px}
.form-k .campo span,.form-k legend{font-weight:600;font-size:15px}
.form-k small{font-size:13px;color:var(--gris)}
.form-k input[type=text],.form-k input[type=email],.form-k input[type=tel],.form-k textarea{width:100%;min-height:50px;padding:12px 14px;border:1px solid var(--linea);background:#fff;font:400 16px/1.4 Inter,sans-serif;color:var(--texto)}
.form-k textarea{resize:vertical}
.form-k input:focus,.form-k textarea:focus{outline:2px solid var(--brasa);outline-offset:1px;border-color:transparent}
.form-k .opciones{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.form-k .opciones legend{margin-bottom:4px;padding:0}
.form-k .opciones label{display:flex;gap:12px;align-items:center;padding:12px 14px;background:#fff;border:1px solid var(--linea);cursor:pointer;font-size:15px}
.form-k .opciones label:has(input:checked){border-color:var(--brasa);background:#FBF1EE}
.form-k input[type=radio],.form-k input[type=checkbox]{accent-color:var(--brasa);width:18px;height:18px;flex:none}
.form-k .check{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5}
.form-k .check a{color:var(--brasa-osc)}
.form-k .btn{align-self:flex-start}
.form-caja{min-height:0}
.sec-blanca .form-k input[type=text],.sec-blanca .form-k input[type=email],.sec-blanca .form-k input[type=tel],.sec-blanca .form-k textarea,.sec-blanca .form-k .opciones label{background:var(--lino)}
@media (max-width:700px){.form-k .btn{align-self:stretch}}

.form-k .req{color:var(--brasa);font-weight:600}
.form-k .nota-req{font-size:13px;color:var(--gris)}

/* Página de gracias */
.gracias-hero{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.gracias-logo{display:flex;justify-content:center}
.gracias-logo img{width:min(100%,260px);height:auto;opacity:.92}
@media (max-width:900px){.gracias-logo{display:none}}
.form-k .opciones-dos{flex-direction:row;flex-wrap:wrap}.form-k .opciones-dos legend{width:100%}.form-k .opciones-dos label{flex:1 1 220px}
.gracias-logo img{width:min(100%,320px);opacity:1}

/* Mejor reparto de líneas: sin palabras sueltas */
h1,h2,h3,.sub,.sub-italica,.cita,.pull,.rotulo,legend{text-wrap:balance}
p,li,blockquote,figcaption,.desc,.bajada,.intro{text-wrap:pretty}
.legal{overflow-wrap:anywhere}

.pasos-5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1000px){.pasos-5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.pasos-5{grid-template-columns:minmax(0,1fr)}}
.formatos .tipo-f{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--verde-rotulo)}
.formatos .datos-f{font-weight:600;color:var(--brasa-osc);font-size:15px}
.como-trabajo{margin-top:40px;display:flex;flex-direction:column;gap:16px;max-width:760px}
.remate{margin-top:36px;font-size:26px}
@media (max-width:700px){.remate{font-size:21px}}
.page-hero.sin-foto .txt{max-width:760px}