/* ==========================================================================
   CONTRASEGURO.COM - CSS CLÁSICO EN BLOQUES SEMÁNTICOS EDITABLES
   VS Code - Sin Tailwind, solo CSS puro para que puedas retocar diseño
   Paleta: Morado #4A104A, Amarillo #FFCC00, Crema #FFFBEB
   ========================================================================== */

/* ========== BLOQUE 0: VARIABLES Y RESET ========== */
:root{
  --azul:#14305E;
  --azul-oscuro:#0E203F;
  --azul-claro:#E8EEF8;
  --granate:#7D1E2A;
  --granate-oscuro:#4F121A;
  --granate-claro:#F9E8EA;
  --naranja:#FF8A2B;
  --naranja-light:#FFB26B;
  --naranja-claro:#FFF3E8;
  --blanco:#FFFFFF;
  --texto:#1A2332;
  --gris:#6B7A8F;
  --gris-claro:#F6F7F9;
  --verde-wp:#25D366;
  --sombra:0 8px 24px rgba(20,48,94,.08);
  --sombra-fuerte:0 20px 40px rgba(20,48,94,.14);
  --morado:var(--granate);
  --morado-oscuro:var(--granate-oscuro);
  --morado-claro:var(--granate-claro);
  --amarillo:var(--naranja);
  --amarillo-claro:var(--naranja-claro);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:var(--texto);background:var(--amarillo-claro);line-height:1.65}
h1,h2,h3{font-family:'Playfair Display',Georgia,serif;color:var(--morado);line-height:1.15}
h4{font-family:'Playfair Display',Georgia,serif;color:var(--naranja-light);line-height:1.15}
img{max-width:100%;display:block}
a{color:var(--morado)}
.container{max-width:1240px;margin:0 auto;padding:0 1.2rem}
div.blue{color:var(--azul-oscuro)}

/* ========== BLOQUE 1: TOP BAR ========== */
.top-bar{
  background:var(--amarillo);
  color:var(--blanco);
  font-size:.82rem;
  font-weight:800;
  padding:.5rem 1rem;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  flex-wrap:wrap;
}
.top-bar__link{
  background:var(--morado);
  color:var(--blanco)!important;
  text-decoration:none;
  padding:.3rem .7rem;
  border-radius:999px;
  font-size:.8rem;
}

/* ========== BLOQUE 2: HEADER CON LOGO JPG ORIGINAL ========== */
.site-header{
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(8px);
  border-bottom:1px solid #eee;
  position:sticky;
  top:0;
  z-index:30;
}
.site-header__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:.7rem 1.2rem;
  max-width:1240px;
  margin:0 auto;
}
/* LOGO ORIGINAL JPG - NO VECTORIZAR - 58px altura - fondo amarillo intacto */
.site-logo{
  height:58px;
  width:auto;
  display:block;
}
.site-logo img{
  height:58px;
  width:auto;
  object-fit:contain;
  background:var(--amarillo); /* respeta fondo amarillo original */
  padding:1px;
  border-radius:8px;
}

/* ========== BLOQUE 3: NAVEGACIÓN PRINCIPAL CLÁSICA ========== */
.main-nav{
  display:flex;
  gap:1.1rem;
  align-items:center;
  list-style:none;
}
.main-nav a{
  text-decoration:none;
  color:var(--texto);
  font-weight:600;
  font-size:.9rem;
  padding:.4rem .2rem;
  border-bottom:2px solid transparent;
}
.main-nav a:hover,
.main-nav a.activo{
  color:var(--morado);
  border-bottom-color:var(--amarillo);
}
.main-nav__cta{
  /*
  background:var(--morado);
  color:var(--blanco)!important;  */
  background:var(--verde-wp);
  color:var(--texto)!important;
  padding:.6rem 1rem!important;
  border-radius:999px;
  border:none!important;
}
.main-nav__cta--amarillo{
  background:transparent;
  border:1.5px solid var(--morado)!important;
  color:var(--morado)!important;
}

