/* Clases de utilidad corporativa */
.bg-keysman-yellow { background-color: var(--keysman-yellow) !important; }
.text-keysman-yellow { color: var(--keysman-yellow) !important; }
.border-keysman-yellow { border-color: var(--keysman-yellow) !important; }

/* Botón corporativo oficial */
.btn-keysman {
    background-color: #F1B636;
    color: #000000 !important;
    font-weight: 700;
    padding: 12px 24px;
    border-radius: 6px;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.2s ease;
    border: none;
}

.btn-keysman:hover {
    background-color: #e0a525;
    color: #000000 !important;
}


/*! Unified & Purged CSS for www.copiallave.es | Keysman Cerrajeros */
:root {
  --clr-primary: #F1B636;
  --clr-secondary: #0f172a;
  --clr-accent: #F1B636;
  --clr-whatsapp: #25d366;
  --clr-text: #333333;
  --clr-text-muted: #64748b;
  --clr-bg-light: #f8fafc;
  --clr-white: #ffffff;
  --font-main: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-heading:"Arial Narrow","Segoe UI",Arial,sans-serif;
  --radius: 8px;
  --shadow: 0 4px 15px rgba(0,0,0,0.05);
}

/* Reset Base */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: var(--font-main); color: var(--clr-text); line-height: 1.6; background-color: var(--clr-white); overflow-x: hidden; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; transition: color .2s ease, background-color .2s ease, border-color .2s ease, opacity .2s ease; }
ul { list-style: none; }

/* Lightweight Layout Grid (Sustituto ultraligero de Bootstrap Grid) */
.container { max-width: 1200px; margin: 0 auto; padding: 0 15px; width: 100%; }
.container-fluid { width: 100%; padding: 0 20px; }
.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.justify-content-center { justify-content: center; }
.align-items-center { align-items: center; }
.align-items-stretch { align-items: stretch; }
.text-center { text-align: center; }
.text-success { color: var(--clr-whatsapp) !important; }

/* Columnas Responsive */
.col-12 { flex: 0 0 100%; max-width: 100%; padding: 0 15px; }
@media (min-width: 768px) {
  .col-md-6 { flex: 0 0 50%; max-width: 50%; padding: 0 15px; }
  .col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333%; padding: 0 15px; }
  .col-md-12 { flex: 0 0 100%; max-width: 100%; padding: 0 15px; }
}
@media (min-width: 992px) {
  .col-lg-3 { flex: 0 0 25%; max-width: 25%; padding: 0 15px; }
  .col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333%; padding: 0 15px; }
  .col-lg-5 { flex: 0 0 41.666667%; max-width: 41.666667%; padding: 0 15px; }
  .col-lg-6 { flex: 0 0 50%; max-width: 50%; padding: 0 15px; }
  .col-lg-7 { flex: 0 0 58.333333%; max-width: 58.333333%; padding: 0 15px; }
  .col-lg-9 { flex: 0 0 75%; max-width: 75%; padding: 0 15px; }
  .col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333%; padding: 0 15px; }
  .col-lg-12 { flex: 0 0 100%; max-width: 100%; padding: 0 15px; }
}

