/* ===== Sitio público LESA - estilo minimalista y responsivo ===== */
:root{--brand:#5dade2;--brand-d:#1f6fb2;--ink:#1f2937;--muted:#6b7280;--line:#e5e7eb;--soft:#f6f7f9;--radius:20px;}
html{scroll-behavior:smooth;}
body{color:var(--ink);font-family:'Nunito','Poppins',system-ui,'Segoe UI',Arial,sans-serif;letter-spacing:normal;overflow-x:hidden;}
a,a:hover{text-decoration:none!important;}
img{max-width:100%;height:auto;}
.ie-panel{display:none;}
.sec{padding:clamp(3rem,7vw,5.5rem) 0 0;}
.sec-title{font-family:'Zain','Nunito',Arial,sans-serif;color:var(--brand);font-weight:700;font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.05;text-align:center;margin:0 0 clamp(1.5rem,3vw,2.5rem);}
.eyebrow{color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;margin-bottom:.5rem;}
.btn-pill{display:inline-flex;align-items:center;gap:.5rem;border:0;border-radius:999px;padding:.75rem 1.6rem;font-weight:800;font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;}
.btn-pill:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.12);}
.btn-yellow{background:#ffdd45;color:#1f2937!important;}
.btn-blue{background:var(--brand);color:#fff!important;}
.btn-blue:hover{background:var(--brand-d);}

/* Hero */
.hero{position:relative;min-height:clamp(420px,72vh,760px);display:flex;align-items:flex-end;background-size:cover;background-position:center 30%;color:#fff;}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,45,78,.78) 0%,rgba(17,45,78,.45) 45%,rgba(17,45,78,0) 75%),linear-gradient(0deg,rgba(0,0,0,.35),rgba(0,0,0,0) 50%);}
.hero-in{position:relative;z-index:1;width:100%;padding:clamp(1.5rem,5vw,4rem);max-width:900px;}
.hero h1{color:#fff;font-weight:900;font-size:clamp(2.2rem,6vw,4.6rem);line-height:1.05;margin:0 0 1rem;font-family:'Nunito',Arial,sans-serif;}
.hero p{color:#fff;font-weight:700;font-size:clamp(1.05rem,2.2vw,1.6rem);line-height:1.35;margin:0 0 1.75rem;max-width:40ch;}

/* Productos */
.products{display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,minmax(260px,19rem));}
.p-card{position:relative;display:flex;align-items:flex-end;padding:1.75rem;border-radius:var(--radius);overflow:hidden;background-size:cover;background-position:center;color:#fff!important;isolation:isolate;transition:transform .3s ease,box-shadow .3s ease;}
.p-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.45),rgba(0,0,0,0) 55%);}
.p-card.light::before{background:none;}
.p-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.12);}
.p-card h3{color:inherit;font-weight:800;font-size:clamp(1.4rem,2.4vw,2.2rem);line-height:1.1;margin:0;}
.p-card.light h3{color:var(--brand);}
.p-card.center{justify-content:center;text-align:center;}
.p-prog{grid-row:1/3;background-image:url('../images/web/Inicio/Lentes-Progresivos-1463-x-1463.jpg');}
.p-term{background-color:#fff;background-image:url('../images/web/Inicio/Lentes-Terminados-1463-x-1459.png');}
.p-vs{background-image:url('../images/web/Inicio/Lentes-Visi%C3%B3n-Sencilla-1463-x-1459.jpg');}
.p-trat{grid-row:1/3;grid-column:3;background-image:url('../images/web/Inicio/Tratamientos-751-x-1459.png');}
.p-foto{margin-top:1rem;min-height:clamp(140px,16vw,210px);justify-content:flex-end;text-align:right;background-image:url('../images/web/Inicio/Lentes-Fotosensibles-1549-x-244.png');}
.p-foto::before{background:none;}

/* Marcas */
.brands{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:center;justify-items:center;}
.brands img{width:100%;max-width:230px;transition:transform .3s;}
.brands a:hover img{transform:scale(1.05);}

/* Quienes somos */
.about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:center;}
.about img{border-radius:var(--radius);}
.about h2{font-family:'Zain','Nunito',Arial,sans-serif;color:var(--brand);font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.1;margin:0 0 1rem;}
.about p.lead-t{color:var(--muted);font-size:1.05rem;line-height:1.7;}

