html, body {
margin: 0;
padding: 0;
overflow-x: hidden;
}
:where(body) {
margin: 0;
}
body {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.elementor-kit-6 {
--e-global-color-primary: #02447B;
--e-global-color-secondary: #000000;
--e-global-color-text: #878787;
--e-global-color-accent: #5ABD76;
--e-global-color-ab994ac: #626262;
--e-global-color-c1bbfcc: #FFFFFF;
--e-global-color-b5f0d93: #02010100;
color: var(--e-global-color-text);
font-family: "Poppins", Sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.74em;
letter-spacing: 0.4px;
}
.elementor-kit-6 button, .elementor-kit-6 input[type="button"], .elementor-kit-6 input[type="submit"], .elementor-kit-6 .elementor-button {
background-color: var(--e-global-color-accent);
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
line-height: 1.2em;
color: var(--e-global-color-c1bbfcc);
border-style: solid;
border-width: 3px 3px 3px 3px;
border-color: var(--e-global-color-accent);
border-radius: 47px 47px 47px 47px;
padding: 12px 38px 12px 38px;
}
.elementor-kit-6 button:hover, .elementor-kit-6 button:focus, .elementor-kit-6 input[type="button"]:hover, .elementor-kit-6 input[type="button"]:focus, .elementor-kit-6 input[type="submit"]:hover, .elementor-kit-6 input[type="submit"]:focus, .elementor-kit-6 .elementor-button:hover, .elementor-kit-6 .elementor-button:focus {
background-color: var(--e-global-color-c1bbfcc);
color: var(--e-global-color-accent);
}
.elementor-kit-6 a {
color: var(--e-global-color-accent);
}
.elementor-kit-6 h1 {
font-size: 65px;
font-weight: 700;
text-transform: uppercase;
line-height: 1.1em;
}
.elementor-kit-6 h2 {
font-size: 35px;
font-weight: 700;
text-transform: uppercase;
line-height: 1.2em;
letter-spacing: 0.87px;
}
.elementor-kit-6 h3 {
font-size: 23px;
font-weight: 400;
line-height: 1.2em;
}
.elementor-kit-6 h4 {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
line-height: 1.2em;
letter-spacing: 3.68px;
}
.elementor-section.elementor-section-boxed > .elementor-container, .e-con {
--container-max-width: 1240px;
}
.elementor-element {
--widgets-spacing: 20px 20px;
--widgets-spacing-row: 20px;
--widgets-spacing-column: 20px;
}
/* Header elementor-104 styles */
.elementor-104 .elementor-element.elementor-element-82d4217{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}
.elementor-104 .elementor-element.elementor-element-a74c7a9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.47843137254901963);--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;--z-index:999;}
.elementor-104 .elementor-element.elementor-element-a74c7a9:not(.elementor-motion-effects-element-type-background), .elementor-104 .elementor-element.elementor-element-a74c7a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c1bbfcc );}
.elementor-104 .elementor-element.elementor-element-e743416{width:var( --container-widget-width, 165px );max-width:165px;--container-widget-width:165px;--container-widget-flex-grow:0;}
.elementor-104 .elementor-element.elementor-element-05f36ae{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}
.elementor-104 .elementor-element.elementor-element-6a2d1d3 .elementor-heading-title{font-size:16px;font-weight:700;color:var( --e-global-color-accent );}
.elementor-104 .elementor-element.elementor-element-e9afb80{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:23px 23px;--row-gap:23px;--column-gap:23px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}
.elementor-104 .elementor-element.elementor-element-d92b0f3 .elementor-heading-title{font-size:12px;font-weight:700;color:var( --e-global-color-secondary );}
.elementor-104 .elementor-element.elementor-element-e751a55 .elementor-heading-title{font-size:12px;color:var( --e-global-color-secondary );}
.elementor-104 .elementor-element.elementor-element-a4b74f7 .elementor-button{font-size:12px;text-transform:capitalize;padding:3px 13px 2px 13px;}
.elementor-104 .elementor-element.elementor-element-07de7a2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}
.elementor-104 .elementor-element.elementor-element-a636c89 .elementor-heading-title{font-size:12px;font-weight:700;color:var( --e-global-color-secondary );}
.elementor-104 .elementor-element.elementor-element-bb77f65 .elementor-heading-title{font-size:12px;color:var( --e-global-color-secondary );}
.elementor-104 .elementor-element.elementor-element-33adbf6 .elementor-button{font-size:12px;text-transform:capitalize;padding:3px 13px 2px 13px;}
.elementor-104 .elementor-element.elementor-element-2f72b48{width:var( --container-widget-width, 120px );max-width:120px;--container-widget-width:120px;--container-widget-flex-grow:0;}
.elementor-104 .elementor-element.elementor-element-d17ea24{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.47843137254901963);--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;--z-index:999;}
.elementor-104 .elementor-element.elementor-element-d17ea24:not(.elementor-motion-effects-element-type-background), .elementor-104 .elementor-element.elementor-element-d17ea24 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}
.elementor-104 .elementor-element.elementor-element-3ad6054 .elementor-button-content-wrapper{flex-direction:row;}
.elementor-104 .elementor-element.elementor-element-3ad6054 .elementor-button .elementor-button-content-wrapper{gap:15px;}
.elementor-104 .elementor-element.elementor-element-3ad6054 .elementor-button{font-size:18px;font-weight:500;text-transform:none;border-radius:0px 0px 15px 15px;padding:25px 20px 13px 20px;}
.elementor-104 .elementor-element.elementor-element-464f29b .elementor-menu-toggle{margin:0 auto;background-color:var( --e-global-color-c1bbfcc );}
.elementor-104 .elementor-element.elementor-element-464f29b .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-c1bbfcc );fill:var( --e-global-color-c1bbfcc );padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}
.elementor-104 .elementor-element.elementor-element-464f29b .elementor-nav-menu--main .elementor-item:hover,
.elementor-104 .elementor-element.elementor-element-464f29b .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-104 .elementor-element.elementor-element-464f29b .elementor-nav-menu--main .elementor-item.highlighted,
.elementor-104 .elementor-element.elementor-element-464f29b .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}
.elementor-104 .elementor-element.elementor-element-464f29b .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}
.elementor-104 .elementor-element.elementor-element-464f29b{--e-nav-menu-horizontal-menu-item-margin:calc( 37px / 2 );}
.elementor-104 .elementor-element.elementor-element-464f29b .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:37px;}
.elementor-104 .elementor-element.elementor-element-464f29b .elementor-nav-menu--dropdown a, .elementor-104 .elementor-element.elementor-element-464f29b .elementor-menu-toggle{color:var( --e-global-color-c1bbfcc );fill:var( --e-global-color-c1bbfcc );}
.elementor-104 .elementor-element.elementor-element-464f29b .elementor-nav-menu--dropdown{background-color:var( --e-global-color-primary );}
.elementor-104 .elementor-element.elementor-element-464f29b .elementor-nav-menu--dropdown a:hover,
.elementor-104 .elementor-element.elementor-element-464f29b .elementor-nav-menu--dropdown a:focus,
.elementor-104 .elementor-element.elementor-element-464f29b .elementor-nav-menu--dropdown a.elementor-item-active,
.elementor-104 .elementor-element.elementor-element-464f29b .elementor-nav-menu--dropdown a.highlighted,
.elementor-104 .elementor-element.elementor-element-464f29b .elementor-menu-toggle:hover,
.elementor-104 .elementor-element.elementor-element-464f29b .elementor-menu-toggle:focus{color:var( --e-global-color-primary );}
.elementor-104 .elementor-element.elementor-element-464f29b .elementor-nav-menu--dropdown a:hover,
.elementor-104 .elementor-element.elementor-element-464f29b .elementor-nav-menu--dropdown a:focus,
.elementor-104 .elementor-element.elementor-element-464f29b .elementor-nav-menu--dropdown a.elementor-item-active,
.elementor-104 .elementor-element.elementor-element-464f29b .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-c1bbfcc );}
.elementor-104 .elementor-element.elementor-element-464f29b .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-primary );background-color:var( --e-global-color-c1bbfcc );}
.elementor-104 .elementor-element.elementor-element-464f29b .elementor-nav-menu--dropdown .elementor-item, .elementor-104 .elementor-element.elementor-element-464f29b .elementor-nav-menu--dropdown .elementor-sub-item{font-size:16px;}
.elementor-104 .elementor-element.elementor-element-464f29b .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown{margin-top:0px !important;}
.elementor-104 .elementor-element.elementor-element-464f29b .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:10px !important;}
.elementor-104 .elementor-element.elementor-element-464f29b div.elementor-menu-toggle{color:var( --e-global-color-primary );}
.elementor-104 .elementor-element.elementor-element-464f29b div.elementor-menu-toggle svg{fill:var( --e-global-color-primary );}
.elementor-104 .elementor-element.elementor-element-5a016ee{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99;}
.elementor-104 .elementor-element.elementor-element-c7dfded .elementor-button-content-wrapper{flex-direction:row;}
.elementor-104 .elementor-element.elementor-element-c7dfded .elementor-button .elementor-button-content-wrapper{gap:15px;}
.elementor-104 .elementor-element.elementor-element-c7dfded .elementor-button{font-size:18px;font-weight:500;text-transform:none;border-radius:0px 0px 15px 15px;padding:25px 20px 13px 20px;}
.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}
/* ==========================================================================
Navigation Dropdown & Sub-menu Styles (Desktop & Mobile)
========================================================================== */
.elementor-nav-menu--main .elementor-nav-menu > li.menu-item-has-children {
position: relative;
padding-top: 6px;
padding-bottom: 6px;
/* el área extra para el hover no cambia la altura de la barra (igual que WordPress) */
margin-top: -6px;
margin-bottom: -6px;
}
/* Sub-arrow icon transitions */
.elementor-nav-menu--main .elementor-nav-menu .sub-arrow svg,
.elementor-nav-menu--dropdown .sub-arrow svg {
transition: transform 0.25s ease;
}
/* Desktop dropdown */
@media (min-width: 1025px) {
.elementor-nav-menu--main .elementor-nav-menu > li.menu-item-has-children:hover > ul.sub-menu,
.elementor-nav-menu--main .elementor-nav-menu > li.menu-item-has-children:focus-within > ul.sub-menu,
.elementor-nav-menu--main .elementor-nav-menu > li.menu-item-has-children.sm-open > ul.sub-menu,
.elementor-nav-menu--main .elementor-nav-menu > li.menu-item-has-children.is-active > ul.sub-menu {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu {
display: none;
position: absolute;
top: 100% !important;
left: 0;
min-width: 220px;
/* el ancho se ajusta al ítem más largo (Luxury Yacht & Class A Motorhome Loans), como en WordPress;
sin esto el absoluto se limita al ancho del padre y el texto se salía del recuadro */
width: max-content;
background-color: var(--e-global-color-primary, #02447B) !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
border-radius: 0;
padding: 0;
margin: 0 !important;
margin-top: 0 !important;
list-style: none;
z-index: 99999 !important;
}
/* Invisible hover bridge to eliminate any gap between parent link and submenu.
Solo los 6px de separación: con 20px tapaba la mitad inferior de "What We Finance" y el clic
(mousedown en el enlace, mouseup en el puente) no llegaba al enlace, así que no navegaba. */
.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu::before {
content: "";
position: absolute;
top: -6px;
left: 0;
right: 0;
height: 6px;
background: transparent;
display: block;
pointer-events: auto;
}
.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu li {
display: block;
width: 100%;
margin: 0 !important;
padding: 0;
}
.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu li a.elementor-sub-item {
display: block;
/* medidas del desplegable de WordPress: 16px regular, 46px de alto por ítem */
padding: 13px 28px !important;
color: #ffffff !important;
font-size: 16px;
font-weight: 400;
line-height: 20px;
text-align: left;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
position: relative;
z-index: 2;
transition: background-color 0.15s ease, color 0.15s ease, padding-left 0.15s ease;
}
.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu li a.elementor-sub-item:hover,
.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu li a.elementor-sub-item:focus {
background-color: var(--e-global-color-accent, #5ABD76) !important;
color: #ffffff !important;
padding-left: 32px !important;
}
/* Página actual dentro del desplegable. Antes heredaba fondo blanco de una regla y texto blanco de
otra (ilegible). Ahora: fondo marino, texto verde y una barra verde a la izquierda. Se distingue
del hover (fondo verde, texto blanco), que sigue mandando al pasar el cursor. */
.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu li a.elementor-sub-item.elementor-item-active {
background-color: #012B50 !important;
color: var(--e-global-color-accent, #5ABD76) !important;
font-weight: 600;
box-shadow: inset 4px 0 0 var(--e-global-color-accent, #5ABD76);
}
.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu li a.elementor-sub-item.elementor-item-active:hover,
.elementor-nav-menu--main .elementor-nav-menu ul.sub-menu li a.elementor-sub-item.elementor-item-active:focus {
background-color: var(--e-global-color-accent, #5ABD76) !important;
color: #ffffff !important;
box-shadow: none;
}
.elementor-nav-menu--main .elementor-nav-menu > li.menu-item-has-children:hover > a .sub-arrow svg,
.elementor-nav-menu--main .elementor-nav-menu > li.menu-item-has-children.is-active > a .sub-arrow svg,
.elementor-nav-menu--main .elementor-nav-menu > li.menu-item-has-children.sm-open > a .sub-arrow svg {
transform: rotate(180deg);
}
}
/* Mobile drawer and dropdowns */
@media (max-width: 1024px) {
.elementor-nav-menu--dropdown.elementor-nav-menu__container {
display: none;
width: 100%;
background-color: var(--e-global-color-primary, #02447B);
padding: 15px 20px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}
.elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown.elementor-nav-menu__container {
display: block !important;
}
.elementor-nav-menu--dropdown ul.elementor-nav-menu {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
.elementor-nav-menu--dropdown ul.elementor-nav-menu > li {
display: block;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
padding: 6px 0;
}
.elementor-nav-menu--dropdown ul.elementor-nav-menu > li > a {
color: #ffffff !important;
font-size: 16px;
font-weight: 600;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
text-decoration: none;
}
.elementor-nav-menu--dropdown ul.elementor-nav-menu > li > a:hover {
color: var(--e-global-color-accent, #5ABD76) !important;
}
.elementor-nav-menu--dropdown ul.sub-menu {
display: none;
list-style: none;
padding: 6px 0 6px 15px;
margin: 6px 0;
background: rgba(0, 0, 0, 0.2);
border-radius: 6px;
}
.elementor-nav-menu--dropdown li.sm-open > ul.sub-menu {
display: block !important;
}
.elementor-nav-menu--dropdown a[aria-expanded="true"] .sub-arrow svg {
transform: rotate(180deg);
}
.elementor-nav-menu--dropdown ul.sub-menu li a {
color: rgba(255, 255, 255, 0.9) !important;
font-size: 14px;
padding: 8px 10px;
display: block;
text-decoration: none;
}
.elementor-nav-menu--dropdown ul.sub-menu li a:hover {
color: var(--e-global-color-accent, #5ABD76) !important;
}
/* Página actual en el menú móvil: sin el fondo blanco heredado (con texto blanco era ilegible);
se marca en verde, igual que el hover. */
.elementor-nav-menu--dropdown ul.elementor-nav-menu a.highlighted,
.elementor-nav-menu--dropdown ul.elementor-nav-menu a.elementor-item-active,
.elementor-nav-menu--dropdown ul.sub-menu li a.elementor-item-active {
background-color: transparent !important;
color: var(--e-global-color-accent, #5ABD76) !important;
font-weight: 600;
}
}
@media(max-width:1024px){
.elementor-104 .elementor-element.elementor-element-a74c7a9{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}
.elementor-104 .elementor-element.elementor-element-e743416 img{width:100%;}
.elementor-104 .elementor-element.elementor-element-d17ea24{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}
.elementor-104 .elementor-element.elementor-element-3ad6054 .elementor-button{font-size:16px;border-radius:10px 10px 10px 10px;padding:10px 10px 10px 10px;}
}
@media(max-width:767px){
.elementor-104 .elementor-element.elementor-element-a74c7a9{--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}
.elementor-104 .elementor-element.elementor-element-e743416{--container-widget-width:100px;--container-widget-flex-grow:0;width:var( --container-widget-width, 100px );max-width:100px;}
.elementor-104 .elementor-element.elementor-element-6a2d1d3 .elementor-heading-title{font-size:14px;}
.elementor-104 .elementor-element.elementor-element-e9afb80{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}
.elementor-104 .elementor-element.elementor-element-07de7a2{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}
.elementor-104 .elementor-element.elementor-element-2f72b48{--container-widget-width:100px;--container-widget-flex-grow:0;width:var( --container-widget-width, 100px );max-width:100px;}
.elementor-104 .elementor-element.elementor-element-2f72b48.elementor-element{--order:-99999;}
.elementor-104 .elementor-element.elementor-element-d17ea24{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}
}
@media(min-width:768px){.elementor-104 .elementor-element.elementor-element-05f36ae{--width:33%;}}
@media(max-width:1024px) and (min-width:768px){.elementor-104 .elementor-element.elementor-element-05f36ae{--width:60%;}}
/* Footer elementor-118 styles */
.elementor-118 .elementor-element.elementor-element-24eda01{--display:flex;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:49px;--padding-bottom:13px;--padding-left:0px;--padding-right:0px;}
.elementor-118 .elementor-element.elementor-element-24eda01:not(.elementor-motion-effects-element-type-background), .elementor-118 .elementor-element.elementor-element-24eda01 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#626262;}
.elementor-118 .elementor-element.elementor-element-6fdf5fc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}
.elementor-118 .elementor-element.elementor-element-51c9099{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}
.elementor-118 .elementor-element.elementor-element-f62ae04{width:var( --container-widget-width, 315px );max-width:315px;--container-widget-width:315px;--container-widget-flex-grow:0;}
.elementor-118 .elementor-element.elementor-element-b83caea{text-align:center;}
.elementor-118 .elementor-element.elementor-element-b83caea .elementor-heading-title{font-size:20px;font-weight:600;font-style:italic;color:var( --e-global-color-c1bbfcc );}
.elementor-118 .elementor-element.elementor-element-6ce74d4{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}
.elementor-118 .elementor-element.elementor-element-cce5022 .elementor-heading-title{font-size:20px;font-weight:600;color:var( --e-global-color-c1bbfcc );}
.elementor-118 .elementor-element.elementor-element-fa14d95 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-c1bbfcc );fill:var( --e-global-color-c1bbfcc );padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}
.elementor-118 .elementor-element.elementor-element-fa14d95 .elementor-nav-menu--main .elementor-item:hover,
.elementor-118 .elementor-element.elementor-element-fa14d95 .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-118 .elementor-element.elementor-element-fa14d95 .elementor-nav-menu--main .elementor-item.highlighted,
.elementor-118 .elementor-element.elementor-element-fa14d95 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}
.elementor-118 .elementor-element.elementor-element-fa14d95 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}
.elementor-118 .elementor-element.elementor-element-fa14d95{--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );}
.elementor-118 .elementor-element.elementor-element-fa14d95 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}
.elementor-118 .elementor-element.elementor-element-b71727e{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}
.elementor-118 .elementor-element.elementor-element-e1fcce0 .elementor-heading-title{font-size:20px;font-weight:600;color:var( --e-global-color-c1bbfcc );}
.elementor-118 .elementor-element.elementor-element-0316286 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-c1bbfcc );fill:var( --e-global-color-c1bbfcc );padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}
.elementor-118 .elementor-element.elementor-element-0316286 .elementor-nav-menu--main .elementor-item:hover,
.elementor-118 .elementor-element.elementor-element-0316286 .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-118 .elementor-element.elementor-element-0316286 .elementor-nav-menu--main .elementor-item.highlighted,
.elementor-118 .elementor-element.elementor-element-0316286 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}
.elementor-118 .elementor-element.elementor-element-0316286 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}
.elementor-118 .elementor-element.elementor-element-0316286{--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );}
.elementor-118 .elementor-element.elementor-element-0316286 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}
.elementor-118 .elementor-element.elementor-element-683a034{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}
.elementor-118 .elementor-element.elementor-element-4d51a40 .elementor-heading-title{font-size:20px;font-weight:600;color:var( --e-global-color-c1bbfcc );}
.elementor-118 .elementor-element.elementor-element-478c8ba .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-c1bbfcc );fill:var( --e-global-color-c1bbfcc );padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}
.elementor-118 .elementor-element.elementor-element-478c8ba .elementor-nav-menu--main .elementor-item:hover,
.elementor-118 .elementor-element.elementor-element-478c8ba .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-118 .elementor-element.elementor-element-478c8ba .elementor-nav-menu--main .elementor-item.highlighted,
.elementor-118 .elementor-element.elementor-element-478c8ba .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}
.elementor-118 .elementor-element.elementor-element-478c8ba .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}
.elementor-118 .elementor-element.elementor-element-478c8ba{--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );}
.elementor-118 .elementor-element.elementor-element-478c8ba .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}
.elementor-118 .elementor-element.elementor-element-ff7385d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}
.elementor-118 .elementor-element.elementor-element-7bb8e72 .elementor-button{background-color:var( --e-global-color-primary );border-style:solid;border-width:3px 3px 3px 3px;border-color:var( --e-global-color-primary );}
.elementor-118 .elementor-element.elementor-element-7bb8e72 .elementor-button:hover, .elementor-118 .elementor-element.elementor-element-7bb8e72 .elementor-button:focus{background-color:var( --e-global-color-c1bbfcc );}
.elementor-118 .elementor-element.elementor-element-fb6a74d .elementor-heading-title{font-weight:600;color:var( --e-global-color-c1bbfcc );}
.elementor-118 .elementor-element.elementor-element-0d4b10f .elementor-heading-title{font-weight:600;color:var( --e-global-color-c1bbfcc );}
.elementor-118 .elementor-element.elementor-element-388c313{text-align:center;}
.elementor-118 .elementor-element.elementor-element-388c313 .elementor-heading-title{font-size:14px;color:#A4A4A4;}
@media(max-width:1024px){
.elementor-118 .elementor-element.elementor-element-24eda01{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}
.elementor-118 .elementor-element.elementor-element-6fdf5fc{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}
.elementor-118 .elementor-element.elementor-element-cce5022{text-align:center;}
.elementor-118 .elementor-element.elementor-element-e1fcce0{text-align:center;}
.elementor-118 .elementor-element.elementor-element-4d51a40{text-align:center;}
}
@media(max-width:767px){
.elementor-118 .elementor-element.elementor-element-f62ae04{--container-widget-width:230px;--container-widget-flex-grow:0;width:var( --container-widget-width, 230px );max-width:230px;}
.elementor-118 .elementor-element.elementor-element-b83caea .elementor-heading-title{font-size:16px;}
}
@media(min-width:768px){
.elementor-118 .elementor-element.elementor-element-24eda01{--content-width:1300px;}
.elementor-118 .elementor-element.elementor-element-51c9099{--width:30%;}
.elementor-118 .elementor-element.elementor-element-6ce74d4{--width:13%;}
.elementor-118 .elementor-element.elementor-element-b71727e{--width:14%;}
.elementor-118 .elementor-element.elementor-element-683a034{--width:18%;}
.elementor-118 .elementor-element.elementor-element-ff7385d{--width:26%;}
}
@media(max-width:1024px) and (min-width:768px){
.elementor-118 .elementor-element.elementor-element-51c9099{--width:100%;}
.elementor-118 .elementor-element.elementor-element-6ce74d4{--width:100%;}
.elementor-118 .elementor-element.elementor-element-b71727e{--width:100%;}
.elementor-118 .elementor-element.elementor-element-683a034{--width:100%;}
.elementor-118 .elementor-element.elementor-element-ff7385d{--width:100%;}
}
/* Insignia de Google Reviews en la cabecera (antes en el hero de la portada, con texto blanco ilegible) */
/* Contenedor de la tarjeta "Google Rating" en el encabezado (estilos de la tarjeta: vrf-google-rating.css) */
.vrf-greviews{display:flex;align-items:center;flex:0 0 auto;font-family:var(--e-global-typography-text-font-family,"Poppins"),sans-serif;line-height:1.15}
/* Tablet: la cabecera tiene poco ancho, versión intermedia sin título */
@media (min-width:768px) and (max-width:1100px){
.vrf-greviews .vrf-grating{gap:7px;padding:6px 10px 6px 7px}
.vrf-greviews .vrf-grating__logo{width:24px;height:24px}
.vrf-greviews .vrf-grating__title,.vrf-greviews .vrf-grating__lead{display:none}
.vrf-greviews .vrf-grating__score strong{font-size:17px}
.vrf-greviews .vrf-grating__stars{font-size:11px;letter-spacing:0}
.vrf-greviews .vrf-grating__count{font-size:10px}
}
@media (max-width:767px){
/* Fila superior en celular: Vantage (inicio) | Google Rating | Vantage Trac (Dealer Login).
La tarjeta de Google no es enlace y queda en medio, separando los dos enlaces
(antes estaban a 10px y era fácil tocar uno por otro). */
.elementor-104 .elementor-element.elementor-element-e743416{order:-3;margin-left:16px}
.vrf-greviews{order:-2;margin-left:auto;margin-right:auto}
.elementor-104 .elementor-element.elementor-element-2f72b48{order:-1;margin-right:16px}
/* Teléfonos (17px de alto) y botones Apply/Inquire (25px): área táctil invisible que
ocupa toda su fila (33px) sin invadir la fila vecina ni mover nada en pantalla */
.elementor-104 .elementor-element-05f36ae a{position:relative}
.elementor-104 .elementor-element-05f36ae a::after{content:"";position:absolute;inset:-8px -4px}
.elementor-104 .elementor-element-05f36ae a.elementor-button::after{inset:-7px}/* -4px fuera + 3px del borde del botón */
/* En celular comparte fila con los logos: versión compacta (~110px) */
.vrf-greviews .vrf-grating{gap:5px;padding:5px 7px 5px 5px;border-width:1.5px;border-radius:9px}
.vrf-greviews .vrf-grating__logo{width:18px;height:18px}
.vrf-greviews .vrf-grating__title,.vrf-greviews .vrf-grating__lead{display:none}
.vrf-greviews .vrf-grating__body{gap:1px}
.vrf-greviews .vrf-grating__score{gap:3px}
.vrf-greviews .vrf-grating__score strong{font-size:15px}
.vrf-greviews .vrf-grating__stars{font-size:10px;letter-spacing:0}
.vrf-greviews .vrf-grating__count{font-size:9px}
}
/* ---------------------------------------------------------------------------
Botones y menú: sin subrayado al pasar el cursor.
bootstrap.css (que cargan Apply, Contact, etc.) define a:hover{text-decoration:underline}
y eso subrayaba el texto de los botones de Elementor y de los botones propios.
--------------------------------------------------------------------------- */
a.elementor-button, a.elementor-button:hover, a.elementor-button:focus, a.elementor-button:active,
.elementor-button-wrapper a:hover, .elementor-button-wrapper a:focus,
a.btn, a.btn:hover, a.btn:focus, a.btn:active,
button:hover, button:focus, input[type="submit"]:hover, input[type="button"]:hover,
a.vrf-btn:hover, a.vrf-btn:focus, a[class*="-btn"]:hover, a[class*="-btn"]:focus, a[class*="__btn"]:hover, a[class*="button"]:hover, a[class*="button"]:focus,
.elementor-nav-menu a:hover, .elementor-nav-menu a:focus,
.elementor-icon-box-title a:hover, a.elementor-icon:hover, a.e-con:hover, a.e-con:focus,
.elementor-104 a:hover, .elementor-104 a:focus { text-decoration: none !important; }
/* ---------------------------------------------------------------------------
BANDA DE TÍTULO DE PÁGINA (concepto de la versión anterior: ".titlePage")
Banda azul baja con el título blanco, ligero y en mayúsculas, centrado. Sustituye a los títulos
"planos" (gris sobre blanco) para que todas las páginas sin cabecera fotográfica compartan el
mismo encabezado y no tengan headers altos.
Cubre los dos marcados que existen:
a) .titlePage / .vrf-title-band -> páginas heredadas (Privacy Policy, SSL, Consent, ...)
b) contenedor Elementor 5f0c1a7 -> páginas nuevas (Apply, Testimonials, Boat/RV Insurance, ...)
Las páginas con hero fotográfico (What We Finance, Who We Are, Fishing, Surf/Tow, blog) y las que
integran el título en su propia composición (Contact, Payment Calculator, Secure Upload) no cambian.
--------------------------------------------------------------------------- */
.titlePage,
.vrf-title-band,
body .elementor .elementor-element.elementor-element-5f0c1a7 {
position: relative;
display: block;
float: none;
clear: both;
width: 100%;
max-width: none;
box-sizing: border-box;
/* Aspecto de la banda, en variables para poder cambiarlo tocando una sola línea.
La banda NO puede tener el mismo azul que el menú (#02447B): se funden, la sombra del menú se
ve como una raya sucia y no hay jerarquía. Se usa un azul marino más profundo con un degradado
muy suave; la sombra del menú se lee entonces como profundidad. Sin filete ni muesca arriba
(eran tres líneas en 10px); el remate va abajo, fino y en el verde de la marca.
Alternativa clara: --vrf-band-bg:#F4F8FB; --vrf-band-color:#02447B; */
--vrf-band-bg: linear-gradient(180deg, #012B50 0%, #01365F 100%);
--vrf-band-color: #fff;
--vrf-band-accent: #5ABD76;
margin: 0 0 44px;
padding: 26px 20px 23px;
background: var(--vrf-band-bg);
border: 0;
border-bottom: 3px solid var(--vrf-band-accent);
color: var(--vrf-band-color);
text-align: center;
font-family: "Poppins", sans-serif;
font-size: 38px;
font-weight: 300;
line-height: 1.2;
letter-spacing: .5px;
text-transform: uppercase;
}
/* sin muesca ni filete superior: el ::before queda desactivado (Elementor lo usa para overlays) */
.titlePage::before,
.vrf-title-band::before,
body .elementor .elementor-element.elementor-element-5f0c1a7::before { content: none !important; display: none !important; }
/* variante Elementor: el contenedor usa variables para su relleno y el título es un widget heading */
body .elementor .elementor-element.elementor-element-5f0c1a7 {
--padding-top: 26px; --padding-bottom: 23px; --padding-left: 20px; --padding-right: 20px;
--margin-top: 0px; --margin-bottom: 44px;
--min-height: 0px;
}
body .elementor .elementor-element.elementor-element-5f0c1a7 > .e-con-inner { padding: 0; margin: 0 auto; }
body .elementor .elementor-element.elementor-element-5f0c1a7 .elementor-widget-heading { padding: 0 !important; margin: 0 !important; width: 100%; }
body .elementor .elementor-element.elementor-element-5f0c1a7 .elementor-heading-title,
.titlePage h1, .titlePage h2, .vrf-title-band h1, .vrf-title-band h2 {
margin: 0 !important;
padding: 0 !important;
color: var(--vrf-band-color, #fff) !important;
font-family: "Poppins", sans-serif !important;
font-size: 38px !important;
font-weight: 300 !important;
line-height: 1.2 !important;
letter-spacing: .5px;
text-transform: uppercase !important;
text-align: center;
}
/* En escritorio la cabecera reserva 54 px bajo el menú para el botón "CALL US TODAY" que cuelga.
La banda sube ese espacio para quedar pegada al menú (igual que los heros fotográficos). */
@media (min-width: 1025px) {
/* Solo la banda que va justo debajo de la cabecera; un .titlePage a mitad de página no se mueve. */
/* -56px (no -54): cierra también la rendija blanca de 1,6px que quedaba entre el menú y la banda.
La banda entra 0,4px bajo el menú, que tiene z-index 999, así que no se ve ningún corte. */
header + .titlePage, header + .vrf-title-band { margin-top: -56px; }
body .elementor .elementor-element.elementor-element-5f0c1a7 { --margin-top: -56px; margin-top: -56px; }
/* El botón "CALL US TODAY" invade la parte derecha de la banda. Se reserva su ancho a ambos lados
para que el título siga centrado y nunca quede debajo del botón. Si no cabe, salta de línea. */
header + .titlePage, header + .vrf-title-band,
body .elementor .elementor-element.elementor-element-5f0c1a7 {
padding-left: max(400px, calc((100vw - 1240px) / 2 + 390px));
padding-right: max(400px, calc((100vw - 1240px) / 2 + 390px));
--padding-left: max(400px, calc((100vw - 1240px) / 2 + 390px));
--padding-right: max(400px, calc((100vw - 1240px) / 2 + 390px));
text-wrap: balance;
}
}
/* Páginas heredadas (legales, Inc5000...): su ".container" ya no recibe los márgenes de Bootstrap,
así que el texto tocaba el borde en móvil. Se le da el ancho y el aire del resto del sitio. */
header + .titlePage ~ .container,
header + .titlePage ~ section > .container {
width: 100%;
max-width: 1240px;
margin-left: auto;
margin-right: auto;
padding-left: 30px;
padding-right: 30px;
box-sizing: border-box;
}
@media (max-width: 767px) {
header + .titlePage ~ .container,
header + .titlePage ~ section > .container { padding-left: 16px; padding-right: 16px; }
}
/* encabezado de contenido en páginas legales (el nombre completo que antes iba en la banda) */
.vrf-legal-heading { margin: 0 0 16px; color: #02447B; font: 600 24px/1.3 "Poppins", sans-serif; }
@media (min-width: 1025px) and (max-width: 1279px) {
header + .titlePage, header + .vrf-title-band { font-size: 32px; }
body .elementor .elementor-element.elementor-element-5f0c1a7 .elementor-heading-title { font-size: 32px !important; }
}
@media (max-width: 1024px) {
.titlePage, .vrf-title-band { font-size: 32px; }
body .elementor .elementor-element.elementor-element-5f0c1a7 .elementor-heading-title,
.titlePage h1, .titlePage h2, .vrf-title-band h1, .vrf-title-band h2 { font-size: 32px !important; }
}
@media (max-width: 767px) {
.titlePage, .vrf-title-band,
body .elementor .elementor-element.elementor-element-5f0c1a7 { padding: 18px 16px 16px; margin-bottom: 28px; font-size: 24px; --padding-top: 18px; --padding-bottom: 16px; --margin-bottom: 28px; }
body .elementor .elementor-element.elementor-element-5f0c1a7 .elementor-heading-title,
.titlePage h1, .titlePage h2, .vrf-title-band h1, .vrf-title-band h2 { font-size: 24px !important; }
.titlePage::before, .vrf-title-band::before,
body .elementor .elementor-element.elementor-element-5f0c1a7::before { width: 96px; margin-left: -48px; }
}
/* ===========================================================================
RESPONSIVE GLOBAL (auditoría de tablets, 21/09/2026)
El diseño de escritorio de Elementor está pensado para >= 1280px, pero se aplica desde 1025px.
En 1025-1279px (tablets en horizontal, Surface Duo, portátiles pequeños) aparecían dos fallos en
todas las páginas: el menú saltaba a dos líneas y el contenido tocaba los bordes de la pantalla.
=========================================================================== */
/* 2) Aire lateral. Los contenedores "boxed" miden min(100%, 1240px): por debajo de ~1290px ocupan
todo el ancho y el texto y las fotos quedaban pegados al borde. Se reserva un margen de 24px.
El fondo (foto o color) sigue a sangre porque va en el contenedor padre, no en .e-con-inner. */
@media (min-width: 1025px) and (max-width: 1299px) {
.page-wrapper .e-con.e-parent.e-con-boxed > .e-con-inner,
footer .e-con.e-con-boxed > .e-con-inner,
[data-elementor-type="footer"] .e-con.e-con-boxed > .e-con-inner { max-width: calc(100% - 48px); }
}
@media (min-width: 768px) and (max-width: 1024px) {
.page-wrapper .e-con.e-parent.e-con-boxed > .e-con-inner { max-width: calc(100% - 40px); }
}
/* Las tarjetas de plantillas "loop" (testimonios) son e-parent dentro de la tarjeta: no llevan ese margen. */
@media (min-width: 768px) and (max-width: 1299px) {
.page-wrapper [data-elementor-type="loop-item"] .e-con.e-con-boxed > .e-con-inner { max-width: var(--content-width); }
}
/* SmartMenus detects the arrow span itself, including taps on its SVG icon. */
.elementor-location-header .sub-arrow svg {
pointer-events: none;
}
/* ---------------------------------------------------------------------------
POPUP DE SALIDA (Scripts/exit-intent-popup.js, 24/09/2026)
El script inyecta sus estilos con selectores de una clase y el tema los pisa con reglas más
específicas (.elementor-kit-6 h2 / button / a, especificidad 0,1,1):
- el título salía en mayúsculas a 35px, ocupaba tres líneas y empujaba los botones fuera del
recuadro (quedaban cortados abajo);
- la X de cerrar salía como botón verde en píldora;
- el texto de los dos botones salía en verde (ilegible sobre naranja y verde).
Aquí se restablece solo lo que el tema cambia, con #vrf-exit-popup delante para ganarle. El
script no se toca (también lo usa el layout anterior).
- el sitio hereda letter-spacing:.4px a todo el texto y el botón naranja dejaba de caber
(287px de texto en 283px), así que se cortaban sus extremos.
--------------------------------------------------------------------------- */
#vrf-exit-popup .vrf-popup-dialog,
#vrf-exit-popup .vrf-popup-dialog * { letter-spacing: normal; }
#vrf-exit-popup .vrf-popup-title {
font-size: 31px;
line-height: 1.16;
letter-spacing: .1px;
text-transform: none;
}
/* La X es el círculo azul del script (38px). Antes esta regla la volvía cuadrada y más grande solo en
:hover/:focus (border-radius 0, 43px), y el botón "saltaba" al pasar el mouse. Ahora es igual en
todos los estados; al pasar el mouse solo se aclara. */
#vrf-exit-popup .vrf-popup-close,
#vrf-exit-popup .vrf-popup-close:hover,
#vrf-exit-popup .vrf-popup-close:focus {
width: 38px;
height: 38px;
min-height: 0;
padding: 0;
border: 0;
border-radius: 50%;
box-shadow: 0 2px 8px rgba(0, 0, 0, .28);
font-size: 26px;
line-height: 36px;
transform: none;
transition: filter .15s ease;
}
#vrf-exit-popup .vrf-popup-close:hover { filter: brightness(1.35); }
#vrf-exit-popup a.vrf-popup-info,
#vrf-exit-popup a.vrf-popup-info:hover,
#vrf-exit-popup a.vrf-popup-info:focus,
#vrf-exit-popup a.vrf-popup-info:visited { color: #073451; }
#vrf-exit-popup a.vrf-popup-apply,
#vrf-exit-popup a.vrf-popup-apply:hover,
#vrf-exit-popup a.vrf-popup-apply:focus,
#vrf-exit-popup a.vrf-popup-apply:visited { color: #fff; }
@media (max-width: 650px) {
#vrf-exit-popup .vrf-popup-title { font-size: 27px; }
}