@charset "UTF-8"; 
/*============ FONTS ============*/
@import url('https://fonts.googleapis.com/css2?family=Zalando+Sans:ital,wght@0,200..900;1,200..900&display=swap');
 
/*============ VARIABLES ============*/
:root { 
    --black: #1E1E1E; 
    --white: #FFFFFF;
    
    --dark-blue: #00243B;
    --gris: #EBF2F6;
    --blue: #0069AE;
    --baby-blue: #B4D9ED;
    --lima: #D1DF00;

    --lime-blue: linear-gradient(90deg,#D1DF00 0%,#CDDD02 16%,#C3D70B 30%,#B1CD1A 44%,#98BF2F 58%,#78AC49 72%,#50966A 86%,#227C90 92%,#0069AE 100%);
    --sky: linear-gradient(180deg, #B4D9ED 0%, #EAF4FB 55%, #FFFFFF 100%);
    --gris-clarito: linear-gradient(180deg,#FFFFFF 0%,#EBF2F6 100%);

    --fw-100: 100; 
    --fw-200: 200; 
    --fw-300: 300; 
    --fw-400: 400; 
    --fw-500: 500; 
    --fw-600: 600; 
    --fw-700: 700; 
    --fw-800: 800; 
    --fw-900: 900; 

    --fs-100: 100px; 
    --fs-90: 90px; 
    --fs-80: 80px; 
    --fs-70: 70px; 
    --fs-64: 64px; 
    --fs-60: 60px; 
    --fs-50: 50px; 
    --fs-40: 40px; 
    --fs-38: 38px; 
    --fs-36: 36px; 
    --fs-34: 34px; 
    --fs-32: 32px; 
    --fs-30: 30px; 
    --fs-28: 24px; 
    --fs-24: 24px; 
    --fs-20: 20px; 
    --fs-18: 18px; 
    --fs-16: 16px; 
    --fs-14: 14px; 
    --fs-12: 12px; 
    --fs-10: 10px; 
    --fs-8: 8px; 

    --xxs: 5px; 
    --xs: 10px; 
    --s: 15px; 
    --xmd: 20px; 
    --md: 30px; 
    --lg: 40px; 
    --x-lg: 60px; 
    --xx-lg: 80px; 
    --xxx-lg: 100px; 
    --xxxx-lg: 150px; 

    --font-1: "Zalando Sans", sans-serif; 
    --font-2: "Zalando Sans", sans-serif; 

    --marquee-width: 80vw; 
    --marquee-height: 20vh; /* --marquee-elements: 12; */ /* defined with JavaScript */
    --marquee-elements-displayed: 5; 
    --marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed)); 
    --marquee-animation-duration: calc(var(--marquee-elements) * 6s); 

}
/*============ GENERAL START ============*/
*,
*::before,
*::after { box-sizing: border-box; -webkit-transition: background-color 0.4s ease-in-out; -moz-transition: background-color 0.4s ease-in-out; transition: background-color 0.4s ease-in-out; }
@media (prefers-reduced-motion: no-preference) {
 :root { scroll-behavior: smooth; }
}
body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-variant-numeric: normal; -moz-transition: padding-top 0.5s ease; -o-transition: padding-top 0.5s ease; -webkit-transition: padding-top 0.5s ease; transition: padding-top 0.5s ease; position: relative; background: var(--white); }
h1,h2,h3,h4,h5,h6 { font-family: var(--font-1); }
span,p,label,input,input::placeholder,select,button,a { font-family: var(--font-2); }
.btn-check:focus+.btn,.btn:focus { outline: 0 !important; box-shadow: 0 0 0 0 rgb(0 0 0 / 0%) !important; }
::-webkit-scrollbar { display: none; }
.form-control { font-variant-numeric: lining-nums; }
.form-control:focus { background-color: transparent; border-color: transparent; outline: 0; box-shadow: 0 0 0 0.0rem rgba(0, 0, 0, 0.0); }
.form-control:disabled { background-color: var(--gris-claro); opacity: 1; color: var(--gris-medio); }
.navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 0 !important; }
.btn-close:focus { outline: 0; box-shadow: 0 0 0 0.0rem rgb(0 0 0 / 0%) !important; opacity: 1; }
.form-check-input { border: solid 1px var(--negro)!important; border-bottom: var(--negro) solid 1px!important; }
.form-check-input:checked { background-color: var(--azul) !important; border-color: var(--white) !important; }
.form-check-label { color: var(--gris-medio); font-size: var(--fs-14); line-height: 120%; font-weight: var(--fw-400); }
.form-check-label a { color: var(--azul); }
.navbar-toggler { background-color: transparent !important; border-color: rgba(0, 0, 0, 0) !important; outline: 0 !important; }
.navbar-toggler .navbar-toggler-icon { background-image: none !important; }
.custom-tooltip { --bs-tooltip-bg: var(--negro) !important; color: var(--white) !important; font-family: var(--font-2) !important; font-weight: 400; }
button:focus-visible { outline: none !important; border: 0 !important; }
.offcanvas-backdrop.show { opacity: 1; }
.offcanvas-backdrop { background-color: rgba(0, 0, 0, .1); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
.modal-backdrop.show { background-color: rgba(0, 0, 0, .1); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); opacity: 1; }
.form-control { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 8px; border: 0; border-radius: 0; background: transparent; padding: 0; }
.form-control label { margin-bottom: 0; font-family: var(--font-2); font-size: 14px; font-weight: var(--fw-400); line-height: 140%; letter-spacing: 0; color: var(--negro); }
.form-control input,
.form-control textarea,
.form-control select { background-color: var(--white); border: 1px solid var(--gris-claro); border-radius: 8px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); color: var(--gris-medio); padding: 10px 16px; outline: none; font-family: var(--font-2); font-size: var(--fs-16); font-weight: var(--fw-400); line-height: 140%; letter-spacing: 0; transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; -webkit-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; -moz-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; -o-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; min-height: 40px; }
.form-control input:focus,
.form-control textarea:focus,
.form-control select:focus { background-color: var(--white); border-color: #999; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); }
.form-control input::placeholder,
.form-control input::-moz-placeholder,
.form-control input::-webkit-input-placeholder { color: var(--gris-medio); }
.form-control textarea::placeholder,
.form-control textarea::-moz-placeholder,
.form-control textarea::-webkit-input-placeholder { color: var(--gris-medio); }
.form-control select::placeholder,
.form-control select::-moz-placeholder,
.form-control select::-webkit-input-placeholder { color: var(--gris-medio); }
/* Estilos visuales del contenedor de Choices */
.choices__inner { background-color: var(--white); border: 1px solid var(--gray-12); border-radius: 8px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); color: var(--gris-medio); padding: 5px 16px; font-family: var(--font-2); font-size: 14px; font-weight: var(--fw-400); line-height: 140%; letter-spacing: 0; min-height: 40px; overflow: hidden; max-height: 40px; transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; -webkit-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; -moz-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; -o-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; }
.choices[data-type*=select-one]::after { border-color: var(--gris-medio) transparent transparent; }
.choices[data-type*=select-one].is-open::after { border-color: transparent transparent var(--gris-medio); }
select.moderm-select,.choices,.choices__inner { width: 100% !important; max-width: 100%; box-sizing: border-box; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); }
.choices__item,.choices__inner { white-space: normal !important; overflow-wrap: break-word !important; word-break: break-word !important; font-size: var(--fs-16); text-align: left; }
.choices__list--dropdown .choices__item--selectable[data-select-text], .choices__list[aria-expanded] .choices__item--selectable[data-select-text] { padding-right: 10px; font-family: var(--font-1); }
.choices__list--dropdown .choices__item--selectable[data-select-text]::after, .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after { font-size: 10px; max-width: 100px; text-align: right; }
.choices__list--dropdown, .choices__list[aria-expanded] { z-index: 2; }
.choices-invalid .choices__inner { border-color: #dc3545 !important; box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); }
.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input { background-color: var(--gris-4); }
.modal .choices__item,.modal .choices__inner { font-size: var(--fs-12); line-height: 16px; }
.modal .choices__list--dropdown .choices__item,.modal .choices__list[aria-expanded] .choices__item { font-size: 12px; }
.modal .choices__list--single { height: 38px; align-content: center; }
small, small a { font-family: var(--font-2); font-weight: var(--fw-600); line-height: 150%; font-size: var(--fs-12); letter-spacing: 0; color: var(--gris-medio); margin-bottom: 0; text-decoration: none; }
:not(.btn-check)+.btn:active{border: 0!important;}
section{padding: 80px 0px;}

/*=== font ===*/
.titulo-l{font-family: var(--font-1);font-weight: var(--fw-500);line-height: 1;letter-spacing: 0;font-size: var(--fs-64);}
.titulo-m{font-family: var(--font-1);font-weight: var(--fw-400);line-height: 1;letter-spacing: 0;font-size: var(--fs-40);}
.titulo-s{font-family: var(--font-1);font-weight: var(--fw-500);line-height: 1;letter-spacing: 0;font-size: var(--fs-30);}
.boton{font-family: var(--font-2);font-weight: var(--fw-600);line-height: 1.2;letter-spacing: 0;font-size: var(--fs-18);}
.parrafo{font-family: var(--font-2);font-weight: var(--fw-300);line-height: 1.5;letter-spacing: 0;font-size: var(--fs-20);}
.small{font-family: var(--font-2);font-weight: var(--fw-300);line-height: 1.2;letter-spacing: 0;font-size: var(--fs-12);}

/*=== bg ===*/
.bg-dark-blue{background: var(--dark-blue);}
.bg-gris{background: var(--gris);}
.bg-blue{background: var(--blue);}
.bg-baby-blue{background: var(--baby-blue);}
.bg-lima{background: var(--lima);}
.gradient-lime-blue{background: var(--lime-blue);}
.gradient-sky{background: var(--sky);}
.gradient-gris-clarito{background: var(--gris-clarito);}
.bg-trama{background-size: cover;background-position: center;background-repeat: no-repeat;background-image: url('../img/library/bg-trama.webp');}

/*=== colors ===*/
.color-black{color: var(--black)}
.color-white{color: var(--white)}
.color-dark-blue{color: var(--dark-blue);}
.color-gris{color: var(--gris);}
.color-blue{color: var(--blue);}
.color-baby-blue{color: var(--baby-blue);}
.color-lima{color: var(--lima);}

/*=== btns ===*/
.btn-pill-gradient{position: relative;display: inline-flex;align-items: center;justify-content: center;gap: .5rem;padding: 12px 30px;border-radius: 9999px;color: var(--blue);cursor: pointer;text-decoration: none;background-image: linear-gradient(var(--white), var(--white)), var(--lime-blue);background-origin: padding-box, border-box;background-clip: padding-box, border-box;border: 3px solid transparent;transition: color .5s ease, box-shadow .2s ease, transform .5s ease,background-image .5s ease;}
.btn-pill-gradient:hover{background-image: var(--lime-blue), var(--lime-blue);color: var(--white);}
.btn-pill-gradient:active{ transform: translateY(1px); }
.btn-pill-gradient:focus-visible{outline: none;box-shadow: 0 0 0 3px rgba(0,105,174,.25);}
.btn-pill-gradient:disabled{ opacity:.6; cursor:not-allowed; }

.wrap-btn-split-out{display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: center;gap: 0;max-width: fit-content;}
.btn-split-out{position: relative;display: inline-flex;align-items: center;height: 42px;gap: 12px;padding: 0 26px;padding-right: calc(26px + 6px);border-radius: 10px;border: 3px solid var(--blue);background: var(--blue);color: var(--white);text-decoration: none;transition: background .25s, color .25s, border-color .25s, box-shadow .25s;}
.btn-split-out + .icon-wrap{width: 42px;height: 42px;border-radius: 9999px;display: grid;place-items: center;background: var(--blue);color: var(--white);border: 3px solid var(--blue);transition: background .25s, color .25s, border-color .25s, transform .25s;}
.btn-split-out .btn-icon{height: 42px;transition: transform .25s ease;}
.btn-split-out:focus-visible{outline: none;box-shadow: 0 0 0 4px rgba(46,87,166,.25);}
.btn-split-out:active + .icon-wrap{transform: translateY(-50%) translateX(1px);}
.btn-split-out + .icon-wrap svg{-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.btn-split-out:hover{background: transparent;color: var(--blue);}
.btn-split-out:hover + .icon-wrap{background: transparent;color: var(--blue);}
.btn-split-out:hover + .icon-wrap svg{transform: rotate(320deg);}
.btn-split-out.is-outline{background: transparent;color: var(--blue);}
.btn-split-out.is-outline + .icon-wrap{background: transparent;color: var(--blue);}

.circle-row{ display:flex; gap:24px; align-items:center;}
.icon-circ{position: relative;width: 80px;height: 80px;max-height: 80px;min-height: 80px;max-width: 80px;min-width: 80px;border-radius: 50%;display: grid;place-items: center;border: 0;cursor: pointer;padding: 0;background: transparent;}
.icon-circ .icon{width: 34px; height: 34px;z-index: 1;color: var(--blue);}
.icon-circ::after{content: "";position: absolute;inset: 16px;border-radius: 50%;}
.btn--ring-blue{background: var(--blue);}
.btn--ring-blue::after{background: var(--baby-blue);}
.btn--ring-blue .icon{color: var(--blue);}
.btn--solid-blue{background: var(--blue);}
.btn--solid-blue .icon{color: var(--baby-blue);}
.btn--ring-white{background: var(--white);}
.btn--ring-white::after{background: var(--baby-blue);}
.btn--ring-white .icon{color: var(--blue);}
.icon-circ:hover .icon{ transform: translateX(2px); transition: transform .2s ease; }
.icon-circ:focus-visible{ outline: 2px solid rgba(46,87,166,.35); outline-offset: 3px; border-radius: 9999px; }

/*=== tags ===*/
.tag{display:inline-flex;align-items:center;height:32px;padding:5px 10px;border-radius:10px;font: var(--fw-700) 14px/1 var(--font-2);color:var(--blue);background:linear-gradient(var(--white) 0 0) padding-box,var(--lime-blue) border-box;border:2px solid transparent;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;}
.tag--ghost{ background: none; border-image: var(--lime-blue) 1; }
.tag--white{ background:linear-gradient(var(--white) 0 0) padding-box,var(--lime-blue) border-box; color: var(--blue); }

/*=== icons ===*/
.icon-row{display:flex;gap:20px;align-items:center;}
.social{width: 80px;height: 80px;border-radius: 40px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size: 34px;transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease;}
.social.solid{background: var(--blue);color: var(--baby-blue);}
.social.outline{background: transparent;border: 4px solid var(--baby-blue);color: var(--blue);}
.social:hover{ transform: translateY(-2px); }
.social.solid:hover{ box-shadow:0 6px 16px rgba(43,86,165,.35); }
.social.outline:hover{ background: rgba(180,217,237,.12); }
.social:focus-visible{outline: none;box-shadow: 0 0 0 4px rgba(180,217,237,.6);transform: translateY(-2px);}

.max-w-200{max-width: 200px;margin: auto;}
.max-w-380{max-width: 380px;margin: auto;}
.max-w-400{max-width: 400px;margin: auto;}
.max-w-600{max-width: 600px;margin: auto;}
.max-w-700{max-width: 700px;margin: auto;}
.max-w-800{max-width: 800px;margin: auto;}
.max-w-950{max-width: 950px;margin: auto;}

.b-r-20{border-radius: 20px;}
.b-shadow{box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1);}

.g-text {display: inline-block;background: var(--lime-blue);-webkit-background-clip: text;background-clip: text;color: transparent;font-weight: var(--fw-700);}
/* Fallback para navegadores que no soportan background-clip:text */
.g-text::selection { background: none; } /* evita selección rara */
.g-text.fallback { color: var(--text-fallback); background: none; -webkit-background-clip: unset; }

/*============ GENERAL END ============*/

/*============ KEYFRAMES START ============*/
@keyframes scrolling {
 0% { transform: translateX(0); }
100% { transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements))); }
 }