/* Componente Header & Nav */
.header { background-color: var(--clr-white); box-shadow: 0 2px 10px rgba(0,0,0,0.05); position: sticky; top: 0; z-index: 1000; padding: 15px 0; }
.header__options__nav { display: flex; align-items: center; justify-content: space-between; }
.header__menu ul { display: flex; gap: 20px; }
.header__menu a { font-weight: 600; color: #111; font-size: 0.95rem; }
.header__menu a:hover, .header__menu li.active a { color: var(--clr-primary); }
.header__option__num a { font-weight: 700; color: var(--clr-primary); font-size: 1.1rem; }

/* Submenús Dropdown */
.header__menu li { position: relative; }
.header__menu .dropdown { position: absolute; left: 0; top: 100%; background: var(--clr-white); box-shadow: 0 4px 12px rgba(0,0,0,0.1); display: none; min-width: 240px; padding: 10px 0; border-radius: 4px; z-index: 99; }
.header__menu li:hover .dropdown { display: block; }
.header__menu .dropdown li { display: block; padding: 5px 20px; }
.header__menu .dropdown a { font-size: 0.88rem; font-weight: 400; color: #444; }

/* Hero Section Ancho y Alto */
.hero { padding: 100px 0; background-image: url('../img/copia-llaves-keysman.jpg'); background-size: cover; background-position: center; position: relative; width: 100%; }

/* Secciones & Cards de Servicios */
.services__item { background: var(--clr-white); padding: 30px 20px; border-radius: var(--radius); box-shadow: var(--shadow); height: 100%; border: 1px solid #eef2f5; }
.services__item__icon i { font-size: 2.2rem; color: var(--clr-primary); margin-bottom: 15px; }

/* Secciones Especialistas (Blog Cards) */
.blog__item { display: flex; flex-direction: column; height: 100%; border: 1px solid #e2e8f0; border-radius: var(--radius); overflow: hidden; background: var(--clr-white); }
.blog__item__pic { max-height: 220px; overflow: hidden; }
.blog__item__pic img { width: 100%; height: 220px; object-fit: cover; }
.blog__item__text { padding: 25px; flex-grow: 1; }

/* Footer Keysman */
.footer-keysman { background-color: var(--clr-secondary); color: #cbd5e1; padding-top: 50px; padding-bottom: 25px; }
.footer-keysman h3 { color: var(--clr-white); font-size: 1.1rem; border-bottom: 2px solid var(--clr-accent); display: inline-block; margin-bottom: 15px; padding-bottom: 5px; }

/* Menú Móvil Nativo */
.canvas__open { display: none; }
@media (max-width: 991px) {
  .header__menu, .header__option__num { display: none; }
  .canvas__open { display: block; font-size: 22px; padding: 5px 10px; border: 1px solid #ddd; border-radius: 4px; cursor: pointer; }
  .offcanvas-menu-wrapper { position: fixed; left: -300px; top: 0; width: 300px; height: 100%; background: #fff; z-index: 999; padding: 20px; transition: all 0.3s ease; }
  .offcanvas-menu-wrapper.active { left: 0; }
  .offcanvas-menu-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 998; display: none; }
  .offcanvas-menu-overlay.active { display: block; }
}

/* --------------------------------------------------------------------------
   Compatibility utilities used by the HTML templates (Bootstrap-like subset)
   -------------------------------------------------------------------------- */
.row > [class*="col-"]{position:relative;width:100%;max-width:100%;padding-left:15px;padding-right:15px}
.col-6{flex:0 0 50%;max-width:50%}.col-12{flex:0 0 100%;max-width:100%}
@media (min-width:576px){.col-sm-12{flex:0 0 100%;max-width:100%}}
@media (min-width:768px){.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-12{flex:0 0 100%;max-width:100%}}
@media (min-width:992px){.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-12{flex:0 0 100%;max-width:100%}}
@media (min-width:1200px){.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}}
.d-none{display:none!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-inline-block{display:inline-block!important}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.align-items-start{align-items:flex-start!important}.justify-content-center{justify-content:center!important}.position-relative{position:relative!important}.bg-white{background-color:#fff!important}.text-white{color:#fff!important}.text-start{text-align:left!important}.text-decoration-none{text-decoration:none!important}.fw-bold{font-weight:700!important}.fs-5{font-size:1.25rem!important}.list-unstyled{list-style:none!important;padding-left:0!important}.m-0{margin:0!important}.mb-0{margin-bottom:0!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mt-1{margin-top:.25rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.pt-3{padding-top:1rem!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.row.g-3{row-gap:1rem}.row.g-4{row-gap:1.5rem}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left}.table thead th{font-weight:700}
@media (min-width:768px){.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.justify-content-md-start{justify-content:flex-start!important}.mb-md-0{margin-bottom:0!important}}
@media (min-width:992px){.d-lg-block{display:block!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.justify-content-lg-start{justify-content:flex-start!important}.mb-lg-0{margin-bottom:0!important}.mt-lg-0{margin-top:0!important}}
@media (min-width:1200px){.d-xl-block{display:block!important}}
.skip-link{position:fixed;left:12px;top:12px;z-index:5000;padding:10px 14px;background:#0f172a;color:#fff;border-radius:6px;transform:translateY(-160%);transition:transform .15s ease}.skip-link:focus{transform:translateY(0)}button{font:inherit}

/* ==========================================================================
   ESTILOS COMPLETOS KEYSMAN CERRAJEROS SL - PALETA OFICIAL (#F1B636)
   ========================================================================== */

:root {
    --keysman-yellow: #F1B636;
    --keysman-yellow-hover: #e0a525;
    --keysman-dark: #0f172a;
    --keysman-midnight: #0a0f1d;
    --keysman-white: #ffffff;
    --whatsapp-green: #25D366;
    --whatsapp-hover: #1ebd56;
}

/* --------------------------------------------------------------------------
   1. RESET, ICONOS & UTILIDADES CROMÁTICAS
   -------------------------------------------------------------------------- */
.fa{display:inline-block;width:1em;height:1em;vertical-align:-.125em}
.text-keysman-yellow { color: var(--keysman-yellow) !important; }
.bg-keysman-yellow { background-color: var(--keysman-yellow) !important; }
.border-keysman-yellow { border-color: var(--keysman-yellow) !important; }

/* Iconografía general en amarillo corporativo */
.card-icon,
.list-info i,
.footer-list i,
.badge-hero i,
.marca-icon,
.header__option__num i,
.header__option__num .icon-critical {
    color: var(--keysman-yellow) !important;
}

/* --------------------------------------------------------------------------
   2. BOTONES CORPORATIVOS & FLOATING WHATSAPP
   -------------------------------------------------------------------------- */
.btn-keysman-yellow {
    background-color: var(--keysman-yellow) !important;
    color: #000000 !important;
    font-weight: 700;
    padding: 10px 22px;
    border-radius: 20px;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.2s ease;
    border: none;
    box-shadow: 0 3px 10px rgba(241, 182, 54, 0.3);
}

.btn-keysman-yellow:hover {
    background-color: var(--keysman-yellow-hover) !important;
    color: #000000 !important;
    box-shadow: 0 5px 15px rgba(241, 182, 54, 0.45);
}

.btn-whatsapp {
    background-color: var(--whatsapp-green);
    color: #ffffff !important;
    font-weight: 700;
    padding: 12px 24px;
    border-radius: 6px;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 0.95rem;
    box-shadow: 0 4px 12px rgba(37,211,102,0.3);
    transition: background-color 0.2s ease;
}

.btn-whatsapp:hover {
    background-color: var(--whatsapp-hover);
    color: #ffffff !important;
}

.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 30px;
    right: 30px;
    background-color: var(--whatsapp-green);
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 32px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: transform 0.3s ease;
}

.whatsapp-float:hover {
    transform: scale(1.08);
    color: #FFF;
}

/* --------------------------------------------------------------------------
   3. HEADER & MENÚ EN UNA SOLA LÍNEA UNIFICADA
   -------------------------------------------------------------------------- */
.header {
    background-color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06) !important;
    position: relative;
    z-index: 999 !important;
    border-bottom: 1px solid #e2e8f0;
}

.header__options__nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
}

.header__menu {
    display: flex;
    align-items: center;
}

.header__menu > ul {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    white-space: nowrap !important;
}

.header__menu > ul > li {
    position: relative !important;
    padding: 5px 0;
}

.header__menu > ul > li > a {
    font-weight: 600;
    font-size: 0.85rem !important;
    color: #334155;
    text-decoration: none !important;
    padding: 5px 6px !important;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    transition: color 0.2s ease;
}

.header__menu > ul > li:hover > a,
.header__menu li.active > a {
    color: var(--keysman-yellow) !important;
}

.header__menu .btn-keysman-yellow {
    font-size: 0.8rem !important;
    padding: 6px 12px !important;
    white-space: nowrap !important;
}

/* Desplegables Absolutos */
.header__menu .dropdown {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    background: #ffffff !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.12) !important;
    border-radius: 8px !important;
    border: 1px solid #e2e8f0 !important;
    padding: 10px 0 !important;
    min-width: 240px !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.25s ease-in-out !important;
    z-index: 1000 !important;
    list-style: none !important;
    margin: 0 !important;
}

.header__menu > ul > li:hover .dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

.header__menu .dropdown li {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
}

.header__menu .dropdown a {
    display: block !important;
    padding: 8px 20px !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    color: #475569 !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
    white-space: nowrap;
}

.header__menu .dropdown a:hover {
    background-color: #f8fafc !important;
    color: var(--keysman-yellow) !important;
}

.header__option__num a {
    font-size: 0.95rem !important;
    padding: 6px 12px !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* --------------------------------------------------------------------------
   4. HERO SECCIÓN INTERIOR
   -------------------------------------------------------------------------- */
.hero-interior {
    background: linear-gradient(135deg, var(--keysman-midnight) 0%, var(--keysman-dark) 100%);
    color: #ffffff;
    padding: 70px 0 60px 0;
    border-bottom: 4px solid var(--keysman-yellow);
}

.badge-hero {
    background: rgba(241, 182, 54, 0.18);
    color: var(--keysman-yellow);
    border: 1px solid rgba(241, 182, 54, 0.4);
    padding: 6px 16px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 0.88rem;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 12px;
}

.breadcrumb-container {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.88rem;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.breadcrumb-container a {
    color: #cbd5e1;
    text-decoration: none;
}

.hero-subtitle {
    color: #cbd5e1;
    font-size: 1.1rem;
    line-height: 1.65;
    max-width: 680px;
    margin-bottom: 30px;
}

.cta-group {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 10px;
}

.hero-img-card {
    background: #ffffff;
    padding: 12px;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    margin-top: 10px;
}

.hero-img-card img {
    width: 100%;
    height: 280px;
    border-radius: 8px;
    object-fit: cover;
    display: block;
}

/* --------------------------------------------------------------------------
   5. BENTO CARDS & MARCAS GRID
   -------------------------------------------------------------------------- */
.bento-card-yellow {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 35px 25px;
    height: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    transition: transform 0.2s ease, border-color 0.2s ease;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.bento-card-yellow:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 28px rgba(241, 182, 54, 0.15);
    border-color: var(--keysman-yellow);
}

.bento-card-yellow::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--keysman-yellow);
}

.card-icon {
    font-size: 2.2rem;
    margin-bottom: 15px;
    line-height: 1;
}

.marca-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 16px 18px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03);
    transition: all 0.3s ease;
}

.marca-card:hover {
    border-color: var(--keysman-yellow);
    transform: translateY(-3px);
    box-shadow: 0 10px 22px rgba(241, 182, 54, 0.12);
}

.marca-icon {
    background-color: #fffbeb !important;
    border: 1px solid #fef08a !important;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.15rem;
}

/* --------------------------------------------------------------------------
   6. SECCIONES GENERALES & GANCHO B2B
   -------------------------------------------------------------------------- */
.section-padding { padding: 70px 0; }

.subheading-text {
    color: #9a6a08 !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.88rem;
    display: block;
    margin-bottom: 5px;
}

.section-b2b-cta {
    padding: 60px 0;
    background-color: #f8fafc;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
}

.list-info {
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0;
    font-size: 1rem;
    line-height: 2.2;
    color: #1e293b;
}

.map-card {
    background: #ffffff;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #cbd5e1;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

/* --------------------------------------------------------------------------
   7. FOOTER KEYSMAN UNIFICADO
   -------------------------------------------------------------------------- */
.footer-keysman {
    background-color: var(--keysman-midnight);
    color: #cbd5e1;
    padding-top: 65px;
    padding-bottom: 30px;
    border-top: 4px solid var(--keysman-yellow);
    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

.footer-keysman h3 {
    color: #ffffff;
    font-weight: 700;
    font-size: 1.15rem;
    font-family:var(--font-heading);
    border-bottom: 2px solid var(--keysman-yellow);
    display: inline-block;
    padding-bottom: 6px;
    margin-bottom: 22px;
}

.footer-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.92rem;
    line-height: 2.1;
}

.footer-list a {
    color: #cbd5e1;
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer-list a:hover {
    color: var(--keysman-yellow) !important;
}

.text-muted-footer {
    font-size: 0.88rem;
    line-height: 1.65;
    color: #94a3b8;
    margin: 0;
}

.footer-bottom {
    border-top: 1px solid #1e293b;
    margin-top: 30px;
    padding-top: 25px;
    font-size: 0.85rem;
    color: #94a3b8;
}

/* Accessibility and motion */
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #F1B636;outline-offset:3px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* COPIALLAVE.ES - CORRECCION GLOBAL MENU MOVIL 2026-09-11
   No duplica el menu. Usa el nav original de cada pagina. */

.mobile-menu-overlay-global{display:none}
.mobile-menu-close-global{display:none}

@media (max-width:991px){
  body.mobile-menu-global-open{overflow:hidden!important}

  .header{position:relative!important;z-index:1100!important}
  .header>.container-fluid{position:relative!important;padding-right:76px!important}

  .canvas__open{
    display:flex!important;
    position:absolute!important;
    right:20px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:44px!important;
    height:44px!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    background:#fff!important;
    color:#0f172a!important;
    border:1px solid #cbd5e1!important;
    border-radius:8px!important;
    box-shadow:0 2px 8px rgba(15,23,42,.08)!important;
    z-index:3101!important;
    cursor:pointer!important;
  }

  .header__option__num{display:none!important}

  .header__menu.mobile-menu{
    display:block!important;
    position:fixed!important;
    top:0!important;
    right:0!important;
    left:auto!important;
    bottom:auto!important;
    width:min(88vw,360px)!important;
    max-width:360px!important;
    height:100vh!important;
    height:100dvh!important;
    margin:0!important;
    padding:68px 18px 28px!important;
    background:#fff!important;
    color:#1e293b!important;
    transform:translateX(105%)!important;
    transition:transform .26s ease!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    box-shadow:-18px 0 45px rgba(15,23,42,.22)!important;
    z-index:3100!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:none!important;
  }

  .header__menu.mobile-menu.is-open{
    transform:translateX(0)!important;
    pointer-events:auto!important;
  }

  .header__menu.mobile-menu>ul{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
    white-space:normal!important;
  }

  .header__menu.mobile-menu>ul>li{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border-bottom:1px solid #eef2f7!important;
    position:relative!important;
  }

  .header__menu.mobile-menu>ul>li>a{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    width:100%!important;
    padding:14px 2px!important;
    margin:0!important;
    color:#1e293b!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    text-decoration:none!important;
    font-size:.98rem!important;
    font-weight:600!important;
    line-height:1.35!important;
    white-space:normal!important;
  }

  .header__menu.mobile-menu .dropdown{
    position:static!important;
    display:none!important;
    width:100%!important;
    min-width:0!important;
    margin:0 0 10px!important;
    padding:4px 12px 8px!important;
    background:#f8fafc!important;
    border:0!important;
    border-radius:8px!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }

  .header__menu.mobile-menu li.mobile-submenu-open>.dropdown{display:block!important}
  .header__menu.mobile-menu .dropdown li{display:block!important;margin:0!important;padding:0!important;border:0!important}
  .header__menu.mobile-menu .dropdown a{
    display:block!important;
    width:100%!important;
    padding:10px 4px!important;
    margin:0!important;
    color:#475569!important;
    background:transparent!important;
    font-size:.91rem!important;
    font-weight:600!important;
    text-decoration:none!important;
    white-space:normal!important;
  }

  .header__menu.mobile-menu .fa-angle-down,.header__menu.mobile-menu .icon-angle-down{margin-left:auto!important;transition:transform .2s ease!important}
  .header__menu.mobile-menu li.mobile-submenu-open>a .fa-angle-down,li.mobile-submenu-open>a .icon-angle-down{transform:rotate(180deg)!important}

  .header__menu.mobile-menu .btn-keysman-yellow{
    margin:12px 0 4px!important;
    padding:11px 14px!important;
    justify-content:center!important;
    gap:8px!important;
    background:#F1B636!important;
    color:#000!important;
    border-radius:20px!important;
    font-weight:700!important;
  }

  .mobile-menu-close-global{
    display:flex!important;
    position:absolute!important;
    top:14px!important;
    right:14px!important;
    width:40px!important;
    height:40px!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid #cbd5e1!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#0f172a!important;
    font-size:26px!important;
    line-height:1!important;
    cursor:pointer!important;
    z-index:2!important;
  }

  .mobile-menu-overlay-global{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    background:rgba(2,6,23,.62)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .25s ease,visibility .25s ease!important;
    z-index:3090!important;
  }

  .mobile-menu-overlay-global.is-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
}

@media (max-width:767px){
  .header>.container-fluid{padding-left:16px!important;padding-right:70px!important}
  .canvas__open{right:14px!important}
}

@media (max-width:420px){
  .header__menu.mobile-menu{width:92vw!important}
  .header__logo span{font-size:1.28rem!important}
  .header__logo small{font-size:.64rem!important;letter-spacing:.6px!important}
}


/* Footer específico de /copia-llaves-vivienda/: conserva el arreglo visual sin mezclarlo con el menú. */
.page-copia-llaves-vivienda .vivienda-footer{overflow:hidden}
.page-copia-llaves-vivienda .vivienda-footer>.container{width:100%;max-width:1200px;margin:0 auto;padding-left:20px;padding-right:20px}
.page-copia-llaves-vivienda .vivienda-footer>.container>.row.g-4{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px!important;margin:0!important;align-items:start!important}
.page-copia-llaves-vivienda .vivienda-footer>.container>.row.g-4>[class*="col-"]{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;margin:0!important;min-width:0}
.page-copia-llaves-vivienda .vivienda-footer h3{line-height:1.3}
.page-copia-llaves-vivienda .vivienda-footer li,.page-copia-llaves-vivienda .vivienda-footer p,.page-copia-llaves-vivienda .vivienda-footer a{overflow-wrap:anywhere}
.page-copia-llaves-vivienda .vivienda-footer>.container>div:last-child>.row{display:flex!important;align-items:center!important;margin-left:-10px!important;margin-right:-10px!important}
.page-copia-llaves-vivienda .vivienda-footer>.container>div:last-child>.row>[class*="col-"]{padding-left:10px!important;padding-right:10px!important}
@media (max-width:991.98px){.page-copia-llaves-vivienda .vivienda-footer>.container>.row.g-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 36px!important}}
@media (max-width:767.98px){
 .page-copia-llaves-vivienda .vivienda-footer{padding-top:44px!important;padding-bottom:22px!important}
 .page-copia-llaves-vivienda .vivienda-footer>.container{padding-left:20px!important;padding-right:20px!important}
 .page-copia-llaves-vivienda .vivienda-footer>.container>.row.g-4{grid-template-columns:1fr;gap:28px!important}
 .page-copia-llaves-vivienda .vivienda-footer>.container>div:last-child{margin-top:30px!important;padding-top:20px!important}
 .page-copia-llaves-vivienda .vivienda-footer>.container>div:last-child>.row{display:block!important;margin:0!important}
 .page-copia-llaves-vivienda .vivienda-footer>.container>div:last-child>.row>[class*="col-"]{width:100%!important;max-width:100%!important;padding:0!important;text-align:center!important;margin-bottom:14px!important}
 .page-copia-llaves-vivienda .vivienda-footer>.container>div:last-child>.row>[class*="col-"]:last-child{margin-bottom:0!important}
}.key-finder{padding:72px 0;background:linear-gradient(180deg,#f8fafc 0%,#fff 100%);border-bottom:1px solid #e2e8f0}.key-finder__intro{max-width:860px;margin:0 auto 34px}.key-finder__intro h2{font-family:var(--font-heading);font-size:clamp(2rem,4vw,2.65rem);line-height:1.15;color:#0f172a;margin:6px 0 12px;font-weight:700}.key-finder__intro p{color:#475569;font-size:1rem;line-height:1.7;margin:0}.key-finder__shell{max-width:1120px;margin:0 auto;background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 18px 48px rgba(15,23,42,.08);overflow:hidden}.key-finder__progress{display:grid;grid-template-columns:repeat(3,1fr);background:#0f172a;border-bottom:3px solid #F1B636}.key-finder__progress span{display:flex;align-items:center;justify-content:center;gap:8px;color:#94a3b8;font-size:.83rem;font-weight:700;padding:15px 10px;text-align:center}.key-finder__progress span b{display:inline-flex;width:25px;height:25px;align-items:center;justify-content:center;border-radius:50%;background:#1e293b;color:#cbd5e1;font-size:.78rem}.key-finder__progress span.is-active{color:#fff;background:rgba(241,182,54,.08)}.key-finder__progress span.is-active b{background:#F1B636;color:#0f172a}.key-finder__step{padding:34px}.key-finder__step[hidden]{display:none!important}.key-finder__step-head{margin-bottom:24px}.key-finder__step-head h3{font-family:var(--font-heading);color:#0f172a;font-size:1.55rem;line-height:1.2;margin:0 0 7px;font-weight:700}.key-finder__step-head p{color:#64748b;font-size:.94rem;line-height:1.55;margin:0}.key-finder__back{appearance:none;border:0;background:transparent;color:#9a6a08;font-weight:700;padding:0;margin:0 0 12px;cursor:pointer;font-size:.88rem}.key-finder__back:hover{text-decoration:underline}.key-finder__types{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.key-type-card{appearance:none;border:1px solid #e2e8f0;background:#fff;border-radius:12px;min-height:145px;padding:19px 12px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;color:#1e293b;font-family:inherit}.key-type-card:hover,.key-type-card:focus-visible{transform:translateY(-3px);border-color:#F1B636;box-shadow:0 10px 22px rgba(241,182,54,.13);outline:none}.key-type-card.is-selected{border-color:#F1B636;background:#fffbeb;box-shadow:0 0 0 2px rgba(241,182,54,.16)}.key-type-card__icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#0f172a;color:#F1B636;font-size:1.25rem;margin-bottom:10px}.key-type-card__name{display:block;font-family:var(--font-heading);color:#0f172a;font-size:1.08rem;font-weight:700;line-height:1.15;margin-bottom:4px}.key-type-card small{display:block;color:#64748b;font-size:.76rem;line-height:1.35}.key-finder__form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.key-finder__field{display:block}.key-finder__field>span{display:block;color:#0f172a;font-size:.84rem;font-weight:700;margin-bottom:7px}.key-finder__field select,.key-finder__field input{width:100%;min-height:48px;padding:0 42px 0 14px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#1e293b;font-family:inherit;font-size:.94rem;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.key-finder__field select:focus,.key-finder__field input:focus{border-color:#F1B636;box-shadow:0 0 0 3px rgba(241,182,54,.17)}.key-finder__field select:disabled{background:#f8fafc;color:#64748b;cursor:not-allowed}
.key-finder__field input{padding-right:14px}
.key-finder__field-meta{display:block;margin-top:6px;color:#64748b;font-size:.74rem;line-height:1.35}.key-finder__hint{display:flex;align-items:flex-start;gap:13px;margin-top:20px;padding:15px 17px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#475569}.key-finder__hint>i{color:#F1B636;font-size:1.2rem;margin-top:2px}.key-finder__hint strong,.key-finder__hint span{display:block}.key-finder__hint strong{color:#0f172a;font-size:.9rem;margin-bottom:2px}.key-finder__hint span{font-size:.84rem;line-height:1.45}.key-finder__actions{display:flex;justify-content:flex-end;margin-top:22px}.key-finder__continue{appearance:none;border:0;border-radius:8px;background:#F1B636;color:#000;font-weight:700;font-family:inherit;padding:12px 20px;display:inline-flex;align-items:center;gap:9px;cursor:pointer;box-shadow:0 4px 12px rgba(241,182,54,.25);transition:background .18s ease,transform .18s ease}.key-finder__continue:hover,.key-finder__continue:focus-visible{background:#e0a525;transform:translateY(-1px);outline:none}.key-result{border:1px solid #e2e8f0;border-radius:14px;background:#fff;overflow:hidden}.key-result__top{display:flex;align-items:center;gap:15px;padding:21px 22px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff}.key-result__icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:#F1B636;color:#0f172a;font-size:1.05rem}.key-result__eyebrow{display:block;color:#F1B636;font-size:.72rem;text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-bottom:3px}.key-result__top h4{font-family:var(--font-heading);font-size:1.45rem;line-height:1.15;color:#fff;margin:0 0 3px}.key-result__top p{color:#cbd5e1;font-size:.86rem;margin:0}
.key-result__media{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:20px;padding:22px;border-bottom:1px solid #e2e8f0;background:#fcfdff}
.key-result__media-frame{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.06)}
.key-result__media-frame img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.key-result__media-copy{display:flex;flex-direction:column;justify-content:center}
.key-result__media-badge{display:inline-flex;align-self:flex-start;padding:6px 10px;border-radius:999px;background:#fffbeb;border:1px solid #fde68a;color:#9a6a08;font-size:.74rem;font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:.4px;margin-bottom:10px}
.key-result__media-copy strong{display:block;color:#0f172a;font-size:1.08rem;line-height:1.25;margin-bottom:8px}
.key-result__media-copy p{color:#475569;font-size:.9rem;line-height:1.6;margin:0}
.key-result__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.key-result__item{padding:21px 22px;border-bottom:1px solid #e2e8f0}.key-result__item:nth-child(odd){border-right:1px solid #e2e8f0}.key-result__item>span{display:flex;align-items:center;gap:7px;color:#0f172a;font-size:.82rem;font-weight:700;margin-bottom:7px}.key-result__item>span i{color:#F1B636}.key-result__item p{color:#475569;font-size:.88rem;line-height:1.55;margin:0}.key-result__notice{display:flex;align-items:flex-start;gap:10px;padding:14px 18px;background:#fffbeb;border-top:1px solid #fef3c7;color:#6b4d11;font-size:.8rem;line-height:1.5}.key-result__notice i{margin-top:2px;color:#b7791f}.key-result__actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:20px 22px}.key-result__actions .btn-whatsapp{padding:11px 17px;font-size:.88rem}.key-result__service-link{color:#9a6a08;font-size:.85rem;font-weight:700;text-decoration:none}.key-result__service-link:hover{text-decoration:underline}.key-result__restart{appearance:none;border:0;background:transparent;color:#64748b;font-family:inherit;font-size:.82rem;font-weight:600;cursor:pointer;padding:7px 0;margin-left:auto}.key-result__restart:hover{color:#0f172a}.key-finder__noscript{padding:16px;margin:20px 34px 34px;border:1px solid #fef08a;background:#fffbeb;border-radius:8px;color:#6b4d11;font-size:.9rem}@media (max-width:991px){.key-finder{padding:58px 0}.key-finder__types{grid-template-columns:repeat(3,minmax(0,1fr))}.key-type-card{min-height:138px}.key-finder__step{padding:28px}}@media (max-width:767px){.key-finder{padding:48px 0}.key-finder__intro{margin-bottom:25px}.key-finder__intro p{font-size:.94rem}.key-finder__shell{border-radius:12px}.key-finder__progress span{font-size:0;padding:12px 6px}.key-finder__progress span b{font-size:.78rem}.key-finder__types{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.key-type-card{min-height:126px;padding:15px 9px}.key-finder__step{padding:22px 16px}.key-finder__form-grid,.key-result__grid,.key-result__media{grid-template-columns:1fr}.key-result__media{padding:16px}.key-result__item:nth-child(odd){border-right:0}.key-finder__actions{justify-content:stretch}.key-finder__continue{width:100%;justify-content:center}.key-result__actions{align-items:stretch;flex-direction:column}.key-result__actions .btn-whatsapp{justify-content:center}.key-result__restart{margin-left:0;text-align:center}.key-finder__noscript{margin:16px}}@media (max-width:420px){.key-type-card__name{font-size:1rem}.key-type-card small{font-size:.72rem}}
/* PERF MAX: responsive home LCP image with AVIF/WebP fallback */
picture{display:block}
/* MAX3 performance: iconos criticos sin webfont, LCP directo y CLS estable */
.icon-critical{--ks-icons:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20viewBox%3D%220%200%20400%20300%22%3E%3Cg%20transform%3D%22translate(17.62%2013.00)%20scale(0.14453)%22%3E%3Cpath%20d%3D%22M201.4%20374.6c12.5%2012.5%2032.8%2012.5%2045.3%200l160-160c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L224%20306.7%2086.6%20169.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l160%20160z%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate(117.62%2013.00)%20scale(0.14453)%22%3E%3Cpath%20d%3D%22M0%2096C0%2078.3%2014.3%2064%2032%2064l384%200c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032L32%20128C14.3%20128%200%20113.7%200%2096zM0%20256c0-17.7%2014.3-32%2032-32l384%200c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032L32%20288c-17.7%200-32-14.3-32-32zM448%20416c0%2017.7-14.3%2032-32%2032L32%20448c-17.7%200-32-14.3-32-32s14.3-32%2032-32l384%200c17.7%200%2032%2014.3%2032%2032z%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate(217.62%2013.00)%20scale(0.14453)%22%3E%3Cpath%20d%3D%22M349.4%2044.6c5.9-13.7%201.5-29.7-10.6-38.5s-28.6-8-39.9%201.8l-256%20224c-10%208.8-13.6%2022.9-8.9%2035.3S50.7%20288%2064%20288l111.5%200L98.6%20467.4c-5.9%2013.7-1.5%2029.7%2010.6%2038.5s28.6%208%2039.9-1.8l256-224c10-8.8%2013.6-22.9%208.9-35.3s-16.6-20.7-30-20.7l-111.5%200L349.4%2044.6z%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate(313.00%2013.00)%20scale(0.14453)%22%3E%3Cpath%20d%3D%22M464%20256A208%20208%200%201%201%2048%20256a208%20208%200%201%201%20416%200zM0%20256a256%20256%200%201%200%20512%200A256%20256%200%201%200%200%20256zM232%20120l0%20136c0%208%204%2015.5%2010.7%2020l96%2064c11%207.4%2025.9%204.4%2033.3-6.7s4.4-25.9-6.7-33.3L280%20243.2%20280%20120c0-13.3-10.7-24-24-24s-24%2010.7-24%2024z%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate(13.00%20113.00)%20scale(0.14453)%22%3E%3Cpath%20d%3D%22M352%200c-12.9%200-24.6%207.8-29.6%2019.8s-2.2%2025.7%206.9%2034.9L370.7%2096%20201.4%20265.4c-12.5%2012.5-12.5%2032.8%200%2045.3s32.8%2012.5%2045.3%200L416%20141.3l41.4%2041.4c9.2%209.2%2022.9%2011.9%2034.9%206.9s19.8-16.6%2019.8-29.6l0-128c0-17.7-14.3-32-32-32L352%200zM80%2032C35.8%2032%200%2067.8%200%20112L0%20432c0%2044.2%2035.8%2080%2080%2080l320%200c44.2%200%2080-35.8%2080-80l0-112c0-17.7-14.3-32-32-32s-32%2014.3-32%2032l0%20112c0%208.8-7.2%2016-16%2016L80%20448c-8.8%200-16-7.2-16-16l0-320c0-8.8%207.2-16%2016-16l112%200c17.7%200%2032-14.3%2032-32s-14.3-32-32-32L80%2032z%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate(113.00%20117.11)%20scale(0.12847)%22%3E%3Cpath%20d%3D%22M528%20160l0%20256c0%208.8-7.2%2016-16%2016l-192%200c0-44.2-35.8-80-80-80l-64%200c-44.2%200-80%2035.8-80%2080l-32%200c-8.8%200-16-7.2-16-16l0-256%20480%200zM64%2032C28.7%2032%200%2060.7%200%2096L0%20416c0%2035.3%2028.7%2064%2064%2064l448%200c35.3%200%2064-28.7%2064-64l0-320c0-35.3-28.7-64-64-64L64%2032zM272%20256a64%2064%200%201%200%20-128%200%2064%2064%200%201%200%20128%200zm104-48c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024l80%200c13.3%200%2024-10.7%2024-24s-10.7-24-24-24l-80%200zm0%2096c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024l80%200c13.3%200%2024-10.7%2024-24s-10.7-24-24-24l-80%200z%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate(222.25%20113.00)%20scale(0.14453)%22%3E%3Cpath%20d%3D%22M215.7%20499.2C267%20435%20384%20279.4%20384%20192C384%2086%20298%200%20192%200S0%2086%200%20192c0%2087.4%20117%20243%20168.3%20307.2c12.3%2015.3%2035.1%2015.3%2047.4%200zM192%20128a64%2064%200%201%201%200%20128%2064%2064%200%201%201%200-128z%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate(313.00%20113.00)%20scale(0.14453)%22%3E%3Cpath%20d%3D%22M164.9%2024.6c-7.7-18.6-28-28.5-47.4-23.2l-88%2024C12.1%2030.2%200%2046%200%2064C0%20311.4%20200.6%20512%20448%20512c18%200%2033.8-12.1%2038.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3%2011.6L304.7%20368C234.3%20334.7%20177.3%20277.7%20144%20207.3L193.3%20167c13.7-11.2%2018.4-30%2011.6-46.3l-40-96z%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate(17.62%20213.00)%20scale(0.14453)%22%3E%3Cpath%20d%3D%22M0%2064C0%2046.3%2014.3%2032%2032%2032c229.8%200%20416%20186.2%20416%20416c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32C384%20253.6%20226.4%2096%2032%2096C14.3%2096%200%2081.7%200%2064zM0%20416a64%2064%200%201%201%20128%200A64%2064%200%201%201%200%20416zM32%20160c159.1%200%20288%20128.9%20288%20288c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32c0-123.7-100.3-224-224-224c-17.7%200-32-14.3-32-32s14.3-32%2032-32z%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate(113.00%20213.00)%20scale(0.14453)%22%3E%3Cpath%20d%3D%22M256%200c4.6%200%209.2%201%2013.4%202.9L457.7%2082.8c22%209.3%2038.4%2031%2038.3%2057.2c-.5%2099.2-41.3%20280.7-213.6%20363.2c-16.7%208-36.1%208-52.8%200C57.3%20420.7%2016.5%20239.2%2016%20140c-.1-26.2%2016.3-47.9%2038.3-57.2L242.7%202.9C246.8%201%20251.4%200%20256%200zm0%2066.8l0%20378.1C394%20378%20431.1%20230.1%20432%20141.4L256%2066.8s0%200%200%200z%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate(217.62%20213.00)%20scale(0.14453)%22%3E%3Cpath%20d%3D%22M380.9%2097.1C339%2055.1%20283.2%2032%20223.9%2032c-122.4%200-222%2099.6-222%20222%200%2039.1%2010.2%2077.3%2029.6%20111L0%20480l117.7-30.9c32.4%2017.7%2068.9%2027%20106.1%2027h.1c122.3%200%20224.1-99.6%20224.1-222%200-59.3-25.2-115-67.1-157zm-157%20341.6c-33.2%200-65.7-8.9-94-25.7l-6.7-4-69.8%2018.3L72%20359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2%200-101.7%2082.8-184.5%20184.6-184.5%2049.3%200%2095.6%2019.2%20130.4%2054.1%2034.8%2034.9%2056.2%2081.2%2056.1%20130.5%200%20101.8-84.9%20184.6-186.6%20184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5%202.8-3.7%205.6-14.3%2018-17.6%2021.8-3.2%203.7-6.5%204.2-12%201.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8%205.7-9.1%2016.3-30.3%201.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7%200-9.7%201.4-14.8%206.9-5.1%205.6-19.4%2019-19.4%2046.3%200%2027.3%2019.9%2053.7%2022.6%2057.4%202.8%203.7%2039.1%2059.7%2094.8%2083.8%2035.2%2015.2%2049%2016.5%2066.6%2013.9%2010.7-1.6%2032.8-13.4%2037.4-26.4%204.6-13%204.6-24.1%203.2-26.4-1.3-2.5-5-3.9-10.5-6.6z%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate(313.00%20213.00)%20scale(0.14453)%22%3E%3Cpath%20d%3D%22M352%20320c88.4%200%20160-71.6%20160-160c0-15.3-2.2-30.1-6.2-44.2c-3.1-10.8-16.4-13.2-24.3-5.3l-76.8%2076.8c-3%203-7.1%204.7-11.3%204.7L336%20192c-8.8%200-16-7.2-16-16l0-57.4c0-4.2%201.7-8.3%204.7-11.3l76.8-76.8c7.9-7.9%205.4-21.2-5.3-24.3C382.1%202.2%20367.3%200%20352%200C263.6%200%20192%2071.6%20192%20160c0%2019.1%203.4%2037.5%209.5%2054.5L19.9%20396.1C7.2%20408.8%200%20426.1%200%20444.1C0%20481.6%2030.4%20512%2067.9%20512c18%200%2035.3-7.2%2048-19.9L297.5%20310.5c17%206.2%2035.4%209.5%2054.5%209.5zM80%20408a24%2024%200%201%201%200%2048%2024%2024%200%201%201%200-48z%22/%3E%3C/g%3E%3C/svg%3E");display:inline-block;width:1em;height:1em;vertical-align:-.125em;flex:0 0 auto;background-color:currentColor;-webkit-mask-image:var(--ks-icons);mask-image:var(--ks-icons);-webkit-mask-size:400% 300%;mask-size:400% 300%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon-angle-down{-webkit-mask-position:0% 0%;mask-position:0% 0%}.icon-bars{-webkit-mask-position:33.333% 0%;mask-position:33.333% 0%}.icon-bolt{-webkit-mask-position:66.667% 0%;mask-position:66.667% 0%}.icon-clock-o{-webkit-mask-position:100% 0%;mask-position:100% 0%}.icon-external-link{-webkit-mask-position:0% 50%;mask-position:0% 50%}.icon-id-card-o{-webkit-mask-position:33.333% 50%;mask-position:33.333% 50%}.icon-map-marker{-webkit-mask-position:66.667% 50%;mask-position:66.667% 50%}.icon-phone{-webkit-mask-position:100% 50%;mask-position:100% 50%}.icon-rss{-webkit-mask-position:0% 100%;mask-position:0% 100%}.icon-shield{-webkit-mask-position:33.333% 100%;mask-position:33.333% 100%}.icon-whatsapp{-webkit-mask-position:66.667% 100%;mask-position:66.667% 100%}.icon-wrench{-webkit-mask-position:100% 100%;mask-position:100% 100%}
.hero.hero-home{background:#0f172a;overflow:hidden}
.hero-home__media{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:0}
.hero-home__media img{width:100%;height:100%;object-fit:cover;object-position:center center;image-rendering:auto}
.hero-home__overlay{position:absolute;inset:0;background:rgba(15,23,42,.82);z-index:1}
.hero-actions{display:flex;gap:15px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:10px;position:relative;z-index:20;width:100%;min-height:48px}
@media(max-width:767px){.hero-actions{min-height:112px}}