/* Mega menú clásico con HTML puro */
.mega-menu-wrapper{position:relative}
.mega-menu{
  position:absolute;
  left:0;
  top:100%;
  background:var(--blanco);
  border:1px solid #eee;
  padding:1.5rem 2rem;
  display:none;
  grid-template-columns:1fr 1fr;
  gap:2rem;
  min-width:680px;
  box-shadow:0 20px 40px rgba(0,0,0,.12);
  border-radius:0 0 18px 18px;
  z-index:20;
}
.mega-menu-wrapper:hover .mega-menu{display:grid}
.mega-col h4{font-size:.85rem;letter-spacing:.08em;margin-bottom:.7rem;text-transform:uppercase}
.mega-col a{display:block;padding:.35rem 0;font-size:.88rem;text-decoration:none;color:var(--texto);border:none}
.mega-col a:hover{color:var(--morado)}

/* ========== BLOQUE 4: HERO HOME ========== */
.hero{
  position:relative;
  min-height:72vh;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  align-items:center;
  gap:2rem;
  padding:3rem 2rem;
  overflow:hidden;
  max-width:1240px;
  margin:0 auto;
}
.hero__bg{position:absolute;inset:0;z-index:-2}
.hero__bg img{width:100%;height:100%;object-fit:cover}
.hero__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(74,16,74,.92) 0%,rgba(74,16,74,.78) 55%,rgba(74,16,74,.35) 100%);z-index:-1}
.hero__content{color:var(--blanco)}
.hero__eyebrow{color:var(--amarillo);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800;margin-bottom:.7rem}
.hero__title{font-size:clamp(2rem,4.5vw,3.3rem);color:var(--blanco);margin-bottom:1rem}
.hero__subtitle{color:#f3e8f3;font-size:1.05rem;max-width:38rem;margin-bottom:1rem}
.hero__list{list-style:none;display:flex;flex-direction:column;gap:.35rem;color:#ffeec0;font-weight:600;font-size:.9rem;margin:1rem 0}
.hero__actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.2rem}
.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.9rem 1.3rem;border-radius:999px;font-weight:800;text-decoration:none;font-size:.9rem;border:none;cursor:pointer}
.btn--morado{background:var(--morado);color:var(--blanco)}
.btn--amarillo{background:var(--amarillo);color:var(--morado)}
.btn--verde{background:var(--verde-wp);color:var(--blanco)}
.btn--blanco{background:var(--blanco);color:var(--morado)}
.btn--outline{border:2px solid var(--morado);background:transparent;color:var(--morado)}