@-webkit-keyframes scrolling { 0% { transform: translateX(0); }
100% { transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements))); }
 }
/*============ KEYFRAMES END ============*/

/*============ HEADER START ============*/
.bg-hero{min-height: 1px;position: relative;overflow: hidden;background: var(--sky);padding: 50px 12px;min-height: calc(var(--vh, 1vh) * 100);min-height: 100svh;}
.bg-hero.h-auto{min-height: auto;}
.header-01{height: calc(100svh - 194px);}
.header-01 > div{height: 100%;}
.header-01 > div > div{height: 100%;}
.header-01 .box{border-radius: 20px;box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1);}
.header-01 .box img{border-radius: 20px;max-width: 100%;height: auto;}
.header-01 .box.bg-blue{padding: 40px;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;gap: 10px;}
.header-03 img{border-radius: 20px;box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1);}
/*============ HEADER END ============*/

/*============ NAVBAR START ============*/
.navbar{-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;background-color: var(--white);border-radius: 20px;padding: 8px 20px;max-width: 1320px;margin: auto;}
.navbar .navbar-brand img{-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.navbar .navbar-brand a{-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.navbar .nav-link{-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.navbar .nav-link:hover{color: var(--blue);opacity: .8;}
.navbar.scrolled {background-color: rgba(0, 30, 92, 0.85)!important;}
.navbar.scrolled .navbar-brand img{max-width: 150px;height: auto;}
.offcanvas-full{background:#0069ae96;height: calc(var(--vh, 1vh) * 100);height: 100svh;min-height: 100vh;}
@supports (height: 100dvh){.offcanvas-full{ height: 100dvh; }}
.offcanvas-full.offcanvas-top{ border-bottom: 0;}
.menu-link{color:var(--white); text-decoration:none; display:block; padding:.35rem 0;-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.menu-link:hover{ text-decoration:none;opacity: .8;}
.social-link{display:inline-flex; width:36px; height:36px; align-items:center; justify-content:center;color:var(--white); opacity:.9; border-radius:.5rem; transition:.15s ease;font-size: 24px;background: var(--white)!important;color: var(--blue)!important;}
.social-link:hover{ opacity:1; transform:translateY(-1px); }
.menu-sep{ border-color:rgba(255,255,255,.25); opacity:1; margin:0; }
.offcanvas-full .close{font-size: 24px;font-weight: var(--fw-300);}
/*============ NAVBAR END ============*/

/*============ PÁGINAS CORPORATIVAS START ============*/
.page-corporativa p,
.page-corporativa span,
.page-corporativa li { font-family: var(--font-2); color: var(--dark-blue); font-size: var(--fs-18); font-weight: var(--fw-400); line-height: 1.5; letter-spacing: 0; }
.page-corporativa h2 { letter-spacing: -1px; }
.page-corporativa p strong { font-size: var(--fs-24); font-weight: var(--fw-700); letter-spacing: -1px;}
.page-corporativa a { color: var(--blue); cursor: pointer; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.page-corporativa a:hover { color: var(--blue); opacity: .8; }
.page-corporativa table{margin-bottom: 16px;}
.page-corporativa table *{font-family: var(--font-2); color: var(--dark-blue); font-size: var(--fs-16); font-weight: var(--fw-400); line-height: 1.5; letter-spacing: 0;}
/*============ PÁGINAS CORPORATIVAS END ============*/

/*============ FOOTER START ============*/
.footer-limpiezas{background: var(--white);color:var(--dark-blue);}
.footer-heading{text-transform:uppercase;font-weight:700;font-size:.9rem;letter-spacing:.04em;opacity:.9;margin-bottom:.25rem;}
.footer-links a{color:var(--blue);text-decoration:none;display:inline-block;padding:.25rem 0;-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.footer-links a:hover{ color:var(--blue); text-decoration:none;opacity: .8; }
.footer-social .social-link{color:var(--blue);opacity:.9;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:.5rem;-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.footer-social .social-link:hover{ opacity:1; transform:translateY(-1px); }
.footer-sep{border-color:rgba(0,105,174,.6);opacity:1;margin:24px 0;}
/*============ FOOTER END ============*/

/*============ BTN VOLVER ARRIBA START ============*/
#btn-volver-arriba { bottom: 12px; left: 12px; z-index: 5; position: fixed; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
#btn-volver-arriba.show { display: block; }
#btn-volver-arriba:active,
#btn-volver-arriba:focus,
#btn-volver-arriba:focus-visible { background-color: var(--azul); }
#btn-volver-arriba:hover { background-color: var(--azulito); }
#btn-volver-arriba:hover i { color: var(--azul); }
/*============ BTN VOLVER ARRIBA END ============*/

/*============ SWAL2ALERT START ============*/
div:where(.swal2-container) h2:where(.swal2-title) { font-family: var(--font-1)!important; }
div:where(.swal2-container) div:where(.swal2-html-container) { font-family: var(--font-2)!important; }
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) { background-color:var(--azul)!important; color: var(--white)!important; }
div:where(.swal2-container) .swal2-textarea { width: 100%!important; margin: 0!important; }
/*============ SWAL2ALERT END ============*/

/*============ SWITCHES CHECKBOX START ============*/
.switch { position: relative; display: inline-flex; align-items: center; cursor: pointer; }
.switch input { opacity: 0; width: 0; height: 0; min-height: 0; }
.slider { position: relative; width: 29px; height: 14px; background-color: var(--gris-13); border-radius: 34px; transition: 0.3s; margin-right: 5px; }
.slider::before { content: ""; position: absolute; height: 11px; width: 11px; left: 3px; bottom: 2px; background-color: var(--white); border-radius: 50%; transition: 0.3s; }
.label-text { cursor: pointer; color: var(--gris-medio); font-size: var(--fs-12); line-height: 14px; text-align: center; font-weight: var(--fw-400); -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
input:checked + .slider { background-color: var(--azul); }
input:checked + .slider::before { transform: translateX(13px); }
/*============ SWITCHES CHECKBOX END ============*/

/*============ WRAPPER BOXES START ============*/
.wrapper-boxes{display: flex;flex-direction: row;flex-wrap:wrap;align-items: stretch;justify-content: flex-start;gap:40px;}
.wrapper-boxes .box{flex: 1 0 calc(33.33% - 40px);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap: 10px;padding: 40px 40px;border-radius: 20px;box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1);}
/*============ WRAPPER BOXES END ============*/

/*============ CONTACTO START ============*/

/*============ CONTACTO END ============*/ 

/*============ CARRUSEL START ============*/
.swiper-pagination-bullet{width: 20px;height: 20px;border-radius:20px;background: var(--gris);opacity: 1;}
.caso-destacado-swiper .swiper-pagination-bullet{background: var(--baby-blue);}
.swiper-pagination-bullet-active{background-color: var(--lima);}
.caso-destacado-swiper .swiper-pagination-bullet-active{background-color: var(--lima);}
.carousel-indicators{bottom: -70px;}
.services-swiper .box{align-items: flex-start;justify-content: space-between;height: 100%;gap: 40px;position: relative;border-radius: 20px;box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1);}
.services-swiper .box::after{content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;border-radius: 20px;background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));z-index: 2;}
.services-swiper .box img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 20px;position: relative;z-index: 1;}
.services-swiper .box .icon-circ{position: absolute;bottom: -5px;right: -15px;z-index: 3;}
.services-swiper .box h3{position: absolute;z-index: 4;bottom: 20px;left: 20px;max-width: calc(100% - 100px);}
.services-swiper .swiper-slide{display: flex;height: auto;}
.services-swiper .swiper-button-prev,.services-swiper .swiper-button-next{display: none !important;}
.swiper-pagination{position: static;margin-top: 24px;}
.reviews-swiper .box{display:flex;align-items: flex-start;justify-content: flex-start;flex-direction:column;height: 100%;gap: 10px;position: relative;border-radius: 20px;box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1);padding: 40px;background: var(--white);}
.reviews-swiper .swiper-slide{display: flex;height: auto;}
.reviews-swiper .swiper-button-prev,.reviews-swiper .swiper-button-next{display: none !important;}
.reviews-swiper .swiper-pagination-bullet-active{background-color: var(--dark-blue);}
.box.box-service{align-items: flex-start;justify-content: space-between;height: 100%;gap: 40px;position: relative;border-radius: 20px;box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1);padding: 0;}
.box.box-service::after{content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;border-radius: 20px;background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));z-index: 2;}
.box.box-service img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 20px;position: relative;z-index: 1;}
.box.box-service .icon-circ{position: absolute;bottom: -5px;right: -15px;z-index: 3;}
.box.box-service h3{position: absolute;z-index: 4;bottom: 20px;left: 20px;max-width: calc(100% - 100px);}
.caso-destacado-swiper .box{border-radius: 20px;padding: 0;}
.caso-destacado-swiper .box img{border-radius: 20px;}
/*============ CARRUSEL END ============*/