/* Cifras */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;text-align:center;margin-top:clamp(2rem,5vw,3.5rem);}
.stat b{display:block;color:var(--brand);font-size:clamp(2.6rem,6vw,4rem);font-weight:900;line-height:1;font-family:'Nunito',Arial,sans-serif;}
.stat span{display:block;color:var(--ink);font-weight:600;margin-top:.6rem;font-size:1rem;line-height:1.4;}

/* Por qué */
.why{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.why-card{position:relative;min-height:20rem;padding:2rem;border-radius:var(--radius);overflow:hidden;background-size:cover;background-position:center;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;}
.why-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,.05) 65%);}
.why-card h3{color:#fff;font-weight:900;font-size:clamp(1.4rem,2.4vw,1.9rem);margin:0 0 .5rem;}
.why-card p{color:rgba(255,255,255,.92);font-weight:600;margin:0;line-height:1.5;max-width:46ch;}

/* Formulario */
.contact-form{max-width:960px;margin:0 auto;}
.contact-form .grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.contact-form input{width:100%;height:56px;border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:0 1.1rem;font-size:1rem;color:var(--ink);outline:0;transition:border-color .2s,box-shadow .2s,background .2s;}
.contact-form input:focus{background:#fff;border-color:var(--brand);box-shadow:0 0 0 4px rgba(93,173,226,.18);}
.contact-form .actions{margin-top:1.25rem;}

/* Footer */
.site-footer{background:#1b1a2a;color:#a8a8b8;margin-top:clamp(3rem,7vw,5.5rem);padding:1.75rem 0;}
.site-footer .f-in{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.site-footer p{margin:0;font-size:.9rem;}
.site-footer .social{display:flex;gap:1.1rem;list-style:none;margin:0;padding:0;}
.site-footer .social a{color:#a8a8b8!important;font-size:1.1rem;transition:color .2s;}
.site-footer .social a:hover{color:#fff!important;}

/* Responsivo */
@media (max-width:991.98px){
  .products{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:minmax(240px,17rem);}
  .p-prog{grid-row:auto;grid-column:1/3;min-height:22rem;}
  .p-trat{grid-row:auto;grid-column:auto;}
  .about{grid-template-columns:1fr;}
}
@media (max-width:767.98px){
  .products{grid-template-columns:1fr;grid-auto-rows:minmax(220px,15rem);}
  .p-prog{grid-column:auto;}
  .p-foto{justify-content:center;text-align:center;}
  .brands{grid-template-columns:repeat(3,1fr);gap:.75rem;}
  .stats{grid-template-columns:1fr;gap:2rem;}
  .why{grid-template-columns:1fr;}
  .why-card{min-height:16rem;padding:1.5rem;}
  .contact-form .grid{grid-template-columns:1fr;}
  .contact-form .actions .btn-pill{width:100%;justify-content:center;}
  .site-footer .f-in{flex-direction:column;text-align:center;}
}

/* Anular estilos heredados de style.css (mayúsculas forzadas y centrado) */
.page h1,.page h2,.page h3,.page h4,.page h5,.page h6,.sec-title,.eyebrow+h2{text-transform:none!important;letter-spacing:normal;}
.eyebrow{text-transform:uppercase!important;}
.hero-in,.about,.why-card,.site-footer{text-align:left;}
.hero-in h1,.hero-in p{text-align:left;}
.about h2,.about p{text-align:left;}
.why-card h3,.why-card p{text-align:left;}
.contact-form .actions{text-align:left;}
@media (max-width:767.98px){.site-footer,.site-footer p{text-align:center;}}
/* Corrección de solapamiento en tablet/móvil */
@media (max-width:991.98px){
  .products{grid-auto-rows:auto!important;}
  .products .p-card{min-height:17rem;}
  .products .p-prog{min-height:24rem;}
}
@media (max-width:767.98px){
  .products .p-card{min-height:16rem;}
  .products .p-prog{min-height:20rem;}
  .p-card.light{background-size:auto 115%;background-position:center top;background-repeat:no-repeat;}
}
.p-foto h3,.why-card h3,.hero h1{text-shadow:0 2px 12px rgba(0,0,0,.25);}
.p-card{text-align:left;}
.p-card h3{text-align:inherit;}
.p-card.center{text-align:center;}
.p-foto{text-align:right;}
.p-vs{background-color:#ececec;}
@media (max-width:767.98px){.p-foto{text-align:center;}}
.site-footer{display:block!important;}
/* Footer siempre abajo */
body > .page{min-height:100vh;display:flex;flex-direction:column;}
body > .page > #home{flex:1 0 auto;display:flex;flex-direction:column;}
.site-footer{margin-top:auto!important;}
/* Páginas internas en móvil */
.product-title{font-size:clamp(2rem,6vw,3.75rem)!important;line-height:1.1!important;}
@media (max-width:767.98px){
  .page .container{padding-left:20px;padding-right:20px;}
  .page .row > [class*="col"]{padding-left:15px;padding-right:15px;}
  .page h1{font-size:clamp(1.8rem,8vw,2.6rem);}
  .page h2{font-size:clamp(1.5rem,6.5vw,2.2rem);}
  .product-section{padding-top:2.5rem!important;}
}
/* Footer pegado abajo (cubre las estructuras .wrapper / .content / .page / #home) */
.wrapper{min-height:100vh;display:flex!important;flex-direction:column!important;}
.wrapper > .content,.wrapper > .page{flex:1 0 auto;display:flex;flex-direction:column;}
body > .page,.content > .page{min-height:100vh;display:flex;flex-direction:column;}
.wrapper .page{min-height:0;}
.page > #home{flex:1 0 auto;display:flex;flex-direction:column;}
.site-footer{margin-top:auto!important;width:100%;}
/* Bootstrap: row-cols-3 encogía las tarjetas en celular */
@media (max-width:575.98px){
  .row[class*="row-cols-"] > .col-12{flex:0 0 100%!important;max-width:100%!important;}
}
@media (max-width:991.98px){
  .service.progressive-glasses,.service.treatments{height:24rem!important;}
  .service.occupational-glasses,.service.simple-vision-glasses{height:16rem!important;}
}
/* Textos largos (correos) no se salen de las tarjetas */
.page p,.page a,.page span{overflow-wrap:anywhere;}
@media (max-width:767.98px){ .page{overflow-wrap:anywhere;} }
/* Las tarjetas que son enlaces <a> se veían como tiras delgadas en celular */
a.service,.service{display:block!important;}
.row[class*="row-cols-"]{display:flex!important;flex-wrap:wrap;}
/* Correos en tarjetas de contacto */
.box-contacts-link{white-space:normal!important;overflow-wrap:anywhere;}
/* No cortar palabras a la mitad (ej. "Tratamient-os") */
.page p,.page a,.page span,.page{overflow-wrap:break-word!important;}
.p-card h3,.service h3,.service h4{overflow-wrap:normal!important;word-break:normal!important;hyphens:none;}


/* ===== Contacto ===== */
.ct-hero{background:#2878bd;color:#fff;padding:clamp(2.5rem,6vw,4rem) 0 clamp(4.5rem,9vw,6.5rem);text-align:center;}
.ct-hero h1{color:#fff!important;font-weight:900;font-size:clamp(2.2rem,5vw,3.4rem);margin:.3rem 0 .6rem;font-family:'Nunito',Arial,sans-serif;}
.ct-hero p{color:rgba(255,255,255,.9);font-size:1.1rem;margin:0;}
.ct-kicker{font-weight:700;opacity:.85;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;}
.ct-wrap{margin-top:clamp(-4.5rem,-7vw,-3rem);position:relative;}
.ct-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;}
.ct-card{background:#fff;border-radius:18px;padding:1.75rem 1.5rem;box-shadow:0 14px 34px rgba(17,45,78,.12);display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;transition:transform .2s,box-shadow .2s;}
.ct-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(17,45,78,.16);}
.ct-card h3{font-size:1.25rem;font-weight:800;color:#1f2937;margin:.6rem 0 .3rem;text-transform:none!important;font-family:'Nunito',Arial,sans-serif;}
.ct-card p,.ct-card a:not(.ct-btn){color:#4b5563!important;font-size:1rem;margin:0;line-height:1.6;}
.ct-card a:not(.ct-btn):hover{color:#2878bd!important;}
.ct-ico{width:64px;height:64px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:1.6rem;}
.ct-blue{background:#2878bd;}.ct-amber{background:#e9a825;}.ct-red{background:#d9534f;}
.ct-btn{margin-top:auto;display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.2rem;border-radius:999px;font-weight:800;font-size:.92rem;color:#fff!important;transition:background .2s,transform .15s;}
.ct-card .ct-btn{margin-top:1rem;}
.ct-btn-blue{background:#2878bd;}.ct-btn-blue:hover{background:#1f66a3;}
.ct-btn-green{background:#25a35a;}.ct-btn-green:hover{background:#1e8a4b;}
.ct-btn:active{transform:scale(.95);}
.ct-split{display:grid;grid-template-columns:1.6fr 1fr;gap:1.25rem;margin:2.5rem 0 1rem;}
.ct-map{border-radius:18px;overflow:hidden;min-height:380px;background:#e5e7eb;box-shadow:0 8px 24px rgba(0,0,0,.06);}
.ct-map iframe{width:100%;height:100%;min-height:380px;border:0;display:block;}
.ct-photo{border-radius:18px;background-size:cover;background-position:center;min-height:380px;box-shadow:0 8px 24px rgba(0,0,0,.06);}
@media (max-width:991.98px){ .ct-cards{grid-template-columns:1fr 1fr;} .ct-split{grid-template-columns:1fr;} .ct-photo{min-height:300px;} }
@media (max-width:767.98px){ .ct-cards{grid-template-columns:1fr;} .ct-map,.ct-map iframe{min-height:280px;} }
.ct-hero,.ct-wrap{display:block!important;width:100%;}
.ct-wrap{max-width:1140px;margin-left:auto!important;margin-right:auto!important;padding-left:20px;padding-right:20px;}
@media (max-width:991.98px){.ct-hero{padding-top:5.5rem!important;}}

/* ===== Páginas internas con el mismo estilo que Inicio ===== */
.sec-last{padding-bottom:clamp(3rem,6vw,5rem)!important;}
.contact-form .actions{margin-top:1.5rem;}
.product-section{padding-top:clamp(2.5rem,6vw,4.5rem)!important;padding-bottom:1rem!important;text-align:center;}
.product-title,.page .product-title{font-family:'Zain','Nunito',Arial,sans-serif!important;color:#5dade2!important;font-weight:700!important;font-size:clamp(2rem,4.5vw,3.4rem)!important;line-height:1.08!important;text-align:center;margin:0 0 1.5rem!important;text-transform:none!important;letter-spacing:normal!important;}
.page .container p{line-height:1.7;}
.page .container img.shadow,.page .container img.img-fluid,.page .container img.img-fluidn{border-radius:18px!important;box-shadow:0 12px 30px rgba(17,45,78,.12)!important;}
.service{border-width:8px!important;border-radius:22px!important;}
.service h3,.service h4{font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.25);}
.service-div{border-width:8px!important;border-radius:22px!important;}
/* Botones antiguos de las páginas internas ("Ver más", "Contáctanos") */
.page a .btn,.page .btn.btn-primary,.page button.btn-info{border-radius:999px!important;}
@media (max-width:767.98px){
  .page .container img{max-width:100%!important;}
  .page [style*="height: 70vh"]{height:46vh!important;}
  .page [style*="width: 100vw"][style*="height: 45vw"]{height:60vw!important;}
  .page .container .row > [class*="col"] + [class*="col"]{margin-top:1rem;}
}

/* ===== Estilo "Contacto" aplicado a todas las páginas ===== */
.pg-hero{padding-bottom:clamp(7rem,14vw,11rem)!important;}
.pg-banner-wrap{display:block!important;margin-top:clamp(-9.5rem,-12vw,-5.5rem)!important;position:relative;max-width:1140px;padding:0 20px;}
.pg-banner{height:clamp(200px,32vw,420px);border-radius:20px;background-size:cover;background-position:center;box-shadow:0 18px 40px rgba(17,45,78,.18);}
/* Títulos */
.sec-title,.product-title,.page .product-title{font-family:'Nunito',Arial,sans-serif!important;color:#1f2937!important;font-weight:900!important;font-size:clamp(1.9rem,3.8vw,2.8rem)!important;}
.sec-title::after,.product-title::after{content:"";display:block;width:56px;height:4px;border-radius:4px;background:#2878bd;margin:.7rem auto 0;}
.pg .page h2.texto,.pg .page h3.texto,.pg .page .container h2{font-family:'Nunito',Arial,sans-serif!important;color:#2878bd!important;font-weight:800!important;}
.about h2{color:#2878bd!important;font-family:'Nunito',Arial,sans-serif!important;font-weight:800!important;}
.stat b{color:#2878bd!important;}
/* Bloques de contenido como tarjetas blancas flotantes */
.pg .page .container > .row.align-items-center{background:#fff;border-radius:20px;box-shadow:0 14px 34px rgba(17,45,78,.10);padding:clamp(1.25rem,3vw,2.5rem) clamp(1rem,2.5vw,2rem);margin:0 0 1.5rem!important;}
.pg .page .container.pt-5.mt-5,.pg .page .mt-5.mb-3.pt-5.container{padding-top:1.5rem!important;margin-top:1.5rem!important;}
.pg .page{background:#f6f8fb;}
.pg .page .container > .row.align-items-center img{box-shadow:none!important;}
/* Botones como los de Contacto */
.btn-blue,.pg .page a .btn,.pg .page .btn.btn-primary,.pg .page .btn-info,.pg .page button.btn{background:#2878bd!important;border-color:#2878bd!important;color:#fff!important;border-radius:999px!important;font-weight:800!important;padding:.55rem 1.2rem!important;}
.btn-blue:hover,.pg .page a .btn:hover,.pg .page .btn.btn-primary:hover{background:#1f66a3!important;}
.btn-yellow{background:#e9a825!important;color:#3b2a05!important;}
/* Formulario en tarjeta */
.contact-form{background:#fff;border-radius:20px;box-shadow:0 14px 34px rgba(17,45,78,.10);padding:clamp(1.25rem,3vw,2rem);}
.contact-form input{background:#f6f8fb;}
/* Inicio: tarjetas de "¿Por qué?" con sombra como Contacto */
.why-card,.p-card{box-shadow:0 14px 34px rgba(17,45,78,.12);}
@media (max-width:991.98px){ .pg-hero{padding-top:5.5rem!important;} }
@media (max-width:767.98px){ .pg-banner{height:200px;} .pg .page .container > .row.align-items-center{border-radius:16px;} }
/* Filas de contenido: columnas lado a lado (style.css las ponía en bloque) */
.pg .page .container > .row{display:flex!important;flex-wrap:wrap;}
.pg .page .container > .row.align-items-center{align-items:center!important;}
/* Títulos dentro del contenido */
.pg .page .container h1.texto,.pg .page .container h1,.pg .page .container h3.texto{font-family:'Nunito',Arial,sans-serif!important;color:#2878bd!important;font-weight:800!important;font-size:clamp(1.6rem,2.8vw,2.3rem)!important;line-height:1.15!important;}
.pg .page .container h1 br{display:none;}
.pg .page .pg-hero h1,.pg-hero h1{color:#fff!important;font-weight:900!important;font-size:clamp(2.2rem,5vw,3.4rem)!important;margin:.3rem 0 .6rem!important;}

/* ===== Acentos con todos los colores de LESA ===== */
:root{--lz-blue:#2878bd;--lz-yellow:#e9a825;--lz-red:#d9534f;--lz-green:#43a047;--lz-cyan:#1b9ad6;}
/* Franja de colores del logo bajo el encabezado azul y en los títulos */
.ct-hero{position:relative;}
.ct-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(90deg,var(--lz-red) 0 25%,var(--lz-yellow) 25% 50%,var(--lz-cyan) 50% 75%,var(--lz-green) 75% 100%);}
.ct-kicker{display:inline-block;background:rgba(255,255,255,.16);padding:.3rem .8rem;border-radius:999px;opacity:1!important;}
.sec-title::after,.product-title::after{width:96px!important;height:5px!important;background:linear-gradient(90deg,var(--lz-red) 0 25%,var(--lz-yellow) 25% 50%,var(--lz-cyan) 50% 75%,var(--lz-green) 75% 100%)!important;}
/* Tarjetas de contenido: cada una con su color (azul, amarillo, rojo, verde) */
.pg .page .container > .row.align-items-center{border-top:6px solid var(--acc,var(--lz-blue));--acc:var(--lz-blue);}
.pg .page .container:nth-of-type(4n+1) > .row.align-items-center{--acc:var(--lz-blue);}
.pg .page .container:nth-of-type(4n+2) > .row.align-items-center{--acc:var(--lz-yellow);}
.pg .page .container:nth-of-type(4n+3) > .row.align-items-center{--acc:var(--lz-red);}
.pg .page .container:nth-of-type(4n+4) > .row.align-items-center{--acc:var(--lz-green);}
.pg .page .container > .row.align-items-center h1,.pg .page .container > .row.align-items-center h2,.pg .page .container > .row.align-items-center h3.texto{color:var(--acc)!important;}
.pg .page .container > .row.align-items-center .btn,.pg .page .container > .row.align-items-center a .btn{background:var(--acc)!important;border-color:var(--acc)!important;}
.pg .page .container > .row.align-items-center ul li::marker{color:var(--acc);}
/* Nosotros: Misión, Pasión, Propósito cada uno con su color */
.pg .page .text-left.mb-4:nth-of-type(1) h2{color:var(--lz-blue)!important;}
.pg .page .text-left.mb-4:nth-of-type(2) h2{color:var(--lz-red)!important;}
.pg .page .text-left.mb-4:nth-of-type(3) h2{color:var(--lz-yellow)!important;}
/* Inicio: cifras y tarjetas con los colores del logo */
.stat:nth-child(1) b{color:var(--lz-blue)!important;}
.stat:nth-child(2) b{color:var(--lz-yellow)!important;}
.stat:nth-child(3) b{color:var(--lz-red)!important;}
.why-card{border-bottom:6px solid var(--lz-blue);}
.why-card:nth-child(2){border-bottom-color:var(--lz-yellow);}
.why-card:nth-child(3){border-bottom-color:var(--lz-red);}
.why-card:nth-child(4){border-bottom-color:var(--lz-green);}
/* Contacto y formulario */
.contact-form{border-top:6px solid var(--lz-yellow);}
.btn-pill.btn-blue{background:var(--lz-blue)!important;}
.ct-card:nth-child(1){border-top:6px solid var(--lz-blue);}
.ct-card:nth-child(2){border-top:6px solid var(--lz-yellow);}
.ct-card:nth-child(3){border-top:6px solid var(--lz-red);}
/* Menú: página activa con subrayado de colores */
.page-header .rd-navbar-nav .rd-nav-item.active .rd-nav-link{box-shadow:inset 0 -3px 0 var(--lz-yellow);}
.pg .page .btn-container button,.pg .page a > button{background:var(--acc,var(--lz-blue))!important;font-family:'Nunito',Arial,sans-serif!important;transition:filter .2s,transform .15s;}
.pg .page .btn-container button:hover,.pg .page a > button:hover{filter:brightness(.92);}
.pg .page .btn-container button:active{transform:scale(.95);}

/* ===== Ajuste: sin verde, sin franja bajo el azul, menú limpio ===== */
:root{--lz-green:var(--lz-cyan);}
.ct-hero::after{display:none!important;}
.page-header .rd-navbar-nav .rd-nav-item.active .rd-nav-link{box-shadow:none!important;}
.sec-title::after,.product-title::after{width:72px!important;background:linear-gradient(90deg,var(--lz-red) 0 33.3%,var(--lz-yellow) 33.3% 66.6%,var(--lz-cyan) 66.6% 100%)!important;}
/* Tarjetas: se alternan solo azul, amarillo y rojo */
.pg .page .container:nth-of-type(3n+1) > .row.align-items-center{--acc:var(--lz-blue)!important;}
.pg .page .container:nth-of-type(3n+2) > .row.align-items-center{--acc:var(--lz-yellow)!important;}
.pg .page .container:nth-of-type(3n+3) > .row.align-items-center{--acc:var(--lz-red)!important;}
.why-card:nth-child(4){border-bottom-color:var(--lz-cyan)!important;}

/* ===== Ajuste de acentos: más sobrios ===== */
.contact-form{border-top:0!important;}
/* Tarjetas: sin borde de color arriba; títulos siempre azul LESA; el color queda en una rayita pequeña */
.pg .page .container > .row.align-items-center,.pg .page .container > .row:not([class*="row-cols"]){border-top:0!important;}
.pg .page .container > .row.align-items-center h1,.pg .page .container > .row.align-items-center h2,.pg .page .container > .row.align-items-center h3.texto,
.pg .page .container > .row h1,.pg .page .container > .row h2{color:#2878bd!important;}
.pg .page .container > .row h1::before,.pg .page .container > .row h2.texto::before{content:"";display:block;width:44px;height:4px;border-radius:4px;background:var(--acc,var(--lz-blue));margin-bottom:.7rem;}
.pg .page .container > .row.align-items-center .btn,.pg .page .btn-container button,.pg .page a > button{background:#2878bd!important;border-color:#2878bd!important;}
/* Todas las filas de contenido (no solo las centradas) como tarjeta blanca */
.pg .page .container > .row:not([class*="row-cols"]){background:#fff;border-radius:20px;box-shadow:0 14px 34px rgba(17,45,78,.10);padding:clamp(1.25rem,3vw,2.5rem) clamp(1rem,2.5vw,2rem);margin:0 0 1.5rem!important;display:flex!important;flex-wrap:wrap;align-items:center;}
.pg .page .container > .row .container{padding:0;}
.pg .page .pt-5.pb-5.container{padding-top:1.5rem!important;padding-bottom:0!important;}
.pg .page > #home > br,.pg #home > br{display:none;}

/* ===== Encabezado con los colores de cada marca ===== */
.pg-rod .ct-hero{background:linear-gradient(120deg,#05080c 0%,#0b2a33 55%,#0f4a57 100%)!important;}
.pg-lux .ct-hero{background:linear-gradient(120deg,#030a2e 0%,#0b2e4a 50%,#1d7766 100%)!important;}
.pg-akk .ct-hero{background:linear-gradient(120deg,#0090cf 0%,#00a8e0 60%,#36bdea 100%)!important;}
.pg-rod .ct-kicker,.pg-lux .ct-kicker,.pg-akk .ct-kicker{background:rgba(255,255,255,.14)!important;}
.pg-rod .page,.pg-lux .page,.pg-akk .page{background:#f6f8fb;}