.hero__selector{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.selector-card{background:var(--blanco);border-radius:18px;padding:1rem;box-shadow:0 10px 30px rgba(0,0,0,.18);text-decoration:none;color:inherit}
.selector-card h4{font-size:.95rem;margin-bottom:.2rem;color:var(--morado)}
.selector-card p{font-size:.8rem;color:var(--gris)}

/* ========== BLOQUE 5: SECCIONES GENERALES ========== */
.section{padding:3.2rem 0}
.section__header{max-width:740px;margin-bottom:2rem}
.section__header h2{font-size:clamp(1.8rem,3.5vw,2.5rem);margin-bottom:.6rem}
.badge{display:inline-block;background:var(--amarillo);color:var(--morado);padding:.2rem .6rem;border-radius:999px;font-weight:800;font-size:.7rem;letter-spacing:.08em;margin-bottom:.5rem}

/* Grid servicios */
.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.service-card{background:var(--blanco);border-radius:22px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.service-card__img{height:260px;overflow:hidden}
.service-card__img img{width:100%;height:100%;object-fit:cover}
.service-card__body{padding:1.3rem}
.service-card__actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}

/* ========== BLOQUE 6: SERVICIO ESTRELLA ========== */
.estrella{background:var(--morado);color:var(--blanco);border-radius:26px;padding:2.5rem;display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}
.estrella h2{color:var(--amarillo);font-size:2rem}
.estrella__list{columns:2;gap:1.5rem;margin:1rem 0;list-style:none}
.estrella__list li{margin-bottom:.4rem;font-size:.9rem}
.estrella__img{background:var(--blanco);padding:.6rem;border-radius:18px;transform:rotate(1.5deg);box-shadow:0 20px 40px rgba(0,0,0,.3)}
.estrella__img img{border-radius:12px}

/* ========== BLOQUE 7: BAREMO TOOL ========== */
.baremo-inline{background:#fff8cc;border:2px solid var(--amarillo);border-radius:20px;
               padding:1.2rem 1.5rem;display:flex;justify-content:space-between;align-items:center;
               gap:1rem;flex-wrap:wrap;margin:2rem 0}
.baremo-block{background:var(--amarillo-claro);border:2px solid #ffe680;border-radius:24px;padding:1.8rem;display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;margin:2.5rem 0}

/* ========== BLOQUE 8: WIDGET FIJO CALCULADORA ========== */
.baremo-widget{position:fixed;bottom:20px;left:20px;z-index:50;background:var(--blanco);border:2px solid var(--amarillo);border-radius:16px;padding:.9rem 1rem;box-shadow:0 16px 40px rgba(0,0,0,.18);max-width:340px;display:flex;gap:.8rem;align-items:center}
.baremo-widget__close{position:absolute;top:6px;right:8px;background:none;border:none;cursor:pointer}

/* ========== BLOQUE 9: CONTACTO ========== */
.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;background:var(--blanco);border-radius:22px;padding:2rem}
.form-group{margin-bottom:1rem}
.form-group label{font-weight:700;font-size:.85rem;display:block;margin-bottom:.3rem}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:.8rem .9rem;border:1.5px solid #e5e7eb;border-radius:12px;font-size:.9rem}
.form-group textarea{min-height:110px}
.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;font-size:.82rem}
.contact-aside{background:var(--morado);color:var(--blanco);border-radius:18px;padding:1.5rem}
.contact-aside h3{color:var(--amarillo)}

