
:root{--navy:#071d33;--blue:#173f61;--cyan:#d7b56d;--green:#c6a45b;--ink:#172b3b;--muted:#617080;--line:#e3e7eb;--pale:#f5f6f7;--white:#fff;--radius:14px;--shadow:0 18px 46px rgba(7,29,51,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);line-height:1.65;background:#fff}img{max-width:100%;height:auto}a{color:var(--blue);text-decoration:none}a:hover{color:#045c93}button{font:inherit}.container{width:min(1180px,calc(100% - 36px));margin-inline:auto}.topline{background:var(--navy);color:#dcebf5;font-size:13px}.topline .container{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:8px 0}.topline a{color:#fff}.site-header{position:relative;background:#fff;z-index:20;border-bottom:1px solid var(--line)}.header-main{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}.logo{display:flex;align-items:center;max-width:250px}.logo img{width:220px;max-height:72px;object-fit:contain}.header-actions{display:flex;align-items:center;gap:12px}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:12px 18px;font-weight:800;transition:transform .2s,background .2s;border:1px solid transparent}.header-cta,.btn-primary{background:var(--cyan);color:#071d33}.header-cta:hover,.btn-primary:hover{background:#c4a15a;color:#071d33;transform:translateY(-1px)}.menu-toggle{display:none;background:white;border:1px solid var(--line);border-radius:8px;padding:8px 12px;color:var(--navy)}.nav{border-top:1px solid #f0f4f7}.nav .container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:clamp(15px,2.4vw,32px);padding:12px 0}.nav a{color:#193a52;font-weight:700;font-size:14px}.nav a:hover,.nav a[aria-current=page]{color:var(--blue)}
/* Shared photographic slider used by every landing page */
.hero-slider{position:relative;isolation:isolate;min-height:clamp(450px,39vw,620px);overflow:hidden;background:var(--navy);color:#fff;display:grid}.hero-slider-track{position:relative;display:grid;min-height:inherit}.hero-slide{grid-area:1/1;position:relative;display:flex;align-items:center;justify-content:center;min-height:inherit;padding:60px 0 82px;background-image:linear-gradient(90deg,rgba(4,30,53,.91) 0%,rgba(4,30,53,.72) 52%,rgba(4,30,53,.25) 100%),var(--slide-image);background-position:center;background-size:cover;background-repeat:no-repeat;opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.015);transition:opacity .65s ease,transform 6s ease,visibility .65s;z-index:0}.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);z-index:1}.hero-slide-content{width:min(1180px,calc(100% - 36px));margin-inline:auto;position:relative;z-index:2;color:#fff}.eyebrow{display:block;color:#d7b56d;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:16px}.hero-slide h1,.hero-slide h2{color:#fff;font-size:clamp(34px,4.5vw,64px);line-height:1.07;letter-spacing:-.035em;font-weight:850;max-width:850px;margin:0 0 20px;text-wrap:balance}.hero-slide h1 strong,.hero-slide h2 strong{color:var(--cyan)}.hero-slide p{color:#f0f7fc;font-size:clamp(16px,1.35vw,19px);line-height:1.7;max-width:720px;margin:0 0 28px}.hero-slide .actions{display:flex;gap:12px;flex-wrap:wrap}.btn-ghost{background:rgba(4,30,53,.25);color:#fff;border-color:rgba(255,255,255,.8)}.btn-ghost:hover{background:#fff;color:var(--navy)}.hero-slider-controls{position:absolute;bottom:18px;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:center;gap:15px;pointer-events:none}.hero-slider-arrow{pointer-events:auto;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.65);background:rgba(3,28,49,.48);color:#fff;font-size:27px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}.hero-slider-dots{display:flex;gap:8px;align-items:center;pointer-events:auto}.hero-slider-dot{border:0;border-radius:999px;width:9px;height:9px;padding:0;background:rgba(255,255,255,.55);cursor:pointer}.hero-slider-dot.is-active{width:26px;background:#fff}
.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:18px}.breadcrumbs a{color:var(--blue)}.intro{padding:50px 0 20px}.intro h2,.section-heading h2{font-size:clamp(27px,3vw,40px);line-height:1.15;letter-spacing:-.025em;color:var(--navy);margin:0 0 16px}.intro p{max-width:850px;color:var(--muted);font-size:17px}.section{padding:46px 0}.section-soft{background:var(--pale)}.section-heading{text-align:center;max-width:760px;margin:0 auto 30px}.section-heading p{color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 8px 25px rgba(8,43,80,.04)}.card h3{margin:0 0 10px;color:var(--navy);font-size:20px;line-height:1.3}.card p{margin:0 0 16px;color:var(--muted)}.card a.more{font-weight:800}.card .tag{display:inline-block;background:#f4ecd9;color:#70531c;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.feature-image{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.feature-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.feature-copy h2{font-size:clamp(26px,3vw,38px);line-height:1.15;color:var(--navy);margin:0 0 16px}.feature-copy p{color:var(--muted)}.check-list{padding:0;list-style:none}.check-list li{padding:7px 0 7px 28px;position:relative}.check-list li:before{content:"✓";position:absolute;left:0;color:#0aab58;font-weight:900}.cta-band{background:linear-gradient(120deg,var(--navy),#0c5886);border-radius:22px;padding:34px 38px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:24px}.cta-band h2{margin:0 0 8px;font-size:clamp(24px,3vw,34px);line-height:1.2}.cta-band p{margin:0;color:#dcebf5}.cta-band .btn{white-space:nowrap}.copy{max-width:900px}.copy h2{color:var(--navy);line-height:1.2;margin-top:32px}.copy p{color:#415969}.footer{background:#061e34;color:#d7e4ee;margin-top:52px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;padding:48px 0 34px}.footer-brand img{width:210px;max-height:72px;object-fit:contain;filter:none}.footer p{color:#b9ccda;font-size:14px}.footer h3{font-size:15px;color:#fff;margin:0 0 14px}.footer a{display:block;color:#c7d8e4;font-size:13px;padding:4px 0}.footer a:hover{color:#d7b56d}.footer .footer-phone,.footer .footer-wa{padding:10px 12px;border-radius:7px;margin:10px 0;text-align:center;color:#fff;font-weight:800}.footer .footer-phone{background:#087fc7}.footer .footer-wa{background:#c6a45b}.copyright{border-top:1px solid rgba(255,255,255,.13);padding:18px 0;color:#a8bdcc;font-size:12px}.wa-float{position:fixed;right:18px;bottom:18px;z-index:30;background:#c6a45b;color:#071d33;border-radius:999px;padding:13px 18px;font-weight:900;box-shadow:0 8px 25px rgba(0,0,0,.18)}.wa-float:hover{color:#062d18;background:#32d978}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{font-weight:800;color:var(--navy);cursor:pointer}.faq p{color:var(--muted)}.pill-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.pill{display:inline-flex;background:#f4ecd9;color:#70531c;padding:8px 12px;border-radius:999px;font-size:13px;font-weight:700}.notice{background:#fff8e8;border-left:4px solid #f0b429;padding:14px 18px;color:#6e5412;border-radius:8px}
@media(max-width:850px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-row{gap:22px}.cta-band{align-items:flex-start;flex-direction:column}.topline .container{flex-wrap:wrap}}
@media(max-width:650px){.container{width:calc(100% - 28px)}.topline .container{font-size:12px}.header-main{padding:12px 0}.logo{max-width:185px}.logo img{width:175px}.header-cta{display:none}.menu-toggle{display:block}.nav{display:none}.nav.open{display:block}.nav .container{flex-direction:column;gap:0;padding:6px 0 12px}.nav a{display:block;width:100%;text-align:center;padding:11px}.hero-slider{min-height:500px}.hero-slide{padding:48px 0 76px;background-position:center}.hero-slide-content{width:calc(100% - 30px)}.hero-slide h1,.hero-slide h2{font-size:clamp(30px,8.5vw,43px);line-height:1.1}.hero-slide p{font-size:15px;line-height:1.6}.hero-slide .actions{flex-direction:column;align-items:stretch}.hero-slide .btn{width:100%}.cards{grid-template-columns:1fr}.feature-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:22px;padding-top:34px}.cta-band{padding:26px 22px}.section{padding:34px 0}.intro{padding-top:32px}.wa-float{right:12px;bottom:12px;padding:11px 14px;font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-slide{transition:none}}


/* PREMIUM CORPORATE FINISH */
.topline{background:#041322}
.header-cta,.btn-primary{box-shadow:0 7px 18px rgba(7,29,51,.12);letter-spacing:.01em}
.header-cta,.btn-primary{background:#d7b56d;color:#071d33;border-color:#d7b56d}
.header-cta:hover,.btn-primary:hover{background:#c5a15b;color:#071d33;border-color:#c5a15b}
.hero-slide{background-image:linear-gradient(90deg,rgba(3,17,30,.93) 0%,rgba(5,26,43,.77) 52%,rgba(5,26,43,.28) 100%),var(--slide-image)}
.hero-slide .eyebrow{color:#e1c783}
.hero-slide h1 strong,.hero-slide h2 strong{color:#e1c783}
.hero-slider-arrow{border-color:rgba(225,199,131,.75)}
.hero-slider-dot.is-active{background:#e1c783}
.card{box-shadow:0 12px 32px rgba(7,29,51,.055);transition:transform .22s,box-shadow .22s,border-color .22s}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(7,29,51,.12);border-color:#d7b56d}
.card .tag{background:#f4ecd9;color:#70531c}
.section-heading h2,.intro h2,.feature-copy h2,.copy h2{letter-spacing:-.035em}
.btn-ghost{border-color:rgba(225,199,131,.8)}
.btn-ghost:hover{background:#e1c783;color:#071d33}
.cta-band{background:linear-gradient(120deg,#071d33,#193a53);border:1px solid rgba(215,181,109,.28)}
.cta-band .btn{background:#d7b56d;color:#071d33}
.footer{background:#041322}
.footer .footer-phone{background:#173f61}
.footer .footer-wa{background:#c6a45b;color:#071d33}
.wa-float{background:#d7b56d;color:#071d33}
.wa-float:hover{background:#e1c783;color:#071d33}


/* DESIGNER POLISH · navegación elevada e integrada en el encabezado */
@media (min-width: 851px){
  .site-header{position:sticky;top:0;box-shadow:0 8px 24px rgba(7,29,51,.07);}
  .header-main{min-height:88px;padding:12px 0;}
  .logo{flex:0 0 210px;max-width:210px;}
  .logo img{width:205px;max-height:64px;}
  .nav{position:absolute;left:clamp(245px,22vw,310px);right:clamp(190px,18vw,245px);top:50%;transform:translateY(-50%);border:0;}
  .nav .container{width:100%;padding:0;gap:clamp(10px,1.25vw,19px);justify-content:center;flex-wrap:nowrap;}
  .nav a{font-size:13px;white-space:nowrap;position:relative;padding:11px 0;color:#17324a;transition:color .2s ease;}
  .nav a:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:2px;background:#d7b56d;transform:scaleX(0);transform-origin:center;transition:transform .2s ease;}
  .nav a:hover:after,.nav a[aria-current=page]:after{transform:scaleX(1);}
  .nav a:hover,.nav a[aria-current=page]{color:#071d33;}
  .header-actions{flex:0 0 auto;gap:10px;}
  .header-cta{padding:11px 14px;border-radius:8px;font-size:13px;white-space:nowrap;}
}
@media (min-width:851px) and (max-width:1050px){
  .logo{flex-basis:170px;max-width:170px;}
  .logo img{width:165px;}
  .nav{left:180px;right:175px;}
  .nav .container{gap:9px;}
  .nav a{font-size:12px;}
  .header-cta{padding:10px 11px;font-size:12px;}
}
.site-header{border-bottom:1px solid rgba(7,29,51,.09);}
.header-cta{border-radius:8px;box-shadow:0 5px 14px rgba(7,29,51,.13);}
.header-cta:focus-visible,.nav a:focus-visible,.menu-toggle:focus-visible,.btn:focus-visible{outline:3px solid rgba(215,181,109,.8);outline-offset:3px;}
@media(max-width:650px){
  .site-header{box-shadow:0 5px 18px rgba(7,29,51,.07);}
  .header-main{min-height:72px;}
  .menu-toggle{font-size:0;width:44px;height:42px;display:flex;align-items:center;justify-content:center;border-color:#d7b56d;background:#fff;box-shadow:0 3px 10px rgba(7,29,51,.06);}
  .menu-toggle:before{content:"☰";font-size:23px;line-height:1;color:#071d33;}
  .nav{border-top:1px solid #e8edf1;box-shadow:0 12px 18px rgba(7,29,51,.06);}
  .nav .container{padding:8px 0 12px;}
  .nav a{font-size:14px;border-bottom:1px solid #eef1f4;padding:12px 8px;}
  .nav a:last-child{border-bottom:0;}
}

/* Header refinado según la referencia visual solicitada */
@media (min-width: 651px) {
  .container { width: min(1600px, calc(100% - 80px)); }
  .topline { font-size: 16px; }
  .topline .container { min-height: 53px; padding: 8px 0; }
  .header-main { min-height: 156px; padding: 28px 0; gap: 28px; }
  .logo { max-width: 260px; }
  .logo img { width: 230px; max-height: 80px; }
  .header-cta { min-height: 78px; padding: 20px 28px; border-radius: 15px; font-size: 22px; box-shadow: 0 12px 28px rgba(7,29,51,.12); }
  .nav .container { min-height: 69px; padding: 14px 0; gap: clamp(24px, 2.5vw, 48px); }
  .nav a { font-size: 20px; font-weight: 750; letter-spacing: -.25px; }
}
@media (max-width: 650px) {
  .container { width: calc(100% - 28px); }
  .topline .container { min-height: 0; }
  .header-main { min-height: 0; }
}


/* CORRECCION REAL DEL HEADER: reducir el espacio vertical y subir la navegación */
.site-header .header-main {
  min-height: 112px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  align-items: center !important;
}
.site-header .nav {
  margin-top: -1px !important;
  border-top: 1px solid #edf1f4 !important;
  min-height: 56px !important;
}
.site-header .nav > .container {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  min-height: 56px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: clamp(18px, 2.5vw, 34px) !important;
}
.site-header .nav a {
  font-size: 15px !important;
  line-height: 1.25 !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
@media (max-width: 760px) {
  .site-header .header-main { min-height: 82px !important; padding: 10px 0 !important; }
  .site-header .nav { min-height: 0 !important; margin-top: 0 !important; }
  .site-header .nav > .container { min-height: 0 !important; padding: 8px 12px 12px !important; }
}


/* Accesibilidad y menú móvil robusto: estado cerrado/abierto explícito */
@media (max-width:650px){
  .site-header .nav{display:none!important;position:relative;width:100%;background:#fff;}
  .site-header .nav.open{display:block!important;}
  .site-header .nav>.container{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;width:calc(100% - 28px)!important;margin:0 auto!important;}
  .site-header .nav a{display:block!important;width:100%;padding:13px 10px!important;text-align:left;border-bottom:1px solid #edf1f4;}
  .site-header .menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px;cursor:pointer;font-size:22px;}
  .site-header .header-main{display:flex;justify-content:space-between;gap:12px;}
  .site-header .header-actions{margin-left:auto;display:flex;align-items:center;}
}
@media (min-width:651px){.site-header .menu-toggle{display:none!important}.site-header .nav{display:block!important}}
/* Imágenes no críticas: evitar saltos de diseño y mejorar carga */
img{content-visibility:auto;}

/* Corrección de logo y créditos del pie de página */
.footer .footer-brand img {
  display: block;
  width: 260px;
  max-width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  filter: none !important;
  background: transparent !important;
}
.footer .footer-brand > a:first-child {
  display: inline-block;
  background: transparent !important;
  padding: 0 !important;
}
.footer .copyright .footer-credit {
  display: block;
  margin-top: 8px;
  line-height: 1.9;
}
.footer .copyright .footer-credit a {
  display: inline !important;
  padding: 0 !important;
  color: #c7d8e4;
  text-decoration: underline;
}

/* Logo nítido y enlaces del pie de página */
.site-header .logo img {
  display:block;
  width:260px;
  max-width:100%;
  height:auto;
  object-fit:contain;
  background:transparent!important;
  filter:none!important;
}
.footer .footer-brand img {
  width:300px;
  max-width:100%;
  height:auto;
  object-fit:contain;
  background:transparent!important;
  filter:none!important;
}
.footer .copyright .footer-credit {
  display:block;
  margin-top:8px;
  line-height:1.9;
  overflow-wrap:anywhere;
}
.footer .copyright .footer-credit a {
  color:#c7d8e4;
  text-decoration:underline;
}

/* Footer credits and logo visibility - regenerated 2026-10-16 */
.footer-credit{display:inline;line-height:1.9;overflow-wrap:anywhere}
.footer-credit a{display:inline!important;color:#d9e8f4!important;text-decoration:underline;text-underline-offset:3px;margin:0 2px}
.footer-credit a:hover{color:#d3b064!important}
.footer .footer-brand img{display:block;width:260px;max-width:100%;height:auto;max-height:90px;object-fit:contain;object-position:left center;filter:none;background:transparent}
.copyright{line-height:1.9;overflow-wrap:anywhere}
@media(max-width:700px){.footer-credit{display:block;margin-top:6px}.footer .footer-brand img{width:230px;max-height:80px}}