/*============ BLOQUE KIT DIGITAL START ============*/
#bloque-kit-digital {height: 100%;background: linear-gradient(151.48deg, #00243B -2.4%, #0069AE 22.18%, #04225e 45.75%, #0069AE 67.31%, #04225e 93.89%);overflow: hidden;padding: 12px;}
#bloque-kit-digital .columna_1 {height: 135px;left: 0}
#bloque-kit-digital .columna_1 img {width: 100%;height: 100%;object-fit: cover;left: -35%;position: absolute;}
#bloque-kit-digital .columna_2 {position: relative;z-index: 2;}
#bloque-kit-digital .columna_2 img{max-width: 650px;}
#bloque-kit-digital .columna_3 {height: 135px;right: 0}
#bloque-kit-digital .columna_3 img {width: 100%;height: 100%;object-fit: cover;right: -35%;position: absolute;}
/*============ BLOQUE KIT DIGITAL END ============*/

/*============ MODAL START ============*/
.job-modal{border: solid 3px var(--azul);border-radius: 0;padding: 40px;color: var(--negro);max-width: 650px;margin: auto;}
#modalIntegrante .modal-dialog{max-width: 950px;}
#modalIntegrante .job-modal{max-width: 100%;}
@media (max-width: 576px){.job-modal{ padding: 20px }#modalOferta .modal-dialog{margin: 0;}}
/*============ MODAL END ============*/

/*============ LANG START ============*/
.eapps-widget-toolbar{display: none!important;}
.elfsight-app-b92694c3-daad-4434-bbd4-195cde4cb7e3 a[href*="elfsight.com/website-translator-widget"]{pointer-events:none !important;opacity:0 !important;filter:opacity(0) !important;position:absolute !important;width:0 !important;height:0 !important;overflow:hidden !important;clip-path: inset(50%) !important; /* accesibilidad */margin: 0!important;display: none!important;}
.Roeuc:hover .name__NameContainer-sc-a805822b-0 {text-decoration: none!important;}
/*============ LANG END ============*/

/*============ BREACKPOINTS ============*/

/* desktop */
@media(max-width:1199px) {

}

/* tablet */
@media(max-width:1024px) {
    
}

/* tablet */
@media(max-width:991px) {
    /*============ GENERAL START ============*/
    .box-invisible{display: none;}
    /*============ GENERAL END ============*/

    /*============ WRAPPER BOXES START ============*/
    .wrapper-boxes{gap: 20px;}
    .wrapper-boxes .box{flex: 1 0 calc(50% - 20px)}
    /*============ WRAPPER BOXES START ============*/

    /*============ FOOTER START ============*/
    .footer-logo{ text-align:left; }
    /*============ FOOTER END ============*/
}
/* movil */
@media(max-width:767px) {
    /*============ GENERAL START ============*/
    section{padding: 40px 0px;}
    .box {padding: 16px;}
    .titulo-s {font-size: var(--fs-24);}
    .titulo-m{font-size: var(--fs-28);}
    .titulo-l{font-size: var(--fs-32);}
    .parrafo{font-size: var(--fs-16);line-height: 1.5;}
    .icon-circ{position: relative;width: 60px;height: 60px;max-height: 60px;min-height: 60px;max-width: 60px;min-width: 60px;}
    .icon-circ .icon{width: 24px; height: 24px;}
    .max-w-80{max-width: 80px;height: auto;}
    /*============ GENERAL END ============*/

    /*============ HEADER START ============*/
    .bg-hero{padding: 24px 12px;}
    .header-01 {height: calc(100svh - 104px)}
    .header-01 .box{padding: 0;}
    .header-01 .box:first-of-type{height: 100%;}
    .header-01 .box:first-of-type img{height: 100%;object-fit: cover;}
    .header-01 .box.bg-blue{padding: 16px;}
    .header-01 .box.bg-blue svg{max-width: 60px;height: auto;}
    /*============ HEADER END ============*/

    /*============ WRAPPER BOXES START ============*/
    .wrapper-boxes{gap: 20px;}
    .wrapper-boxes .box{padding: 16px;gap: 16px;flex: 1 0 100%;}
    .box.box-service{padding: 0;}
    .box.box-service .icon-circ{right: -3px;}
    /*============ WRAPPER BOXES START ============*/

    /*============ FOOTER START ============*/
    .footer-logo{text-align: center;}
    .prefooter {min-height: auto;}
    .social{width: 40px;height: 40px;border-radius: 40px;font-size: 24px;}
    /*============ FOOTER END ============*/

    /*============ NAVBAR START ============*/
    .offcanvas-full .navbar-brand img{max-width: 140px;}
    .navbar .navbar-brand img{max-width: 130px;height: auto;}
    .offcanvas-full .close{font-size: 16px;}
    /*============ NAVBAR END ============*/

    /*============ TIPOGRAFÍA START ============*/
    .subtitulo{font-size: var(--fs-14);letter-spacing: 0;}
    .titulo_l{font-size: var(--fs-40)}
    .titulo_m{font-size: var(--fs-28);}
    .titulo_s{font-size: var(--fs-28);}
    /*============ TIPOGRAFÍA END ============*/

    /*============ CARRUSEL START ============*/
    .services-swiper .box {align-items: flex-start;justify-content: space-between;height: 100%;gap: 16px;padding: 0;}
    .reviews-swiper .box{padding: 16px;}
    .services-swiper .box .btn{width: 100%;max-width: 100%;}
    /*============ CARRUSEL END ============*/

}
/* movil */
@media(max-width:575px) {
    /*============ HEADER START ============*/
    /*.hero-title{ font-size: 2rem; }*/
    .prefooter p{font-size: 2rem; }
    .eyebrow{line-height: normal;font-size: 15px;}
    /*============ HEADER END ============*/

    /*============ CONTACTO START ============*/
 
    /*============ CONTACTO END ============*/
}

@media (min-width: 576px) and (max-width: 991.98px){
    /*============ HEADER START ============*/
    /*.hero-title{ font-size: 2.75rem; }*/
    .prefooter p{font-size: 2.75rem; }
    /*============ HEADER END ============*/
}

@media (min-width: 992px){
    /*============ HEADER START ============*/
    /*.hero-title{ font-size: 3.75rem; }*/
    /*============ HEADER END ============*/
}