/* ========== BLOQUE 10: FOOTER ========== */
.site-footer{background:var(--morado-oscuro);color:#d9c3d9;padding:2.5rem 1.2rem;margin-top:3rem}
.footer-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2rem}
.site-footer a{color:#e9d0e9;text-decoration:none;font-size:.85rem;display:block;padding:.25rem 0}
.footer-disclaimer{margin-top:2rem;border-top:1px solid rgba(255,255,255,.15);padding-top:1rem;font-size:.78rem;color:#b99ab9}

/* WhatsApp flotante */
.wp-float{position:fixed;right:18px;bottom:18px;z-index:60;background:var(--verde-wp);color:white;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:0 10px 24px rgba(0,0,0,.25);text-decoration:none}

/* ========== BLOQUE 11: RESPONSIVE 100% ========== */
@media(max-width:980px){
  .hero,.services-grid,.estrella,.contact-grid,.footer-grid,.baremo-block{grid-template-columns:1fr}
  .hero{padding:2rem 1rem}
  .main-nav{display:none}
  .mega-menu{position:static;display:block;min-width:auto;box-shadow:none;border:none;padding:1rem 0}
  .baremo-widget{left:16px;right:16px;bottom:20px;max-width:none}
  .site-header__inner{padding:.6rem 1rem}
}


/* ========== COMUNES AÑADIDOS DESDE INDEX (LOGO JPG ORIGINAL) ========== */
.logo-jpg{
  height:58px;
  width:auto;
  background:#FFCC00;
  padding:1px;
  border-radius:8px;
  object-fit:contain;
}

/* Utilidades para reemplazar inline styles que eran comunes */
.mt-1{margin-top:.25rem}
.mt-2{margin-top:.5rem}
.mt-3{margin-top:.8rem}
.mt-4{margin-top:1rem}
.mt-5{margin-top:1.5rem}
.mt-6{margin-top:2rem}
.mb-1{margin-bottom:.25rem}
.mb-2{margin-bottom:.5rem}
.mb-3{margin-bottom:.8rem}
.mb-4{margin-bottom:1rem}
.text-center{text-align:center}
.text-small{font-size:.82rem}
.text-tiny{font-size:.78rem}
.w-100{width:100%}
.flex-center{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.grid-2-lg{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem}
@media(max-width:980px){
  .grid-2,.grid-2-lg{grid-template-columns:1fr}
}

/* Contact form helpers - comunes */
.contact-grid{margin-top:2rem}
.btn--full{width:100%;justify-content:center}
.nota-privacidad{font-size:.78rem;color:var(--gris);margin-top:.6rem}
.box-baremo-aside{margin-top:1.2rem;background:rgba(255,255,255,.1);border-radius:10px;padding:.8rem}
.box-contact-info{font-size:.78rem;margin-top:1rem;color:#d9b6d9}



/* ==========================================================================
   FIX FORMULARIO - CHECKBOX BIEN ALINEADOS - AMBOS FORMULARIOS
   ========================================================================== */
.formulario-contacto{width:100%}

.form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
}

.form-group{
  margin-bottom:1.2rem;
}
.form-group label,
.form-label{
  font-weight:700;
  font-size:.88rem;
  display:block;
  margin-bottom:.4rem;
  color:var(--texto);
}
.form-group input[type="text"],
.form-group input[type="tel"],
.form-group input[type="email"],
.form-group select,
.form-group textarea{
  width:100%;
  padding:.85rem 1rem;
  border:1.5px solid #e5e7eb;
  border-radius:12px;
  font-size:.92rem;
  background:var(--blanco);
  transition:all .2s;
  font-family:'Inter',sans-serif;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{
  outline:none;
  border-color:var(--naranja);
  box-shadow:0 0 0 3px rgba(255,138,43,.15);
}
.form-group textarea{min-height:110px;resize:vertical}

/* GRID DE DOCUMENTACIÓN - PERFECTAMENTE ALINEADO */
.check-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.8rem;
  margin-top:.5rem;
}
.check-item{
  display:flex !important;
  align-items:center;
  gap:.7rem;
  font-size:.9rem !important;
  font-weight:500 !important;
  cursor:pointer;
  padding:.75rem .9rem;
  border-radius:12px;
  background:var(--gris-claro);
  border:1.5px solid #e5e7eb;
  transition:all .2s;
  margin:0 !important;
  line-height:1.3 !important;
}
.check-item:hover{
  background:var(--naranja-claro);
  border-color:var(--naranja-light);
  transform:translateY(-1px);
}
.check-item:has(input:checked){
  background:var(--naranja-claro);
  border-color:var(--naranja);
  color:var(--azul-oscuro);
  font-weight:600 !important;
  box-shadow:0 2px 8px rgba(255,138,43,.15);
}
.check-item input[type="checkbox"]{
  width:20px !important;
  height:20px !important;
  accent-color:var(--granate);
  flex-shrink:0;
  margin:0 !important;
  cursor:pointer;
  border-radius:4px;
}
.check-item span{
  flex:1;
}

/* RGPD - ancho completo */
.check-item--full{
  grid-column:1 / -1;
  background:var(--blanco);
  border:1px dashed #d1d5db;
  padding:1rem;
}
.form-group--check{
  margin-top:1.5rem;
  border-top:1px solid #f3f4f6;
  padding-top:1rem;
}

.form-nota{
  font-size:.78rem;
  color:var(--gris);
  margin-top:.8rem;
  line-height:1.4;
  text-align:center;
}

/* Breadcrumb, page-header, content-grid, etc - necesarios para layout */
.breadcrumb{font-size:.75rem;font-weight:600;color:var(--gris);display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;padding:1rem 0}
.breadcrumb a{color:var(--gris);text-decoration:underline;text-decoration-color:var(--naranja);text-decoration-thickness:2px}
.breadcrumb a:hover{color:var(--granate)}
.breadcrumb__actual{color:var(--granate);font-weight:800}
.page-header{padding:1.5rem 0 2rem;border-bottom:1px solid rgba(0,0,0,.05);background:var(--blanco)}
.page-header__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:start}
.page-header__badge{display:inline-block;background:var(--granate);color:var(--blanco);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800;padding:.3rem .7rem;border-radius:999px;margin-bottom:.8rem}
.page-header__title{font-size:clamp(1.8rem,3.5vw,2.6rem);line-height:1.05;color:var(--granate);margin-bottom:1rem}
.page-header__intro{font-size:.95rem;line-height:1.6;color:var(--gris);max-width:60ch}
.page-header__image{position:relative}
.page-header__image img{width:100%;height:360px;object-fit:cover;border-radius:20px;border:1px solid rgba(0,0,0,.08);box-shadow:0 20px 50px rgba(20,48,94,.15)}
.page-header__nota{position:absolute;bottom:-12px;left:-12px;background:var(--blanco);border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:.8rem 1rem;box-shadow:0 10px 30px rgba(0,0,0,.12);max-width:300px}
.page-header__nota-titulo{font-size:.7rem;font-weight:800;letter-spacing:.08em;color:var(--granate);text-transform:uppercase}
.page-header__nota-texto{font-size:.75rem;color:var(--gris);margin-top:.2rem;line-height:1.4}
.content-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;padding:2rem 0}
.content-main{background:var(--blanco);border-radius:22px;padding:1.8rem;border:1px solid rgba(0,0,0,.05);box-shadow:0 10px 30px rgba(0,0,0,.04)}
.content-aside{display:flex;flex-direction:column;gap:1.5rem}
.card{background:var(--blanco);border-radius:20px;padding:1.4rem;border:2px solid var(--naranja);box-shadow:0 12px 30px rgba(0,0,0,.06)}
.card__header{display:flex;gap:.8rem;align-items:center;margin-bottom:.8rem}
.card__icon{width:40px;height:40px;border-radius:50%;background:var(--naranja-light);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--azul-oscuro)}
.card__title{font-size:.9rem;font-weight:800;color:var(--azul)}
.card__subtitle{font-size:.7rem;color:var(--gris)}
.card__text{font-size:.82rem;line-height:1.5;color:rgba(0,0,0,.7)}
.card--oscuro{background:var(--azul-oscuro);color:var(--blanco);border-color:var(--azul)}
.card--oscuro > h3 {color:var(--naranja)}
.badge{display:inline-block;background:var(--naranja);color:var(--azul-oscuro);padding:.2rem .6rem;border-radius:999px;font-weight:800;font-size:.7rem;letter-spacing:.08em;margin-bottom:.5rem}
.badge--azul{background:var(--azul);color:var(--blanco)}
.texto-pequeno{font-size:.82rem}
.texto-diminuto{font-size:.75rem}
.margen-superior{margin-top:1.5rem}
.margen-superior-grande{margin-top:2.5rem}
.trust-bar{background:var(--blanco);border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05);padding:1rem 0}
.trust-bar__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;text-align:center;font-size:.7rem;font-weight:800;color:var(--texto)}
.cta-banner{background:linear-gradient(90deg,var(--azul) 0%,var(--granate) 100%);border-radius:22px;padding:1.8rem;display:grid;grid-template-columns:1.1fr .9fr;gap:1.5rem;align-items:center;border:1px solid rgba(255,138,43,.2)}
.cta-banner__title{color:var(--blanco);font-size:clamp(1.2rem,2.5vw,1.6rem);line-height:1.1}
.cta-banner__text{color:#d9c3d9;font-size:.85rem;margin-top:.6rem;line-height:1.5}
.cta-banner__actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}
.cta-banner__box{background:rgba(255,255,255,.05);border-radius:16px;padding:1.2rem;border:1px solid rgba(255,255,255,.1)}
.cta-banner__box-title{color:var(--naranja-light);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.cta-banner__list{margin-top:.6rem;font-size:.78rem;color:rgba(255,255,255,.8);list-style:decimal;margin-left:1rem;display:flex;flex-direction:column;gap:.3rem}
.baremo-inline{background:var(--naranja-claro);border:2px solid var(--naranja);
               border-radius:20px;padding:1.2rem 1.5rem;display:flex;
               justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin:2rem 0}
.grid-dos-columnas{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}
.caja-baremo{background:var(--naranja-claro);border-radius:14px;padding:1rem;border:1px solid rgba(255,178,107,.4)}
.caja-baremo--morado{background:var(--azul);color:var(--blanco)}
.caja-baremo--morado > h3 {color:var(--naranja)}

@media(max-width:980px){
  .form-row,.page-header__grid,.content-grid,.cta-banner,.grid-dos-columnas{grid-template-columns:1fr}
  .check-grid{grid-template-columns:1fr}
  .trust-bar__grid{grid-template-columns:1fr 1fr}
  .page-header__image img{height:260px}
}

/* ==========================================================================
   RECUPERACIÓN MENÚ SANDWICH MÓVIL - SIN ALTERAR DISEÑO EXISTENTE
   Fix Accidentes ▾ para que despliegue submenú en móvil en vez de navegar
   ========================================================================== */
.menu-toggle{
  display:none;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:5px;
  width:44px;
  height:44px;
  background:var(--blanco);
  border:1.5px solid #e5e7eb;
  border-radius:12px;
  cursor:pointer;
  padding:8px;
  transition:all .2s;
}
.menu-toggle__bar{
  width:20px;
  height:2.5px;
  background:var(--azul-oscuro);
  border-radius:2px;
  transition:all .25s;
  display:block;
}
.menu-toggle:hover{
  border-color:var(--naranja);
  background:var(--naranja-claro);
}
.menu-toggle.is-open .menu-toggle__bar:nth-child(1){
  transform:translateY(7.5px) rotate(45deg);
}
.menu-toggle.is-open .menu-toggle__bar:nth-child(2){
  opacity:0;
  transform:scaleX(0);
}
.menu-toggle.is-open .menu-toggle__bar:nth-child(3){
  transform:translateY(-7.5px) rotate(-45deg);
}

@media(max-width:980px){
  .site-header__inner{
    position:relative;
  }
  .menu-toggle{
    display:flex;
  }
  .main-nav{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    background:var(--blanco);
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:1rem;
    border-top:1px solid #e5e7eb;
    box-shadow:0 20px 40px rgba(20,48,94,.15);
    border-radius:0 0 20px 20px;
    z-index:50;
    max-height:85vh;
    overflow-y:auto;
  }
  .main-nav.is-open{
    display:flex;
  }
  .main-nav li{
    width:100%;
  }
  .main-nav a{
    display:block;
    padding:.9rem 1rem;
    border-radius:10px;
  }
  .main-nav a:hover{
    background:var(--gris-claro);
  }
  .main-nav__cta{
    text-align:center;
    margin-top:.5rem;
  }
  .mega-menu-wrapper{
    width:100%;
  }
  .mega-menu{
    position:static !important;
    display:none !important;
    min-width:auto !important;
    box-shadow:none !important;
    border:none !important;
    padding:.5rem 0 0 1rem !important;
    background:var(--gris-claro) !important;
    border-radius:12px !important;
    margin-top:.5rem;
  }
  .mega-menu-wrapper.is-open .mega-menu{
    display:block !important;
  }
  .mega-col{
    padding:.5rem 0;
  }
  body.menu-open{
    overflow:hidden;
  }
}