:root { --cuotealo-primary: #002690;
--cuotealo-secondary: #A70053; --cuotealo-gray-lightest: #f7f7f7;
--cuotealo-gray-lighter: #f3f3f3;
--cuotealo-gray-light: #f1f1f1;
--cuotealo-gray-medium: #cccccc;
--cuotealo-gray-dark: #dedede;
--cuotealo-gray-darkest: #001F5A; --cuotealo-white: #ffffff;
--cuotealo-black: #000000;
--cuotealo-blue-light: #EBF4FF; --z-base: 1;
--z-dropdown: 100;
--z-sticky: 500;
--z-blocker: 1500;
--z-modal-overlay: 100000;
--z-modal: 100001; --cuotealo-spacing-xs: 5px;
--cuotealo-spacing-sm: 8px;
--cuotealo-spacing-md: 10px;
--cuotealo-spacing-lg: 15px;
--cuotealo-spacing-xl: 20px;
--cuotealo-spacing-2xl: 25px;
--cuotealo-spacing-3xl: 30px;
--cuotealo-spacing-4xl: 45px; --cuotealo-radius-sm: 5px;
--cuotealo-radius-md: 8px;
--cuotealo-radius-lg: 15px;
--cuotealo-radius-circle: 50%; --cuotealo-font-xs: 0.75rem;
--cuotealo-font-sm: 0.8125rem;
--cuotealo-font-base: 0.875rem;
--cuotealo-font-md: 1rem;
--cuotealo-font-lg: 1.125rem;
--cuotealo-font-xl: 1.12rem;
--cuotealo-font-2xl: 1.8rem;
} @font-face {
font-family: 'nunitoextralight_italic';
src: url(//despegatec.com/wp-content/plugins/woocommerce-bcp-cuotealo/assets/fonts/nunito-italicwght-webfont.woff2) format('woff2'),
url(//despegatec.com/wp-content/plugins/woocommerce-bcp-cuotealo/assets/fonts/nunito-italicwght-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'nunitoextralight';
src: url(//despegatec.com/wp-content/plugins/woocommerce-bcp-cuotealo/assets/fonts/nunitoitalwght-webfont.woff2) format('woff2'),
url(//despegatec.com/wp-content/plugins/woocommerce-bcp-cuotealo/assets/fonts/nunitoitalwght-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
} #cuotealo-available-product {
background-color: var(--cuotealo-gray-lighter);
border: solid 1px var(--cuotealo-gray-medium);
padding: var(--cuotealo-spacing-md);
display: flex;
flex-wrap: wrap;
align-items: center;
}
#cuotealo-available-product .cuotealo-text,
#cuotealo-available-product .cuotealo-logo {
background-color: var(--cuotealo-gray-light);
flex: 1 1 auto;
}
#cuotealo-available-product .cuotealo-text {
max-width: 70%;
}
#cuotealo-available-product .cuotealo-logo {
max-width: 30%;
}
#cuotealo-available-product p {
margin: 0;
padding: 0;
}
#cuotealo-available-product i.cuotealo-icon {
width: 60px;
height: 10px;
display: inline-block;
position: relative;
}
#cuotealo-available-product i.cuotealo-icon::before {
content: '';
width: 60px;
height: 25px;
display: block;
background-image: url(//despegatec.com/wp-content/plugins/woocommerce-bcp-cuotealo/assets/img/cuotealo.png);
background-size: cover;
position: absolute;
top: -90%;
}
.cuotealo-modal-btn {
font-weight: bold;
text-decoration: underline;
color: var(--cuotealo-black);
cursor: pointer;
} .modal-bcp {
display: none; flex-direction: column;
justify-content: center;
gap: 0.4rem;
width: 94%;
max-width: 905px;
min-height: 250px;
position: fixed;
z-index: var(--z-modal);
background-color: var(--cuotealo-white);
border-radius: var(--cuotealo-radius-lg);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} .modal-bcp:not(.hidden):not(.cuotealo-hidden) {
display: flex;
}
.modal-bcp .flex {
display: flex;
align-items: center;
justify-content: space-between;
}
.modal-bcp input {
padding: 0.7rem 1rem;
border: 1px solid var(--cuotealo-gray-dark);
border-radius: var(--cuotealo-radius-sm);
font-size: 0.9em;
}
#cuotealo-modal button {
cursor: pointer;
border: none;
font-weight: 600;
}
.btn-close-bcp {
transform: translate(10px, -20px);
padding: 0.5rem 0.7rem;
background: #eee;
border-radius: var(--cuotealo-radius-circle);
font-family: nunitoextralight;
color: var(--cuotealo-primary);
font-weight: bold;
font-size: var(--cuotealo-font-lg);
position: absolute;
top: var(--cuotealo-spacing-md);
right: 0;
}
.overlay-bcp {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(3px);
z-index: var(--z-modal-overlay);
}
.hidden {
display: none !important;
}
.cuotealo-hidden {
display: none !important;
} .cuotelao-modal .modal-inner-wrap {
background-color: var(--cuotealo-gray-lightest);
}
.cuotelao-modal .modal-header {
padding-bottom: 0.2rem;
}
.cuotelao-modal .modal-header h1 {
display: none;
}
.blocker {
z-index: var(--z-blocker) !important;
} .cuotealo-modal-inner-content {
text-align: center;
padding: 0 var(--cuotealo-spacing-lg);
}
.cuotealo-modal-inner-content img {
margin: var(--cuotealo-spacing-3xl) auto var(--cuotealo-spacing-2xl);
max-width: 230px !important;
}
.cuotealo-modal-inner-content #cuotealo-product-price {
margin: var(--cuotealo-spacing-lg) 0 var(--cuotealo-spacing-lg);
padding: 0;
}
.cuotealo-modal-inner-content #cuotealo-offers {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-evenly;
margin-top: var(--cuotealo-spacing-3xl);
}
.cuotealo-modal-inner-content #cuotealo-t-and-c {
margin: var(--cuotealo-spacing-md) 0 var(--cuotealo-spacing-2xl);
padding: 0;
}
.cuotealo-modal-inner-content #cuotealo-offers .cuotealo-offer {
background-color: var(--cuotealo-white);
border: solid 1px var(--cuotealo-gray-medium);
border-radius: var(--cuotealo-radius-sm);
padding: var(--cuotealo-spacing-sm) var(--cuotealo-spacing-lg);
color: var(--cuotealo-primary);
margin: var(--cuotealo-spacing-md) 0;
}
.cuotealo-modal-inner-content #cuotealo-offers .cuotealo-offer h3 {
margin: 0;
font-size: var(--cuotealo-font-2xl);
color: var(--cuotealo-primary);
font-weight: 600;
line-height: normal;
}
.cuotealo-modal-inner-content .cuotealo-simulator-wrapper {
margin: var(--cuotealo-spacing-4xl) 0;
}
.cuotealo-modal-inner-content .cuotealo-simulator-wrapper a {
background: var(--cuotealo-primary);
padding: var(--cuotealo-spacing-sm) var(--cuotealo-spacing-3xl);
color: var(--cuotealo-white);
font-weight: bold;
border-radius: var(--cuotealo-radius-sm);
}
.cuotelao-modal .modal-footer {
display: none;
} #cuotealo_icon_checkout {
float: right;
margin-left: var(--cuotealo-spacing-lg);
}
#cuotealo-checkout-wrapper.cuotealo-bcp-description {
padding: 0 0 var(--cuotealo-spacing-md) var(--cuotealo-spacing-md);
border-bottom: solid 1px var(--cuotealo-gray-dark);
margin-bottom: var(--cuotealo-spacing-md);
}
#cuotealo-checkout-wrapper h3 {
margin: 2rem 0;
font-size: var(--cuotealo-font-lg);
}
#cuotealo-checkout-wrapper .cuotealo-txt {
font-size: var(--cuotealo-font-base);
padding-left: var(--cuotealo-spacing-lg);
margin-bottom: var(--cuotealo-spacing-md);
}
#cuotealo-checkout-wrapper .cuotealo-txt.cuotealo_ic_agency::before {
content: '';
display: inline-block;
width: 22px;
height: 20px;
background-image: url(//despegatec.com/wp-content/plugins/woocommerce-bcp-cuotealo/assets/img/ic_agency.png);
background-size: cover;
margin-right: var(--cuotealo-spacing-md);
}
#cuotealo-checkout-wrapper .cuotealo-txt.cuotealo_ic_shopping_bag::before {
content: '';
display: inline-block;
width: 22px;
height: 20px;
background-image: url(//despegatec.com/wp-content/plugins/woocommerce-bcp-cuotealo/assets/img/ic_shopping_bag.png);
background-size: cover;
margin-right: var(--cuotealo-spacing-md);
}
#cuotealo-checkout-wrapper .cuotealo-txt.cuotealo_ic_calendar_clock::before {
content: '';
display: inline-block;
width: 22px;
height: 20px;
background-image: url(//despegatec.com/wp-content/plugins/woocommerce-bcp-cuotealo/assets/img/ic_calendar_clock.png);
background-size: cover;
margin-right: var(--cuotealo-spacing-md);
}
#cuotealo-checkout-wrapper .cuotealo-txt.cuotealo_ic_megaphone::before {
content: '';
display: inline-block;
width: 22px;
height: 20px;
background-image: url(//despegatec.com/wp-content/plugins/woocommerce-bcp-cuotealo/assets/img/ic_megaphone.png);
background-size: cover;
margin-right: var(--cuotealo-spacing-md);
}
#cuotealo-checkout-wrapper .cuotealo-txt a {
color: var(--cuotealo-secondary);
font-weight: bold;
text-decoration: underline;
}
#cuotealo-checkout-wrapper .cuotealo-offer {
color: var(--cuotealo-primary);
padding-left: var(--cuotealo-spacing-xs);
padding-bottom: var(--cuotealo-spacing-xs);
position: relative;
}
#cuotealo-checkout-wrapper .cuotealo-offer::after {
content: '';
position: absolute;
height: 2px;
width: 40%;
left: 0;
bottom: 0px;
background-color: var(--cuotealo-gray-medium);
}
#cuotealo-checkout-wrapper .cuotealo-tc-wrapper {
max-width: 540px;
background-color: var(--cuotealo-blue-light);
padding: 16px;
border-radius: var(--cuotealo-radius-md);
}
#cuotealo-checkout-wrapper .cuotealo-tc-wrapper p {
color: var(--cuotealo-gray-darkest);
font-size: var(--cuotealo-font-base);
font-weight: 400;
margin: 0;
} @media only screen and (max-width: 512px) {
.cuotealo-modal-inner-content img {
max-width: 130px;
margin: var(--cuotealo-spacing-xl) auto var(--cuotealo-spacing-md);
}
.cuotealo-modal-inner-content p {
font-size: var(--cuotealo-font-sm);
}
.cuotealo-modal-inner-content #cuotealo-p {
margin: var(--cuotealo-spacing-md) 0 var(--cuotealo-spacing-md);
}
.cuotealo-modal-inner-content #cuotealo-product-price {
margin: 0;
}
.cuotealo-modal-inner-content #cuotealo-offers {
margin-top: var(--cuotealo-spacing-md);
}
.cuotealo-modal-inner-content #cuotealo-offers .cuotealo-offer span {
font-size: var(--cuotealo-font-xs);
}
.cuotealo-modal-inner-content #cuotealo-offers .cuotealo-offer h3 {
font-size: var(--cuotealo-font-xl);
padding: 0;
}
.cuotealo-modal-inner-content #cuotealo-offers .cuotealo-offer {
padding: var(--cuotealo-spacing-xs) var(--cuotealo-spacing-sm);
margin: var(--cuotealo-spacing-xs) 0;
}
.cuotealo-modal-inner-content #cuotealo-t-and-c {
margin: var(--cuotealo-spacing-xs) 0 var(--cuotealo-spacing-xs);
font-size: var(--cuotealo-font-xs);
}
.cuotealo-modal-inner-content .cuotealo-simulator-wrapper {
margin: var(--cuotealo-spacing-xl) 0 var(--cuotealo-spacing-lg);
}
}