@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/inter-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/inter-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/inter-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/inter-latin-700-normal.woff2) format('woff2')}
/* CrediListo — ajustes sobre Sway 3.0 (tipografía y marca) */
:root{--cl-green:#24ac73;--cl-navy:#0b4a72;--cl-navy-dark:#0a2f49}
body,p,li,input,textarea,select,button,.tt_button,.navbar-nav a,.topbar,.kd-price-switch,
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.section-heading,.subtitle{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important}
h1,h2,h3,h4,.section-heading{letter-spacing:-.01em}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.navbar-nav>li>a{font-weight:500}
.tt_button{font-weight:500}
/* formulario → WhatsApp */
.wpcf7-response-output{display:none}
.cl-form-note{font-size:13px;color:#8a97a3;margin-top:10px;text-align:center}
/* logo */
.navbar .logo img,.navbar-header .logo img{height:auto}
.wpcf7 .wpcf7-submit{width:auto!important;min-width:220px;padding:0 32px!important;white-space:nowrap}
@media (max-width:1268px){#logo img.fixed-logo,#logo img.nav-logo,.navbar .logo img{width:150px!important;max-width:150px!important}}
html,body{background:#ffffff}
.cl-wa-fallback{display:block;text-align:center;margin-top:14px;font-weight:600;color:#24ac73}

/* ===== QA responsive (móvil / tablet) ===== */
/* Hero de Inicio: el contenedor interno no debe superar la caja redondeada (1269–1360px) */
.vc_inner.border-bottom-radius>.container{max-width:100%}
/* Saltos de línea forzados solo en escritorio grande */
@media (max-width:1199px){
  .kd-calltoaction .cta-text h2 br,.subtitle br,.separator_off br,.section-heading br,.pricing-subtitle br{display:none}
}
/* Tarjetas de condiciones */
.pricing-title-content{line-height:1.3!important;padding:20px 16px!important;margin:0!important}
@media (min-width:768px) and (max-width:991px){
  .vc_col-sm-4:has(.pricing-wrapper){width:100%;float:none;max-width:460px;margin:0 auto 24px}
}
@media (max-width:767px){
  .pricing-wrapper{max-width:460px;margin-left:auto;margin-right:auto}
}
/* Grupos de fotos: no tan altos en tablet */
@media (min-width:600px) and (max-width:991px){
  .kd-photo-group{max-width:560px;margin-left:auto;margin-right:auto}
}
/* Menú móvil: área táctil de 44px */
.navbar-toggle{min-width:44px;min-height:44px}
/* Footer: 2 columnas en tablet, teléfonos sin cortar */
@media (min-width:600px) and (max-width:991px){
  .upper-footer .footer-widget-column{width:50%;float:left}
  .upper-footer .footer-widget-column:nth-child(2n+1){clear:left}
}
.upper-footer .textwidget li{white-space:normal}
.upper-footer a[href^="https://wa.me"]{white-space:nowrap}
@media (max-width:767px){
  .kd-calltoaction .cta-text h2{font-size:26px;line-height:1.3}
}
/* Beneficios: CTA final legible en cualquier recorte de la foto */
.vc_row.vc_custom_1606228892110{background-image:linear-gradient(rgba(11,74,114,.62),rgba(11,74,114,.62)),url(../uploads/2024/03/about-us-creative-2.jpg)!important}
/* Requisitos: pasos con margen lateral en móvil */
@media (max-width:767px){
  .extra-large-column>.vc_column-inner{margin-left:0!important;width:100%!important}
  .kd-process-steps .pss-text-area{padding-left:8px!important;padding-right:8px!important}
}
/* Secciones de color a todo el ancho (sin bordes blancos laterales) */
.vc_custom_1598457012161,.vc_custom_1598629266356,.vc_custom_1605872907712,.vc_custom_1599050568237,.vc_custom_1606227478526,.vc_custom_1598637136487,.vc_custom_1605718912139{margin-left:0!important;margin-right:0!important;border-radius:0!important}
.vc_inner.border-bottom-radius{border-radius:0!important}
/* Títulos en Bold */
h1,h2,h3,h4,h5,h6,.section-heading,.pricing-title-content,.cta-text h2,.kd-textrotator,.tt-content h6{font-weight:700!important}

/* ===== Ronda 3 ===== */
/* Grupos de fotos: siempre la misma proporción (400x470) */
.kd-photo-group .photo-group-img img,.kd-photo-group img{width:400px;max-width:100%;height:auto;aspect-ratio:400/470;object-fit:cover}
/* Tarjetas de 4 columnas del mismo alto (Nosotros, Contacto, bloque final de Inicio) */
@media (min-width:768px){
  .vc_row.vc_inner:has(.cb-container),.vc_row.vc_inner:has(.key-icon-box.icon-top.icon-no-background){display:flex;flex-wrap:wrap}
  .vc_row.vc_inner:has(.cb-container)>.wpb_column,.vc_row.vc_inner:has(.key-icon-box.icon-top.icon-no-background)>.wpb_column{display:flex}
  .vc_row.vc_inner:has(.cb-container)>.wpb_column>.vc_column-inner,.vc_row.vc_inner:has(.key-icon-box.icon-top.icon-no-background)>.wpb_column>.vc_column-inner{display:flex;flex-direction:column;width:100%}
  .vc_row.vc_inner:has(.cb-container) .wpb_wrapper,.vc_row.vc_inner:has(.key-icon-box.icon-top.icon-no-background) .wpb_wrapper{height:100%;display:flex;flex-direction:column}
  .cb-container,.key-icon-box.icon-top.icon-no-background{flex:1 1 auto;height:100%;display:flex;flex-direction:column}
  .cb-container .cb-wrapper{height:100%;display:flex;flex-direction:column}
  .cb-container .cb-text-area{flex:1;display:flex;flex-direction:column}
  .cb-container .cb-text-area p{flex:1}
}
/* Condiciones: cifra en bold, dato clave en bold, contexto en regular */
.pricing .pricing-price,.pricing .pt-normal-price{font-weight:700!important}
.pricing-option-text{font-weight:700!important;color:#0b4a72!important}
.pricing-option-text span{font-weight:400!important;color:#5a6870!important}
.pricing-subtitle{color:#5a6870}
/* Footer con más aire abajo + barra de copyright */
.upper-footer{padding-bottom:70px!important}
.cl-copy{background:#082a42;color:#b9c7d3;font-size:14px;padding:22px 0 26px;border-top:1px solid rgba(255,255,255,.08)}
.cl-copy .container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px}
.cl-copy a{color:#b9c7d3}.cl-copy a:hover{color:#fff}
@media (max-width:767px){.upper-footer{padding-bottom:40px!important}.cl-copy .container{justify-content:center;text-align:center}}
/* Subtítulos de sección en regular (son h6 en la plantilla) */
h6.subtitle,.section-heading+h6,.kd-section-title h6.subtitle{font-weight:400!important}
.pricing-subtitle{font-weight:400!important}
/* Aire entre el formulario de solicitud y la sección siguiente */
.cl-sol-row{margin-bottom:90px!important}
@media (max-width:767px){.cl-sol-row{margin-bottom:50px!important}}
/* Botón flotante de WhatsApp + globo "¿Quieres hablar con un asesor?" */
.cl-wa-float{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:9999;display:flex;align-items:center;gap:12px;text-decoration:none!important}
.cl-wa-icon{flex:0 0 auto;width:60px;height:60px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px rgba(0,0,0,.22);transition:transform .2s ease,box-shadow .2s ease}
.cl-wa-icon svg{width:32px;height:32px}
.cl-wa-label{position:relative;background:#fff;color:#0b4a72;font-family:'Inter',sans-serif;font-size:14px;font-weight:600;line-height:1.2;padding:11px 16px;border-radius:12px;box-shadow:0 8px 24px rgba(11,74,114,.18);white-space:nowrap;animation:clWaIn .45s cubic-bezier(.2,.7,.2,1) .8s both}
.cl-wa-label::after{content:"";position:absolute;right:-6px;top:50%;width:12px;height:12px;background:#fff;transform:translateY(-50%) rotate(45deg);border-radius:2px}
.cl-wa-float:hover .cl-wa-icon{transform:scale(1.07);box-shadow:0 14px 30px rgba(0,0,0,.28)}
.cl-wa-float:hover .cl-wa-label{color:#24ac73}
.cl-wa-float:focus-visible{outline:none}.cl-wa-float:focus-visible .cl-wa-icon{outline:3px solid #0b4a72;outline-offset:3px}
@keyframes clWaIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
@media (max-width:767px){.cl-wa-float{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));gap:10px}.cl-wa-icon{width:54px;height:54px}.cl-wa-icon svg{width:28px;height:28px}.cl-wa-label{font-size:13px;padding:9px 13px}}
@media (max-width:359px){.cl-wa-label{display:none}}
@media (prefers-reduced-motion:reduce){.cl-wa-icon{transition:none}.cl-wa-label{animation:none}}
/* la flecha "volver arriba" se sube para no tapar el botón */
.back-to-top{bottom:100px!important}
@media (max-width:767px){.back-to-top{bottom:84px!important}}
@media (prefers-reduced-motion:reduce){.cl-wa-float{transition:none}}
.cl-sol{padding-bottom:70px}
@media (max-width:767px){.cl-sol{padding-bottom:56px}}
/* Títulos de sección largos: que empujen el contenido en lugar de montarse */
.kd-section-title{display:flow-root;height:auto!important;min-height:0}
.kd-section-title>h1,.kd-section-title>h2,.kd-section-title>h3,.kd-section-title>h4,.kd-section-title>h5{float:none!important;width:auto}
@media (min-width:768px){.vc_row.vc_inner:has(.cb-container) .wpb_wrapper>*,.vc_row.vc_inner:has(.key-icon-box.icon-top.icon-no-background) .wpb_wrapper>*{flex-shrink:0}}
/* Hero de Inicio: tres líneas ordenadas, "listo" en verde */
h1.separator_off br{display:inline!important}
h1.separator_off em{font-style:normal;color:#24ac73}
@media (min-width:992px) and (max-width:1199px){h1.separator_off{font-size:52px!important;line-height:60px!important}}
@media (min-width:1200px) and (max-width:1359px){h1.separator_off{font-size:58px!important;line-height:66px!important}}
/* Hero de Inicio: todo visible en la primera pantalla, columnas centradas */
@media (min-width:992px){
  .vc_inner.border-bottom-radius.vc_custom_1605872907712{padding-top:150px!important;padding-bottom:64px!important}
  .vc_inner.border-bottom-radius>.container{display:flex;align-items:center}
  .vc_inner.border-bottom-radius>.container::before,.vc_inner.border-bottom-radius>.container::after{display:none}
  .vc_inner.border-bottom-radius .wpb_column>.vc_column-inner{padding-top:0!important;padding-bottom:0!important}
  .vc_inner.border-bottom-radius .video-container img{width:100%;height:clamp(380px,calc(100vh - 250px),540px);object-fit:cover;object-position:center}
  .vc_inner.border-bottom-radius h1.separator_off{margin-bottom:24px!important}
  .vc_inner.border-bottom-radius .kd-section-title{margin-bottom:36px!important}
  .vc_inner.border-bottom-radius .scroll-down-wrapper{display:none!important}
}
@media (min-width:992px) and (max-height:760px){.vc_inner.border-bottom-radius.vc_custom_1605872907712{padding-top:136px!important;padding-bottom:48px!important}}
/* Hero de Inicio ocupa toda la primera pantalla (sin franja blanca abajo) */
@media (min-width:992px){
  .vc_inner.border-bottom-radius.vc_custom_1605872907712{min-height:100vh;min-height:100svh;display:flex!important;align-items:center;box-sizing:border-box}
  .vc_inner.border-bottom-radius.vc_custom_1605872907712>.container{width:100%;max-width:1240px;margin-left:auto;margin-right:auto}
}
/* Puntos verdes de arriba a la derecha: bajan para no tocar el botón del menú */
@media (min-width:992px){.vc_inner.border-bottom-radius .kd-shapes[style*="top: -40px"]{top:48px!important;height:300px!important}}
/* Contacto: la foto llena toda la altura de la tarjeta del formulario (sin espacio en blanco) */
#solicitud{scroll-margin-top:120px}
@media (min-width:992px){
  #solicitud .vc_inner.with-grey-shadow{display:flex}
  #solicitud .vc_inner.with-grey-shadow>.wpb_column{float:none}
  #solicitud .vc_inner.with-grey-shadow>.wpb_column:last-child>.vc_column-inner{height:100%;background-size:cover!important;background-position:center!important}
}