@font-face { font-family: 'Modulus Pro'; src: url('/fonts/modulus/Modulus-Pro-Extra-Light.otf') format('opentype'); font-weight: 200; font-style: normal;}
@font-face { font-family: 'Modulus Pro'; src: url('/fonts/modulus/Modulus-Pro-Light.otf') format('opentype'); font-weight: 300; font-style: normal;}
@font-face { font-family: 'Modulus Pro'; src: url('/fonts/modulus/Modulus-Pro-Regular.otf') format('opentype'); font-weight: 400; font-style: normal;}
@font-face { font-family: 'Modulus Pro'; src: url('/fonts/modulus/Modulus-Pro-Medium.otf') format('opentype'); font-weight: 500; font-style: normal;}
@font-face { font-family: 'Modulus Pro'; src: url('/fonts/modulus/Modulus-Pro-Semi-Bold.otf') format('opentype'); font-weight: 600; font-style: normal;}
@font-face { font-family: 'Modulus Pro'; src: url('/fonts/modulus/Modulus-Pro-Bold.otf') format('opentype'); font-weight: 700; font-style: normal;}
@font-face { font-family: 'Modulus Pro'; src: url('/fonts/modulus/Modulus-Pro-Extra-Bold.otf') format('opentype'); font-weight: 800; font-style: normal;}
@font-face { font-family: 'Modulus Pro'; src: url('/fonts/modulus/Modulus-Pro-Black.otf') format('opentype'); font-weight: 900; font-style: normal;}
@font-face { font-family: 'Futura'; src: url('/fonts/futura/futura-light-bt.ttf') format('truetype'); font-weight: 300; font-style: normal;}
@font-face { font-family: 'Futura'; src: url('/fonts/futura/Futura-Book-font.ttf') format('truetype'); font-weight: 400; font-style: normal;}
@font-face { font-family: 'Futura'; src: url('/fonts/futura/Futura-Md-BT-Bold.ttf') format('truetype'); font-weight: 500; font-style: normal;}
@font-face { font-family: 'Futura'; src: url('/fonts/futura/Futura-Md-BT-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal;}
@font-face { font-family: 'Futura'; src: url('/fonts/futura/Futura-Extra-Black-font.ttf') format('truetype'); font-weight: 800; font-style: normal;}
@font-face { font-family: 'Futura'; src: url('/fonts/futura/Futura-Bold-Italic-font.ttf') format('truetype'); font-weight: 700; font-style: italic;}
@font-face { font-family: "Open Sans"; src: url("/fonts/OpenSans/OpenSans-Light.ttf") format("truetype"); font-weight: 300; /* Light */ font-style: normal; }
@font-face { font-family: "Open Sans"; src: url("/fonts/OpenSans/OpenSans-Regular.ttf") format("truetype"); font-weight: 400; /* Regular */ font-style: normal; }
@font-face { font-family: "Open Sans"; src: url("/fonts/OpenSans/OpenSans-Medium.ttf") format("truetype"); font-weight: 500; /* Medium */ font-style: normal; }
@font-face { font-family: "Open Sans"; src: url("/fonts/OpenSans/OpenSans-SemiBold.ttf") format("truetype"); font-weight: 600; /* SemiBold */ font-style: normal; }
@font-face { font-family: "Open Sans"; src: url("/fonts/OpenSans/OpenSans-Bold.ttf") format("truetype"); font-weight: 700; /* Bold */ font-style: normal; }
@font-face { font-family: "Open Sans"; src: url("/fonts/OpenSans/OpenSans-ExtraBold.ttf") format("truetype"); font-weight: 800; /* ExtraBold */ font-style: normal; }
:root {
--rojo: #FF0000;
--azul: #2558D5;
--gris-texto: #484949;
--naranjo: #FF4715;
--gris-claro: #EFEEED;
--gris-oscuro: #E7E7E7;
--verde: #2BA65D;
--celeste: #8DAEF3;
--blanco: #fff;
--gris-claro2: #f4f4f4;
--gris-claro3: #A6A6A6;
--font-family: 'Futura';
}
/* Fuentes */
.open-sans-light {
font-family: "Open Sans", serif; font-optical-sizing: auto;
font-weight: 300;
font-style: normal;
font-variation-settings: "wdth" 90;
}
.open-sans-normal {
font-family: "Open Sans", serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
font-variation-settings: "wdth" 90;
}
.open-sans-bold {
font-family: "Open Sans", serif;
font-optical-sizing: auto;
font-weight: 700;
font-style: normal;
font-variation-settings: "wdth" 100;
}
.OpenSans { font-family: Open Sans !important; }
.ModulusProBold { font-family: ModulusProBold !important; }
h1, h2, h3, h4, h5, h6{
font-family: 'Modulus Pro', sans-serif;
}
p, /*span,*/ a , li, label{
font-family: var(--font-family);
}
.fw-400 { font-weight: 400 !important;}
.alert { padding: 0.2rem 1rem !important; }
.alert .btn-close{
padding: .5rem .5rem !important;
}
.fondo-gris{
background-color: #D9D9D9;
}
.fondo-gris-claro{
background-color: var(--gris-claro);
}
.bg-naranjo{ background-color: var(--naranjo);}
.bg-azul{ background-color: var(--azul);}
a[disabled] {
pointer-events: none;
cursor: default;
opacity: 0.5; /* Opcional: Para mostrar visualmente que está desactivado */
}
.width-max-content{
width: max-content;
}
.row.no-gutter{
--bs-gutter-x: 0!important;
}
/* body { font-family: "Futura Md BT"; } */
main { min-height: 60vh; background-color: var(--gris-claro); }
.texto-btn { font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 125%; }
a { transition: 0.5s; }
h1 { font-size: 2.5rem; font-style: normal; font-weight: 700; line-height: 125%; color: var(--naranjo);}
h2 { color: var(--naranjo); font-size: 2.5rem; font-style: normal; font-weight: 700; line-height: 125%; }
h2.azul { color: var(--azul) !important; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 700; line-height: 125%; }
h4.azul, h3.azul { color: var(--azul) !important; font-family: "Open Sans", sans-serif; }
p { font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: 125%; color: var(--gris-texto); }
.textos-bajos { font-family: "Open Sans", sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 125%; }
.btn-pagar { min-width: 50%;}
h4.OpenSans{ font-size: 22px;}
h3.OpenSans{ font-size: 26px;}
.h3.OpenSans{ font-size: 26px !important;}
.h4.OpenSans{ font-size: 22px !important;}
.h5.OpenSans{ font-size: 16px; margin-bottom: 0;}
.fondo-naranjo { background-color: var(--naranjo); }
.fondo-azul { background-color: var(--azul); color: #fff; }
.fondo-verde { background-color: var(--verde) !important; color: #fff; border-radius: 1.25rem; border: solid 1px var(--verde) !important; }
.fondo-verde-simulador { background-color: var(--verde); color: #fff; border-radius: 1.25rem;}
.fondo-blanco { background-color: #fff !important; }
.fondo-plomo-claro { background-color: var(--gris-claro) !important; }
.fondo-plomo-oscuro { background-color: var(--gris-oscuro) !important; }
.fw-bold-custom{ font-weight: 500 !important;}
.color-rojo{color: var(--rojo) !important}
.color-naranjo { color: var(--naranjo) !important;}
.color-azul { color: var(--azul) !important;}
.color-gris-texto { color: var(--gris-texto)!important;}
.color-celeste { color: var(--celeste);}
.color-negro { color:#000; }
.color-blanco { color: var(--blanco) !important}
.borde-azul {
border: 1px solid var(--azul )!important;
}
.borde-naranjo {
border: 1px solid var(--naranjo)!important;
}
.subir-caja-1 { margin-top: -.5rem; } .subir-caja-2 { margin-top: -1rem; } .subir-caja-3 { margin-top: -1.5rem; } .subir-caja-4 { margin-top: -2rem; }
.rounded-4 { border-radius: 0.4rem !important; } .rounded-5 { border-radius: 0.6rem !important; }
.rounded-top-5 {
border-radius: 0 !important; /* Elimina el redondeo en todos los bordes */
border-top-left-radius: 0.5rem !important; /* Aplica redondeo solo al borde inferior izquierdo */
border-top-right-radius: 0.5rem !important; /* Aplica redondeo solo al borde inferior derecho */
}
.rounded-bottom-5 {
border-radius: 0 !important; /* Elimina el redondeo en todos los bordes */
border-bottom-left-radius: 0.5rem !important; /* Aplica redondeo solo al borde inferior izquierdo */
border-bottom-right-radius: 0.5rem !important; /* Aplica redondeo solo al borde inferior derecho */
}
.btn-primary-video {
padding: 0.5rem 1rem;
border-radius: 1.25rem;
border: 1px solid var(--azul) !important;
}
.cursor-pointer {cursor: pointer;}
/* HEADER */
.top a { font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: 125% }
#menu a { color: var(--gris-texto); font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 125%; text-decoration: none !important;}
#menu a.active, #menu a:hover { color: var(--naranjo); }
header { background-color: #fff; }
.btn-borde { padding: 0.5rem 1rem; border-radius: 1.25rem; border: 1px solid var(--gris-texto); }
.btn-borde:hover { color: var(--azul);}
.btn-primary { padding: 0.5rem 1rem; background-color: var(--naranjo) !important; color: #fff !important; border-radius: 1.25rem; border: solid 1px var(--naranjo) !important; }
.btn-primary:hover { background-color: #fff !important; color: var(--naranjo) !important;}
.btn-primary:hover img { filter: invert(43%) sepia(53%) saturate(5630%) hue-rotate(350deg) brightness(100%) contrast(105%); }
.btn-primary-invert { padding: 0.5rem 1rem; border-radius: 1.25rem; border: 1px solid var(--naranjo) !important; color: var(--naranjo); display: flex; display: -webkit-flex; width: fit-content; align-items: center;}
.btn-primary-invert:hover { background-color: var(--naranjo); color: #fff;}
.btn-primary-invert:hover img { filter: invert(96%) sepia(100%) saturate(0%) hue-rotate(329deg) brightness(143%) contrast(101%); }
.btn-white:hover img { filter: invert(43%) sepia(53%) saturate(5630%) hue-rotate(350deg) brightness(100%) contrast(105%); }
.btn-white-invert { padding: 0.5rem 1rem; border-radius: 1.25rem; border: 1px solid var(--blanco) !important; color: var(--blanco); display: flex; display: -webkit-flex; width: fit-content;}
.btn-white-invert:hover { background-color: var(--gris-oscuro); color: var(--gris-texto);}
.btn-white-invert:hover img { filter: invert(96%) sepia(100%) saturate(0%) hue-rotate(329deg) brightness(143%) contrast(101%); }
.btn-gris:hover img { filter: invert(43%) sepia(53%) saturate(5630%) hue-rotate(350deg) brightness(100%) contrast(105%); }
.btn-gris-invert { padding: 0.32rem .86rem; border-radius: 1.25rem; border: 1px solid var(--gris-texto) ; color: var(--gris-texto); display: flex; display: -webkit-flex; width: fit-content;}
.btn-gris-invert:hover { background-color: var(--gris-oscuro); color: var(--gris-texto);}
.btn-gris-invert:hover img { filter: invert(96%) sepia(100%) saturate(0%) hue-rotate(329deg) brightness(143%) contrast(101%); }
.btn-checkout { padding: 0.5rem 1rem; background-color: var(--verde) !important; color: #fff !important; border-radius: 1.25rem; border: solid 1px var(--verde) !important; }
.btn-checkout:hover { background-color: #fff !important; color: var(--verde) !important;}
.btn-checkout:hover img { filter: invert(43%) sepia(53%) saturate(5630%) hue-rotate(350deg) brightness(100%) contrast(105%); }
.btn-checkout-invert { padding: 0.5rem 1rem; border-radius: 1.25rem; border: 1px solid var(--verde) !important; color: var(--verde); display: flex; display: -webkit-flex; width: fit-content;}
.btn-checkout-invert:hover { background-color: var(--verde); color: #fff;}
.btn-checkout-invert:hover img { filter: invert(96%) sepia(100%) saturate(0%) hue-rotate(329deg) brightness(143%) contrast(101%); }
/*.botones-header li { margin-left: 20px;}*/
/* HOME */
.owl-dots { text-align: center }
.eliminar .owl-carousel .owl-nav{ display: none; height: 0 !important; margin: 0 !important; }
.eliminarIndicadores .owl-carousel .owl-dots button.owl-dot{ display: none; height: 0 !important; margin: 0 !important; }
.dots .owl-carousel .owl-dots button.owl-dot { border: 1px solid var(--gris-oscuro); background: white; height: 5px; width: 40px; position: relative; margin: 0 5px;}
.col-12.dots.eliminar #banner-slide.owl-carousel .owl-dots button.owl-dot {
border: 1px solid var(--gris-oscuro);
background: white;
height: 5px;
width: 40px;
position: relative;
margin: 0 5px;
bottom: 5rem;
}
#bannerMobile button.owl-dot {
bottom: 3rem;
}
.dots .owl-carousel .owl-dots button.owl-dot.active span,
.dots .owl-carousel .owl-dots button.owl-dot:hover span { background-color: #484949; border-radius: 0; height: 5px; width: 40px }
.dots .owl-carousel .owl-dots button.owl-dot span { display: block; background-color: var(--gris-oscuro); border-radius: 0; height: 5px; width: 40px; position: absolute; top: 0; left: 0 }
.caja-slider { position: relative; }
.caja-slider .contenedor-slider { margin-top: -100px; flex-direction: column; position: absolute; top: 0; left: 20%; right: 50%; bottom: 0; display: flex; display: -webkit-flex; justify-content: center; align-items: self-start; }
.barra-indicadores { margin-top: -60px; z-index: 999; position: relative; }
.barra-indicadores > .container{ background-color: #FFF; border-radius: 0.625rem; box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.10); }
.barra-indicadores li span.numero { margin-bottom: 15px; color: var(--azul); font-size: 2rem; font-style: normal; font-weight: 700; line-height: 125%; }
.barra-indicadores li span.texto { color: var(--azul); text-align: left; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 125%; display: flex; display: -webkit-flex;}
.barra-indicadores li span.texto img { margin-right: 10px;}
.barra-indicadores li { position: relative; }
.barra-indicadores li::after { content: ''; background-color: var(--azul); height: 100%; position: absolute; left: -45%; top: 0; width: 2px; }
.barra-indicadores li:first-child::after { content: none; }
.barra-indicadores div span.numero { margin-bottom: 15px; color: var(--azul); font-size: 2rem; font-style: normal; font-weight: 700; line-height: 125%; }
.barra-indicadores div span.texto { color: var(--azul); text-align: left; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 125%; display: flex; display: -webkit-flex;}
.proyectos-carrusel .owl-stage { display: flex; display: -webkit-flex; align-items: center; justify-content: center; }
.proyectos { list-style: none; }
.proyectos .item-proyecto:hover {box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }
.proyectos .item-proyecto {transition: 0.5s; max-width: 20rem; margin-bottom: 1.3rem; border-radius: 0.625rem; position: relative; }
.proyectos .item-proyecto .foto { border-radius: 0.625rem 0.625rem 0rem 0rem; position: relative; min-height: 15rem; background-position: center; background-size: cover; background-repeat: no-repeat; }
.proyectos .item-proyecto .foto span {position: absolute; left: .94rem; top: .94rem; padding: 0.5rem 0.625rem; border-radius: 0.9375rem; }
.proyectos .item-proyecto .contenido { background-color: #fff; }
.proyectos .item-proyecto .contenido span.ubicacion { line-height: 1.4rem; font-size: 12px; display:flex; border-radius: 0.9375rem; background: #E0E0E0; text-align: left; padding: .625rem 1.3rem; margin: .625rem auto; }
.proyectos .item-proyecto .contenido span.ubicacion img {width: .94rem !important; margin-right: .625rem;}
.proyectos .item-proyecto a {text-decoration: none; color: var(--gris-texto); font-size: 0.875rem; font-style: normal; font-weight: 600; text-align: center; /*border-top: solid 1px var(--gris-texto);*/ background: #fff; padding: .625rem 0px; border-radius: 0px 0px 0.625rem 0.625rem; }
.info-icon2 { z-index: 99;}
.proyectos .item-proyecto .contenido .porcentaje span.cantidad { font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: 125%; }
.proyectos .item-proyecto .contenido .porcentaje span.cantidad.verde { color: var(--verde) ;}
.proyectos .item-proyecto .contenido .porcentaje span.cantidad.naranjo { color: var(--naranjo) }
.proyectos .item-proyecto .contenido .porcentaje span.barra { position: relative; min-height: .75rem; background: #D9D9D9; border-radius: 0.6875rem; margin-bottom: .3rem; margin-top: .32rem; }
.proyectos .item-proyecto .contenido .porcentaje span.barra.verde::after { background-color: var(--verde); }
.proyectos .item-proyecto .contenido .porcentaje span.barra.naranja::after { background-color: var(--naranjo); }
.proyectos .item-proyecto .contenido .porcentaje span.barra::after { height: .75rem; content: ''; position: absolute; width: 0%; left: 0; border-radius: 0.6875rem }
.galeria-proyecto .owl-stage { display: flex; display: -webkit-flex; align-items: center; }
.galeria-proyecto{
}
.galeria-proyecto .owl-nav{
position: absolute;
top: 6.25rem;
display: flex; display: -webkit-flex;
justify-content: space-between; -webkit-justify-content: space-between;
width: 100%;
}
.galeria-proyecto .owl-nav button span{
font-size: 5rem;
}
.archivos a { text-decoration: none; color: var(--gris-texto)}
.proyectos .item-proyecto .contenido .porcentaje span.barra.barra-0::after { width: 0%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-1::after { width: 1%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-2::after { width: 2%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-3::after { width: 3%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-4::after { width: 4%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-5::after { width: 5%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-6::after { width: 6%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-7::after { width: 7%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-8::after { width: 8%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-9::after { width: 9%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-10::after { width: 10%; }
.proyectos .item-proyecto .contenido .porcentaje span.barra.barra-11::after { width: 11%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-12::after { width: 12%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-13::after { width: 13%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-14::after { width: 14%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-15::after { width: 15%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-16::after { width: 16%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-17::after { width: 17%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-18::after { width: 18%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-19::after { width: 19%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-20::after { width: 20%; }
.proyectos .item-proyecto .contenido .porcentaje span.barra.barra-21::after { width: 21%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-22::after { width: 22%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-23::after { width: 23%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-24::after { width: 24%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-25::after { width: 25%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-26::after { width: 26%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-27::after { width: 27%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-28::after { width: 28%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-29::after { width: 29%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-30::after { width: 30%; }
.proyectos .item-proyecto .contenido .porcentaje span.barra.barra-31::after { width: 31%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-32::after { width: 32%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-33::after { width: 33%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-34::after { width: 34%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-35::after { width: 35%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-36::after { width: 36%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-37::after { width: 37%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-38::after { width: 38%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-39::after { width: 39%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-40::after { width: 40%; }
.proyectos .item-proyecto .contenido .porcentaje span.barra.barra-41::after { width: 41%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-42::after { width: 42%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-43::after { width: 43%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-44::after { width: 44%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-45::after { width: 45%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-46::after { width: 46%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-47::after { width: 47%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-48::after { width: 48%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-49::after { width: 49%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-50::after { width: 50%; }
.proyectos .item-proyecto .contenido .porcentaje span.barra.barra-51::after { width: 51%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-52::after { width: 52%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-53::after { width: 53%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-54::after { width: 54%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-55::after { width: 55%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-56::after { width: 56%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-57::after { width: 57%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-58::after { width: 58%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-59::after { width: 59%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-60::after { width: 60%; }
.proyectos .item-proyecto .contenido .porcentaje span.barra.barra-61::after { width: 61%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-62::after { width: 62%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-63::after { width: 63%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-64::after { width: 64%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-65::after { width: 65%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-66::after { width: 66%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-67::after { width: 67%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-68::after { width: 68%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-69::after { width: 69%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-70::after { width: 70%; }
.proyectos .item-proyecto .contenido .porcentaje span.barra.barra-71::after { width: 71%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-72::after { width: 72%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-73::after { width: 73%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-74::after { width: 74%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-75::after { width: 75%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-76::after { width: 76%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-77::after { width: 77%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-78::after { width: 78%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-79::after { width: 79%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-80::after { width: 80%; }
.proyectos .item-proyecto .contenido .porcentaje span.barra.barra-81::after { width: 81%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-82::after { width: 82%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-83::after { width: 83%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-84::after { width: 84%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-85::after { width: 85%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-86::after { width: 86%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-87::after { width: 87%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-88::after { width: 88%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-89::after { width: 89%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-90::after { width: 90%; }
.proyectos .item-proyecto .contenido .porcentaje span.barra.barra-91::after { width: 91%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-92::after { width: 92%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-93::after { width: 93%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-94::after { width: 94%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-95::after { width: 95%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-96::after { width: 96%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-97::after { width: 97%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-98::after { width: 98%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-99::after { width: 99%; } .proyectos .item-proyecto .contenido .porcentaje span.barra.barra-100::after { width:100%; }
.proyectos .item-proyecto .contenido .datos { margin-bottom: 1rem; }
.proyectos .item-proyecto .contenido .datos .inversores-objetivo { display: flex; display: -webkit-flex; list-style: none; padding: 0; margin: 0; justify-content: space-between; -webkit-justify-content: space-between; }
.proyectos .item-proyecto .contenido .datos .inversores-objetivo li { font-size: 0.875rem; font-style: normal; font-weight: 500; color: var(--gris-texto); }
.proyectos .item-proyecto .contenido .datos .rentabilidad { border-radius: 0.675rem; border: solid 1px #484949; }
.proyectos .item-proyecto .contenido .datos .rentabilidad > span { color: var(--gris-texto); font-size: 0.875rem; font-style: normal; font-weight: 500; }
.proyectos .item-proyecto .contenido .datos .rentabilidad > span > span { font-size: 1.875rem; font-style: normal; font-weight: 400; line-height: 125%; color: var(--verde); }
.proyectos .item-proyecto .contenido .datos .plazo-tasa {
display: flex; display: -webkit-flex;
justify-content: space-evenly; /* Espacio igual entre los elementos */
align-items: stretch; /* Asegura que cada tenga la misma altura */
list-style: none;
padding: 0;
margin: .625rem 0 0 0;
height:3.75rem;
}
.proyectos .item-proyecto .contenido .datos .plazo-tasa li {
flex: 1; /* Cada ocupa el mismo espacio */
display: flex; display: -webkit-flex;
flex-direction: column; /* Asegura que los elementos dentro de se apilen verticalmente */
align-items: center; /* Centra horizontalmente */
justify-content: center; /* Centra verticalmente */
font-size: 0.675rem;
font-weight: 500;
padding: .625rem; /* Añade algo de espacio interno */
box-sizing: border-box; /* Incluye padding y borde en el tamaño total */
text-align: center; /* Centra el texto */
}
.proyectos .item-proyecto .contenido .datos .plazo-tasa li:last-child {
border-left: solid 1px var(--gris-texto);
}
.proyectos .item-proyecto h3 { display: flex; display: -webkit-flex; justify-content: center; align-items: center; margin-bottom: 0; margin: auto 0 !important; height: 3rem; font-size: 0.875rem; font-style: normal; font-weight: 700; line-height: 125%; color: var(--gris-claro); }
.proyectos .item-proyecto .ver-proyecto { position: absolute; background: transparent; left: 2.45rem; right: 2.45rem; top: 0px; bottom: 0; border: none !important; }
.estado-loop { top: 53% !important; background-color: #000000b0; color: #fff; border-radius: 0 !important; left: 0 !important; right: 0 !important; text-align: center; }
.rentabilidad-span { font-size: 14px; }
.item-proyecto-escenario { background-color: #fff; border-radius: .625rem; }
.item-proyecto-escenario .foto { min-height: 12.5rem; position: relative;}
.item-proyecto-escenario .foto > span { left: .625rem; top: .625rem; padding: .32rem; position: absolute; border-radius: .625rem; }
.caja-proyecto2 { position: relative; display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; }
.caja-proyecto2 > div.img { position: absolute; width: 150px; height: 150px; border-radius: 50%; z-index: 9; left: 25px; background-position: center; background-size: cover; }
.caja-proyecto2 div.arriba { position: relative; min-height: 90px; border-radius: 10px 10px 0px 0px; }
.caja-proyecto2 div.arriba ul, .caja-proyecto2 div.abajo ul { width: 85%; right: 0; position: absolute; height: 100%; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; }
.caja-proyecto2 div.arriba ul li, .caja-proyecto2 div.abajo ul li { text-align: center; }
.caja-proyecto2 div.arriba * { color: #fff !important;}
.caja-proyecto2 div.arriba h2 { font-size: 1.75rem; font-style: normal; font-weight: 700; line-height: 125%; }
.caja-proyecto2 div.abajo { background-color: #fff; position: relative; min-height: 90px; border-radius: 0px 0px 10px 10px; }
.caja-proyecto2 div.arriba .btn-ubicacion { color: var(--gris-texto) !important;}
.caja-proyecto2 .link { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;}
.caja-proyecto2 .rentabilidad { background: #2BA65D; padding: 5px; border-radius: 10px; color: #fff; }
.h-400 { height: 400px !important; }
.caja-form-compra { background-color: #fff; flex-direction: column; }
.caja-form-compra > span { display: flex; display: -webkit-flex; align-items: center; background-color: var(--verde); color: #fff; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 125%; }
.caja-form-compra > span > strong { font-size: 1.75rem; font-style: normal; font-weight: 700; line-height: 125%; font-family: ModulusProBold; }
.caja-form-compra h2 { font-family: ""OpenSans""; font-size: 2rem; font-style: normal; font-weight: 700; line-height: 125%; color: var(--gris-texto) !important; margin-bottom: 20px; }
.formulario-inversion { }
.formulario-inversion .izquierda { background-color: #fff; }
.formulario-inversion .izquierda > div { position: sticky; top: 130px; }
.formulario-inversion .izquierda .perfiles-inversores {}
.formulario-inversion .izquierda .perfiles-inversores ul { background-color: var(--gris-claro); border-radius: 40px; }
.formulario-inversion .izquierda .perfiles-inversores ul li {transition: 0.5s; width: calc(100% / 3); text-align: center; color: var(--naranjo); font-size: 1.125rem; padding: 10px 0px;}
.formulario-inversion .izquierda .perfiles-inversores ul li.active { background-color: var(--naranjo); color: #fff;}
.formulario-inversion .izquierda .perfiles-inversores ul li:hover { cursor:pointer; background-color: var(--naranjo); color: #fff; }
.formulario-inversion .izquierda .perfiles-inversores ul li:hover img, .formulario-inversion .izquierda .perfiles-inversores ul li.active img {filter: brightness(0) invert(1); }
.formulario-inversion .izquierda .perfiles-inversores ul li:first-child { border-radius: 40px 0px 0px 40px ; }
.formulario-inversion .izquierda .perfiles-inversores ul li:last-child { border-radius: 0px 40px 40px 0px ; }
.formulario-inversion .izquierda .rango input[type="range"] { -webkit-appearance: none; appearance: none; background: transparent; cursor: pointer; width: 25rem; }
/* Removes default focus */
.formulario-inversion .izquierda .rango input[type="range"]:focus { outline: none; }
/******** Chrome, Safari, Opera and Edge Chromium styles ********/
.formulario-inversion .izquierda .rango input[type="range"]::-webkit-slider-runnable-track { background-color: #efeeed; border-radius: 0rem; height: 1rem; }
.formulario-inversion .izquierda .rango input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; /* Override default look */ appearance: none; margin-top: 0px; /* Centers thumb on the track */ background-color: #ff4715; border-radius: 0rem; height: 1rem; width: 4rem; }
.formulario-inversion .izquierda .rango input[type="range"]:focus::-webkit-slider-thumb { outline: 3px solid #ff4715; outline-offset: 0.125rem; }
/*********** Firefox styles ***********/
.formulario-inversion .izquierda .rango input[type="range"]::-moz-range-track { background-color: #efeeed; border-radius: 0rem; height: 1rem; }
.formulario-inversion .izquierda .rango input[type="range"]::-moz-range-thumb { background-color: #ff4715; border: none; /*Removes extra border that FF applies*/ border-radius: 0rem; height: 1rem; width: 4rem; }
.formulario-inversion .izquierda .rango input[type="range"]:focus::-moz-range-thumb{ outline: 3px solid #ff4715; outline-offset: 0.125rem; }
.formulario-inversion .izquierda .texto-simulador { position: relative;}
.formulario-inversion .izquierda .texto-simulador img { position: absolute; left: -15px; top: 30%;}
@media (max-width: 991px) { /* Define el ancho máximo para dispositivos móviles */
.formulario-inversion .izquierda .texto-simulador img {
position: absolute;
left: 50%; /* Centra horizontalmente */
transform: translateX(-50%); /* Compensa el desplazamiento del 50% */
top: -14%; /* Eleva la imagen más en móviles */
}
}
.formulario-inversion .izquierda .texto-simulador p { font-size: 16px; color: #000; }
.formulario-inversion .izquierda .fechas ul {}
.formulario-inversion .izquierda .fechas ul li { display: block; margin-bottom: 15px; }
.formulario-inversion .izquierda .fechas ul li span { float: right;}
.formulario-inversion .derecha { }
.formulario-inversion .derecha .caja-tipo { width: fit-content; border: solid 1px var(--naranjo); }
.formulario-inversion .derecha .caja-tipo span { color: var(--naranjo); font-family: "ModulusPro"; font-size: 1.75rem; font-style: normal; font-weight: 500; line-height: 125%; }
.testimonios {background-color: #fff; background-position: center; background-size: cover; background-repeat: no-repeat; }
.testimonios .testimonios-slide .item { border-radius: 0.57056rem; background: var(--gris-claro); }
.testimonios .testimonios-slide .item p.texto-testimonio { color: var(--gris-texto); font-size: 16px; font-style: normal; font-weight: 500; line-height: 125% }
.testimonios .testimonios-slide .item img { width: 5rem; margin: 15px auto !important;}
.testimonios .testimonios-slide .item span.nombre { font-size: 1.375rem; font-style: normal; font-weight: 500; line-height: 125%; color: var(--azul); }
.testimonios .testimonios-slide .item span.cargo { font-size: 1rem; font-style: normal; font-weight: 500; line-height: 125%; color: var(--celeste); }
.testimonios .testimonios-slide .owl-item.active.center { transform: scale(1.1); }
.testimonios .owl-stage-outer { padding: 15px; }
.testimonios .owl-stage { display: flex; display: -webkit-flex; align-items: center;}
.socios {background-color: var(--azul); background-position: center; background-size: cover; background-repeat: no-repeat; }
.socios .socios-slide .item img { max-width: 100%; margin: auto; width: auto; height: 10rem;}
.socios .socios-slide.socios-inversores .item img { max-width: 100%; margin: auto; width: 100%; height: auto;}
.socios .socios-slide { position: relative; }
.socios .socios-slide .owl-nav { position: absolute; left: 0; right: 0; min-height: 100px; top: 2.3rem; }
.socios .socios-slide.socios-inversores .owl-nav { position: absolute; left: 0; right: 0; min-height: 100px; top: 0; }
.socios .socios-slide .owl-nav button { font-size: 3rem; color: #fff; position: absolute; }
.socios .socios-slide .owl-nav .owl-prev { left: -20px; }
.socios .socios-slide .owl-nav .owl-next { right: -20px;}
.invertir .pasos span { font-size: 1.125rem; font-style: normal; font-weight: 500; }
.preguntas-frecuentes { background-position: center; background-size: cover; background-repeat: no-repeat; }
.preguntas-frecuentes p.parrafo-preguntas { text-align: justify; font-size: 16px; font-style: normal; font-weight: 500; line-height: 125%; }
.menu-servicio {
position: -webkit-sticky;
position: sticky;
top: 10rem;
}
.menu-servicio li { border-bottom: solid 1px var(--gris-oscuro); padding: 15px 0px;}
.menu-servicio li.active a { color: var(--naranjo); }
.menu-servicio li:hover a { color: var(--naranjo); }
.menu-servicio li:hover a img { filter: grayscale(0); opacity: 1; }
.menu-servicio li a { color: var(--gris-oscuro); font-size: 1.125rem; font-style: normal; font-weight: 400; font-family: OpenSans; text-decoration: none; }
.menu-servicio li img { margin-right: 10px; width: 30px; filter: grayscale(1); opacity: 0.1; }
.menu-servicio li.active img { filter: grayscale(0); opacity: 1; }
.waymakers p { font-size: 16px; font-style: normal; font-weight: 400; line-height: 125%; color: var(--gris-texto); }
.como-funciona { background-size: cover; }
.como-funciona .img-peque { width: 25%;}
.bajada { font-family: "Open Sans", sans-serif; font-size: 1.4rem; font-style: normal; font-weight: 700; line-height: 125%; }
.educacion-financiera { }
.educacion-financiera .podcast-ackermann { position: relative; background-color: var(--verde); color: #fff; padding: 30px 35px; }
.educacion-financiera .podcast-ackermann > a > span { font-size: 28px; font-style: normal; font-weight: 700; line-height: 125%; font-family: "Open Sans", sans-serif; }
.educacion-financiera .podcast-ackermann > a > img { position: absolute; right: 15px; top: -36px; }
.educacion-financiera .podcast-sadler { background-color: var(--amarillo); color: #fff;}
.educacion-financiera .podcast-sadler > a > span { font-size: 28px; font-style: normal; font-weight: 700; line-height: 125%; font-family: "Open Sans", sans-serif; }
.educacion-financiera .podcast-sadler > a > img {right: 15px; top: -36px; }
.educacion-financiera .caja-filtros { justify-content: space-between; -webkit-justify-content: space-between; align-items: center; display: flex; display: -webkit-flex; }
.educacion-financiera .caja-filtros .filtros { display: flex; display: -webkit-flex; }
.educacion-financiera .caja-filtros .filtros ul { }
.educacion-financiera .caja-filtros .filtros ul li { display: inline;}
.educacion-financiera .caja-filtros .filtros ul li a { text-decoration: none; padding: 5px 7px; background-color: var(--azul); color: #fff;}
.educacion-financiera .caja-filtros select { background: var(--gris-oscuro); border: none; padding: 7px 10px; }
.educacion-financiera .caja-filtros .texto { font-family: "Open Sans", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 125%; color: #000;}
.spotify-icon-gray:hover svg,
.youtube-icon-gray:hover svg {
fill: #ffffff; /* Cambia el color al blanco */
}
.educacion-financiera .lo-mas-leido { background-color: #fff; }
.educacion-financiera .lo-mas-leido .caja-mas-leido { flex-direction: column; justify-content: center; align-items: start; background-color: var(--gris-claro); display: flex; display: -webkit-flex; }
.educacion-financiera .lo-mas-leido .caja-mas-leido span { font-size: 0.875rem; color: var(--celeste); }
.educacion-financiera .lo-mas-leido .caja-mas-leido a { font-family: "Open Sans", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 125%; }
.educacion-financiera.blog { }
.educacion-financiera.blog .caja-noticia-loop { background-color: #fff; }
.educacion-financiera.blog .caja-noticia-loop div.contenido p { min-height: 70px;}
.educacion-financiera.blog .caja-noticia-loop a.titulo { min-height: 45px; display: block; font-family: "Open Sans", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 125%; color: var(--azul);}
.educacion-financiera.blog .caja-noticia-loop .etiqueta { color: #fff; position: absolute; left: 15px; top: 15px; background: red; position: absolute; }
.educacion-financiera.blog .caja-noticia-loop .foto { position: relative; overflow: hidden;}
.educacion-financiera.blog .caja-noticia-loop .foto img { transition: 1.5s;}
.educacion-financiera.blog .caja-noticia-loop:hover .foto img { transform: scale(1.1);}
.educacion-financiera.blog .caja-noticia-loop .fecha { color: var(--gris-claro3);}
.autor { color: var(--celeste); font-size: 1.25rem; font-style: normal; font-weight: 400; line-height: 125%; font-family: "Open Sans", sans-serif;}
.compartir { color: #000; font-size: 1.125rem; }
.capa-naranja { background-color: #ff4715bd; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.capa-naranja.negra { background-color: #00000080 !important; }
.paginacion { margin-top: 20px; text-align: center; }
/* PROYECTOS SINGLE */
.proyecto-detalle .foto { height: 372px; background-size: cover; background-position: center; background-repeat: no-repeat; }
.btn-ubicacion { background-color: #fff; color: var(--gris-texto); }
.mapa .mapaiframe iframe { width: 100% !important;}
/* BOTONERA FIX */
.botonera { width: 50px; position: fixed; top: 20%; right: 0; z-index: 1000;}
.botonera ul { }
.botonera ul li a { padding: 10px; display: flex; display: -webkit-flex; text-align: center; justify-content: center; align-items: center; }
.botonera ul li a img { height: auto; transition: 1s;}
.botonera ul li a img { transition: none; }
.botonera ul li a:hover img { animation: girar 1s; }
@keyframes girar {
0% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(356deg);
}
}
.botonera .formulario { max-height: 50px; background-color: var(--azul); }
.botonera .formulario img { width: 20px; }
.botonera .meet { background-color: var(--naranjo);}
.botonera .meet img { width: 30px;}
.botonera .spotify { background-color: #000;}
.botonera .spotify img { width: 30px;}
.botonera .wsp { background-color: #1B9C12;}
.botonera .wsp img { width: 25px;}
/* BOTONERA FIX para Desktop */
@media(min-width: 769px){
.botonera ul li:first-child { border-radius: 10px 0 0; }
.botonera ul li:last-child { border-radius: 0px 0px 0px 10px; }
}
/* Cambios en Mobile */
@media (max-width: 768px) {
.botonera {
width: 100%; /* Barra ocupa el ancho completo */
height: 60px; /* Ajustar altura adecuada */
bottom: 0; /* Se coloca en la parte inferior */
top: auto; /* Deshabilitar 'top' */
right: 0;
display: flex; display: -webkit-flex;
justify-content: space-around;
align-items: center;
background-color: #fff; /* Fondo opcional */
padding: 0; /* Espacio vertical */
/*box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.1); Sombra */
}
.botonera ul {
display: flex; display: -webkit-flex;
flex-direction: row;
-webkit-flex-direction: row;
width: 100%; /* Asegura que los íconos se distribuyan horizontalmente */
height: 100%; /* Asegura que los íconos se distribuyan horizontalmente */
justify-content: space-around;
padding: 0;
margin: 0;
}
.botonera ul li {
flex: 1;
display: flex; display: -webkit-flex;
justify-content: center;
align-items: center;
}
.botonera ul li a {
display: flex; display: -webkit-flex;
padding: 0; /* Sin relleno extra */
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
}
.botonera ul li a img {
width: 30px; /* Ajuste del tamaño de los íconos */
height: auto;
transition: transform 0.5s;
}
.botonera ul li a:hover img {
transform: rotate(360deg); /* Animación de giro más fluida */
}
.botonera .formulario { max-height: 60px;}
footer{ padding-bottom: 60px;}
}
.caja-aparecer-form { display: none; }
.caja-formulario-flotante { position: fixed; background: #000000d4; left: 0; right: 0; top: 0; bottom: 0; z-index: 1234; display: flex; display: -webkit-flex; justify-content: center; align-items: center;}
.caja-formulario-flotante > div { background-color: var(--gris-claro); position: relative; }
.caja-formulario-flotante label { margin-bottom: 5px; color:#1C1C24; font-family: "Open Sans", sans-serif; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 125%; }
/* .caja-formulario-flotante .cerrar-caja-form-flotante, .caja-formulario-flotante .cerrar-caja-evento-flotante { cursor: pointer; position: absolute; right: 30px; top: 25px; background: #ff4715; padding: 2px 10px; border-radius: 50%; color: #fff; display: flex; display: -webkit-flex; align-items: center; justify-content: center; }
.caja-formulario-flotante .cerrar-caja-form-flotante:hover , .caja-formulario-flotante .cerrar-caja-evento-flotante:hover { background-color: var(--gris-texto);} */
.form-contacto { position: initial; background: inherit; }
.caja-datos-contacto { background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; display: -webkit-flex; justify-content: center; align-items: center; }
.caja-datos-contacto > ul { text-align: center; }
.caja-datos-contacto > ul li { margin-bottom: 30px; font-family: "Open Sans", sans-serif; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 125%; }
.caja-datos-contacto > ul li a { color: #fff; text-decoration: none;}
/*VIDEO HEADER*/
.caja-aparecer-video { display: none; }
.caja-aparecer-video svg{fill:var(--naranjo); width: 5%; position:absolute; top:-10px; right:-10px;}
.caja-aparecer-video svg:hover{fill:var(--gris-texto);}
/* Tooltip */
.caja-aparecer-tooltip { display: none; }
.caja-aparecer-tooltip { position: absolute; background-color: white; border-radius: 5px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); z-index: 1000; transition: opacity 0.3s ease-in-out;}
.caja-aparecer-tooltip svg { fill: var(--naranjo); width: 5%; position: absolute; top: -10px; right: -10px }
.contenido-caja { background-color: #fff; border-radius: 8px; z-index: 9999999999; }
.perfil-imagen { width: 100%; height: auto; object-fit: cover; border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem;}
/* CMS */
.cabecera-cms { position: relative; min-height: 400px; background-size: cover;}
.cabecera-cms .container, .cabecera-cms .container .row { min-height: 400px; z-index: 9; position: relative; }
.cabecera-cms .descripcion_corta *, .cabecera-cms .descripcion_corta { color: #fff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); }
.cabecera-show { position: relative; min-height: 200px; max-height: 200px; background-size: cover;}
/* NOSOTROS */
.cabecera-cms-nosotros { position: relative; height: 45vh;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-image: url('../imgs/paginas-cms/banner_nosotros.webp'); }
.cabecera-cms-gobernanza { position: relative; height: 45vh;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-image: url('../imgs/home/banner-gobernanza-desktop.webp'); }
.cabecera-cms-nosotros .container, .cabecera-cms-nosotros .container .row { min-height: 400px; z-index: 9; position: relative; }
.nosotros-nuestros-valores .caja {min-height: 480px; border-radius: 20px; background-color: var(--gris-claro); padding: 20px;}
.nosotros-nuestros-valores .caja h3 {color: var(--naranjo); margin-bottom: 20px;}
.nosotros-equipo { margin-bottom: 20;}
.nosotros-equipo .caja { border-radius: 20px; padding: 20px; background-color: #fff; text-align: center; }
.nosotros-equipo .caja img { margin-bottom: 15px;}
.nosotros-equipo .caja span { font-weight: bold;}
.nosotros-equipo .caja span, .nosotros-equipo .caja small { display: block; color: var(--naranjo); }
.nosotros-equipo .caja small { opacity: 0.8; margin-bottom: 10px; margin-top: 5px;}
/* como funciona */
.cabecera-cms-comofunc { position: relative; height: 45vh; background-size: cover; background-position: center;
background-repeat: no-repeat; background-image: url('../imgs/paginas-cms/banner_como_funciona.webp'); }
.cabecera-cms-comofunc .container, .cabecera-cms-comofunc .container .row { min-height: 400px; z-index: 9; position: relati }
/* preguntas frecuentes, politicas terminos*/
.cabecera-cms-preguntas { position: relative; height: 45vh; background-size: cover; background-position: center;
background-repeat: no-repeat; background-image: url('../imgs/paginas-cms/banner_preguntas.webp') }
.cabecera-cms-preguntas .container, .cabecera-cms-preguntas .container .row { min-height: 400px; z-index: 9; position: relative }
/* contacto */
.cabecera-cms-contacto { position: relative; height: 45vh; background-size: cover; background-position: center;
background-repeat: no-repeat; background-image: url('../imgs/paginas-cms/banner_contacto.webp') }
.cabecera-cms-contacto .container, .cabecera-cms-contacto .container .row { min-height: 400px; z-index: 9; position: relative }
/* educacionfinanciera */
.cabecera-cms-educacion {
position: relative;
height: 45vh;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-image: url('../imgs/blog/bannerVodcast.png');
}
.cabecera-cms-educacion .container, .cabecera-cms-educacion .container .row { min-height: 400px; z-index: 9; position: relative }
/* NEWSLETTER */
.newsletter, .top { background-color:var(--azul); color: #fff;}
.newsletter span.texto { font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 125%; }
.newsletter .formulario input[type=email] { border: none; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 125%; width: 50%; padding: 15px; border-radius: 1.25rem 0rem 0rem 1.25rem; background: #FFF; }
.newsletter .formulario input[type=submit] {background: var(--naranjo); color: #fff; border: none; padding: 13px 12px 13px 10px; border-radius: 0rem 1.25rem 1.25rem 0rem; margin-left: -10px; }
.respuestaNews { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: #000000c4; z-index: 99999; display: flex; display: -webkit-flex; justify-content: center; align-items: center;}
.respuestaNews .caja-respuesta { position:relative; background: #fff; top: 8%;
min-width: 400px;
max-width: 75%; display: flex; display: -webkit-flex; justify-content: center; align-items: center; border-radius: 1rem; }
.respuestaNews .caja-respuesta .cerrar-r-news { position: absolute; right: 20px; top: 20px; width: 30px; border-radius: 50%; color: #fff; display: flex; display: -webkit-flex; justify-content: center; align-items: center; text-decoration: none; height: 30px; }
/* FOOTER */
footer { background-color: var(--gris-claro);}
.contactos span, .menus-footer span, .certificados span { color: var(--naranjo); font-size: 1.125rem; font-style: normal; font-weight: 700; line-height: 125%; display: block; margin-bottom: 20px; }
.menus-footer li { margin-bottom: 15px;}
.contactos li a { font-size: 1.125rem; }
footer a { font-size: 1rem; font-style: normal; font-weight: 400; line-height: 125%; color:var(--gris-texto); text-decoration: none; }
footer a:hover, footer a.active { color: var(--naranjo); }
.admin-bar { background: #000; padding: 10px; }
.admin-bar * { color: #fff !important; }
.progress-bar-container { position: relative; margin-bottom: 20px;}
.progress-bar { width: 100%; background-color: var(--gris-oscuro); height: 20px; border-radius: 10px; overflow: hidden; }
.progress-bar-fill { background-color: #4CAF50; height: 100%; width: 0; transition: width 0.5s ease;}
.progress-info { display: flex; display: -webkit-flex; position: relative; margin-top: 10px; justify-content: space-between; -webkit-justify-content: space-between; -webkit-justify-content: space-between; -webkit-justify-content: space-between; align-items: center; }
.progress-info-text { font-weight: bold; color: #4CAF50; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); text-align: center }
.progress-info-amount,
.progress-info-total { font-weight: bold }
.progress-info-amount { color: #4CAF50 }
.progress-info-total { color: #333 }
.bord-azul { padding: 0.5rem 1rem; border-radius: 1.25rem; border: 1px solid var(--azul); color:var(--azul); }
.color-verde { color: var(--verde) !important; font-weight: bold;}
.imagen-blanca { filter: brightness(0) invert(1);}
.font-16{ font-size: 16px;}
.mi-modal-container { display: none; }
.mi-modal { position: fixed; background: #000000d4; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; display: flex; display: -webkit-flex; justify-content: center; align-items: center }
.mi-modal-contenido {z-index: 999999999; background: var(--gris-claro); border-radius: 10px; width: 76%; max-width: 1000px; box-sizing: border-box; position: relative; transform: translate(0, 0); height: auto; }
/* .mi-modal-cerrar { cursor: pointer; position: absolute; right: 30px; top: 25px; background: #ff4715; border-radius: 50%; color: #fff; display: flex; display: -webkit-flex; align-items: center; justify-content: center; }
.mi-modal-cerrar:hover { background-color: var(--gris-texto) } */
.scrollable-container { height: 80vh; overflow-y: scroll; max-height: 68vh; }
.scrollable-container2 { height: 80vh; overflow-y: scroll; max-height: 68vh; }
.testimonios-slide .item { margin: 0 auto; }
.scrollable-container p , .scrollable-container ul li, .scrollable-container span, .textoOpen span{
font-family: "Open Sans", sans-serif;
}
.textoOpen span{
font-size: 14px;
}
.botoneraMobile { padding: 0; margin: 0; display: flex }
.botoneraMobile > div { padding: 0; margin: 0; }
.botoneraMobile .d-flex a { padding: 10px; display: flex; display: -webkit-flex; text-align: center; justify-content: center; align-items: center; height: 100%; }
.botoneraMobile .formulario { background-color: var(--azul) }
.botoneraMobile .formulario img { width: 20px }
.botoneraMobile .meet { background-color: var(--naranjo) }
.botoneraMobile .meet img { width: 30px }
.botoneraMobile .spotify { background-color: #000 }
.botoneraMobile .spotify img { width: 30px }
.botoneraMobile .wsp { background-color: #1B9C12 }
.botoneraMobile .wsp img { width: 25px }
.botoneraMobile .formulario { border-radius: 10px 0 0 10px; }
.botoneraMobile .spotify { border-radius: 0 10px 10px 0; }
.botoneraMobile a img { height: auto; transition: 1s }
.botoneraMobile a:hover img { transform: rotateY(360deg) }
.accordion-button.active { color: var(--naranjo) !important; }
.accordion-button:hover { color: var(--naranjo) !important }
.fondo-verde2 { background-color: var(--verde); color: white; font-weight: bold; font-size: 2rem; border-radius: 5px 0 0 5px; display: inline-block; width: 100%; text-align: center; }
.fondo-gris3 { background-color: #484949; color: white; font-weight: bold; font-size: 2rem; border-radius: 5px 0 0 5px; display: inline-block; width: 100%; text-align: center; }
.fondo-verde3 { background-color: var(--verde); color: white; font-weight: bold; font-size: 2rem; padding: 0px 20px; width: 100%; text-align: center; }
.rentabilidad { border: 1px solid var(--verde); border-radius: 5px; display: flex; display: -webkit-flex; overflow: hidden; }
.texto-loop{ font-size: 28px; }
.perfiles-inversores ul { background-color: #fff; border-radius: 40px }
.perfiles-inversores ul li { transition: 0.5s; width: calc(100% / 3); text-align: center; color: var(--color-primario); font-size: .9rem; padding: 10px 0px }
.perfiles-inversores ul li.active { background-color: var(--color-primario); color: #fff }
.perfiles-inversores ul li:hover { cursor: pointer; background-color: var(--color-primario); color: #fff }
.perfiles-inversores ul li:hover img,
.perfiles-inversores ul li.active img { filter: brightness(0) invert(1) }
.perfiles-inversores ul li:first-child { border-radius: 40px 0px 0px 40px }
.perfiles-inversores ul li:last-child { border-radius: 0px 40px 40px 0px }
.perfiles-inversores ul li img { filter: var(--color-primario); }
.perfiles-inversores ul { background-color: #fff; border-radius: 40px }
.container-fluid .row .izquierda .perfiles-inversores ul li { transition: 0.5s; width: calc(100% / 3); text-align: center; color: var(--color-primario); font-size: 1rem; padding: 10px 0px }
.container-fluid .row .izquierda .perfiles-inversores ul li.active { background-color: var(--color-primario); color: #fff }
.container-fluid .row .izquierda .perfiles-inversores ul li:hover { cursor: pointer; background-color: var(--color-primario); color: #fff }
.formulario-inversion .row .izquierda .perfiles-inversores ul li:hover img,
.formulario-inversion .row .izquierda .perfiles-inversores ul li.active img { filter: brightness(0) invert(1) }
.formulario-inversion .row .izquierda .perfiles-inversores ul li:first-child { border-radius: 40px 0px 0px 40px }
.formulario-inversion .row .izquierda .perfiles-inversores ul li:last-child { border-radius: 0px 40px 40px 0px }
.formulario-inversion .row .izquierda .perfiles-inversores ul li img { filter: var(--color-primario); }
.boton-invertir { padding: 0.5rem 1rem; color: #fff !important; border-radius: 1.25rem }
.caja-form-compra .rango input[type="range"] { -webkit-appearance: none; appearance: none; width: 100%; cursor: pointer; outline: none; border-radius: 0.25rem; background: linear-gradient(to right, var(--color-principal) 0%, #e0e0e0 100%) }
.caja-form-compra .rango input[type="range"]::-webkit-slider-runnable-track { width: 100%; height: 15px; background: transparent; border-radius: 0.25rem }
.caja-form-compra .rango input[type="range"]::-moz-range-track { width: 100%; height: 15px; background: transparent; border-radius: 1rem }
.caja-form-compra .rango input[type="range"]::-ms-track { width: 100%; height: 15px; background: transparent; border-color: transparent; color: transparent; border-radius: 0.25rem }
.caja-form-compra .rango input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 40px; height: 20px; background-color: #fff; border-radius: 0.125rem; position: relative; top: -2px; cursor: pointer; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) }
.caja-form-compra .rango input[type="range"]::-moz-range-thumb { width: 20px; height: 20px; background-color: #fff; border-radius: 0.125rem; cursor: pointer }
.caja-form-compra .rango input[type="range"]::-ms-thumb { width: 40px; height: 20px; background-color: #fff; border-radius: 0.125rem; cursor: pointer; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) }
.caja-form-compra .rango input[type="range"]::-ms-fill-lower { background: var(--color-principal); border-radius: 0.25rem }
.caja-form-compra .rango input[type="range"]::-ms-fill-upper { background: #e0e0e0; border-radius: 0.25rem }
.vertical-line-list { display: flex; display: -webkit-flex; align-items: center }
.vertical-line-item { position: relative; padding-right: 10px }
.vertical-line-item:not(:last-child)::after { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 1px; background-color: black; }
.caja-proyecto2 .rentabilidad2 { border: 1px solid var(--verde); border-radius: 5px; display: flex; display: -webkit-flex; overflow: hidden }
.btn-ubicacion2{ background-color: var(--verde); color: var(--gris-texto); border-radius: 3rem; }
.btn-ubicacion3{ border:2px solid var(--verde); border-radius: 3rem; background-color: var(--blanco); color: var(--verde) }
.container-fluid .row .formulario-compra .rango input[type="range"] { -webkit-appearance: none !important; appearance: none ; width: 100% !important; cursor: pointer; outline: none; border-radius: 0.25rem }
.container-fluid .row .formulario-compra .rango input[type="range"]::-webkit-slider-runnable-track { width: 100%; height: 15px; background: transparent; border-radius: 0.25rem }
.container-fluid .row .formulario-compra .rango input[type="range"]::-moz-range-track { width: 100%; height: 15px; background: transparent; border-radius: 1rem }
.container-fluid .row .formulario-compra .rango input[type="range"]::-ms-track { width: 100%; height: 15px; background: transparent; border-color: transparent; color: transparent; border-radius: 0.25rem }
.container-fluid .row .formulario-compra .rango input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none !important; appearance: none !important; width: 40px !important; height: 20px !important; background-color: #fff !important; border-radius: 0.125rem; position: relative; top: -2px; cursor: pointer; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) }
.container-fluid .row .formulario-compra .rango input[type="range"]::-moz-range-thumb { width: 20px; height: 20px; background-color: #fff; border-radius: 0.125rem; cursor: pointer }
.container-fluid .row .formulario-compra .rango input[type="range"]::-ms-thumb { width: 40px; height: 20px; background-color: #fff; border-radius: 0.125rem; cursor: pointer; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) }
.container-fluid .row .formulario-compra .rango input[type="range"]::-ms-fill-lower { background: var(--azul); border-radius: 0.25rem }
.container-fluid .row .formulario-compra .rango input[type="range"]::-ms-fill-upper { background: #e0e0e0; border-radius: 0.25rem }
.caja-proyecto3 { position: relative; overflow: hidden; margin: 0 auto; }
.caja-proyecto3 .img { position: absolute; width: 6rem; height: 6rem; border-radius: 50%; z-index: 9; top: 30px; left: 50%; transform: translateX(-50%); background-position: center; background-size: cover; background-repeat: no-repeat }
.card-body { position: relative; }
.contenido-card { gap: 0.5rem; margin-top: 3rem;}
.porcentaje span.barra.barra-0::after { width: 0%; } .porcentaje span.barra.barra-1::after { width: 1%; } .porcentaje span.barra.barra-2::after { width: 2%; } .porcentaje span.barra.barra-3::after { width: 3%; } .porcentaje span.barra.barra-4::after { width: 4%; } .porcentaje span.barra.barra-5::after { width: 5%; } .porcentaje span.barra.barra-6::after { width: 6%; } .porcentaje span.barra.barra-7::after { width: 7%; } .porcentaje span.barra.barra-8::after { width: 8%; } .porcentaje span.barra.barra-9::after { width: 9%; } .porcentaje span.barra.barra-10::after { width: 10%; }
.porcentaje span.barra.barra-11::after { width: 11%; } .porcentaje span.barra.barra-12::after { width: 12%; } .porcentaje span.barra.barra-13::after { width: 13%; } .porcentaje span.barra.barra-14::after { width: 14%; } .porcentaje span.barra.barra-15::after { width: 15%; } .porcentaje span.barra.barra-16::after { width: 16%; } .porcentaje span.barra.barra-17::after { width: 17%; } .porcentaje span.barra.barra-18::after { width: 18%; } .porcentaje span.barra.barra-19::after { width: 19%; } .porcentaje span.barra.barra-20::after { width: 20%; }
.porcentaje span.barra.barra-21::after { width: 21%; } .porcentaje span.barra.barra-22::after { width: 22%; } .porcentaje span.barra.barra-23::after { width: 23%; } .porcentaje span.barra.barra-24::after { width: 24%; } .porcentaje span.barra.barra-25::after { width: 25%; } .porcentaje span.barra.barra-26::after { width: 26%; } .porcentaje span.barra.barra-27::after { width: 27%; } .porcentaje span.barra.barra-28::after { width: 28%; } .porcentaje span.barra.barra-29::after { width: 29%; } .porcentaje span.barra.barra-30::after { width: 30%; }
.porcentaje span.barra.barra-31::after { width: 31%; } .porcentaje span.barra.barra-32::after { width: 32%; } .porcentaje span.barra.barra-33::after { width: 33%; } .porcentaje span.barra.barra-34::after { width: 34%; } .porcentaje span.barra.barra-35::after { width: 35%; } .porcentaje span.barra.barra-36::after { width: 36%; } .porcentaje span.barra.barra-37::after { width: 37%; } .porcentaje span.barra.barra-38::after { width: 38%; } .porcentaje span.barra.barra-39::after { width: 39%; } .porcentaje span.barra.barra-40::after { width: 40%; }
.porcentaje span.barra.barra-41::after { width: 41%; } .porcentaje span.barra.barra-42::after { width: 42%; } .porcentaje span.barra.barra-43::after { width: 43%; } .porcentaje span.barra.barra-44::after { width: 44%; } .porcentaje span.barra.barra-45::after { width: 45%; } .porcentaje span.barra.barra-46::after { width: 46%; } .porcentaje span.barra.barra-47::after { width: 47%; } .porcentaje span.barra.barra-48::after { width: 48%; } .porcentaje span.barra.barra-49::after { width: 49%; } .porcentaje span.barra.barra-50::after { width: 50%; }
.porcentaje span.barra.barra-51::after { width: 51%; } .porcentaje span.barra.barra-52::after { width: 52%; } .porcentaje span.barra.barra-53::after { width: 53%; } .porcentaje span.barra.barra-54::after { width: 54%; } .porcentaje span.barra.barra-55::after { width: 55%; } .porcentaje span.barra.barra-56::after { width: 56%; } .porcentaje span.barra.barra-57::after { width: 57%; } .porcentaje span.barra.barra-58::after { width: 58%; } .porcentaje span.barra.barra-59::after { width: 59%; } .porcentaje span.barra.barra-60::after { width: 60%; }
.porcentaje span.barra.barra-61::after { width: 61%; } .porcentaje span.barra.barra-62::after { width: 62%; } .porcentaje span.barra.barra-63::after { width: 63%; } .porcentaje span.barra.barra-64::after { width: 64%; } .porcentaje span.barra.barra-65::after { width: 65%; } .porcentaje span.barra.barra-66::after { width: 66%; } .porcentaje span.barra.barra-67::after { width: 67%; } .porcentaje span.barra.barra-68::after { width: 68%; } .porcentaje span.barra.barra-69::after { width: 69%; } .porcentaje span.barra.barra-70::after { width: 70%; }
.porcentaje span.barra.barra-71::after { width: 71%; } .porcentaje span.barra.barra-72::after { width: 72%; } .porcentaje span.barra.barra-73::after { width: 73%; } .porcentaje span.barra.barra-74::after { width: 74%; } .porcentaje span.barra.barra-75::after { width: 75%; } .porcentaje span.barra.barra-76::after { width: 76%; } .porcentaje span.barra.barra-77::after { width: 77%; } .porcentaje span.barra.barra-78::after { width: 78%; } .porcentaje span.barra.barra-79::after { width: 79%; } .porcentaje span.barra.barra-80::after { width: 80%; }
.porcentaje span.barra.barra-81::after { width: 81%; } .porcentaje span.barra.barra-82::after { width: 82%; } .porcentaje span.barra.barra-83::after { width: 83%; } .porcentaje span.barra.barra-84::after { width: 84%; } .porcentaje span.barra.barra-85::after { width: 85%; } .porcentaje span.barra.barra-86::after { width: 86%; } .porcentaje span.barra.barra-87::after { width: 87%; } .porcentaje span.barra.barra-88::after { width: 88%; } .porcentaje span.barra.barra-89::after { width: 89%; } .porcentaje span.barra.barra-90::after { width: 90%; }
.porcentaje span.barra.barra-91::after { width: 91%; } .porcentaje span.barra.barra-92::after { width: 92%; } .porcentaje span.barra.barra-93::after { width: 93%; } .porcentaje span.barra.barra-94::after { width: 94%; } .porcentaje span.barra.barra-95::after { width: 95%; } .porcentaje span.barra.barra-96::after { width: 96%; } .porcentaje span.barra.barra-97::after { width: 97%; } .porcentaje span.barra.barra-98::after { width: 98%; } .porcentaje span.barra.barra-99::after { width: 99%; } .porcentaje span.barra.barra-100::after { width:100%; }
.porcentaje span.cantidad { font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: 125%; }
.porcentaje span.cantidad.verde { color: var(--verde) ;}
.porcentaje span.cantidad.naranjo { color: var(--naranjo) }
.porcentaje span.barra { position: relative; min-height: 20px; background: #D9D9D9; border-radius: 0.6875rem; margin-bottom: 15px; margin-top: 15px; }
.porcentaje span.barra.verde::after { background-color: var(--verde); }
.porcentaje span.barra.naranja::after { background-color: var(--naranjo); }
.porcentaje span.barra::after { height: 20px; content: ''; position: absolute; width: 0%; left: 0; border-radius: 0.6875rem }
.caja-aparecer-form { display: none; }
.caja-aparecer-form svg{fill:var(--naranjo); width: 5%; position:absolute; top:-10px; right:-10px;}
.caja-aparecer-form svg:hover{fill:var(--gris-texto);}
.caja-aparecer-event { display: none; }
.caja-aparecer-event svg{fill:var(--naranjo); width: 5%; position:absolute; top:-10px; right:-10px;}
.caja-aparecer-event svg:hover{fill:var(--gris-texto);}
.custom-container { margin: 0; padding: 0; width: 100%; overflow: hidden }
/*FASES*/
/* .circulo-fases{
width: 25px;
height: 25px;
border-radius: 50%;
} */
/* forma cuadrado botones de radio */
.cuadrado input[type="checkbox"]{ appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 1rem; height: 1rem; border: 1px solid #333; cursor: pointer; margin-right: 10px; display: inline-block; vertical-align: middle; border-radius: 0.25rem; background-color: transparent }
.cuadrado input[type="checkbox"]:checked { background-color: var(--gris-texto); border: 1px solid var(--gris-texto); outline: 1px solid var(--gris-oscuro); outline-offset: -3px; }
/* lineas verticales formulario */
.linea ul li , .linea div {
position: relative;
padding-left: 1rem;
}
.linea ul li::before, .linea div::before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0.5px;
background-color: var(--gris-texto);
}
.linea ul li:first-child::before, .linea div:first-child::before {
display: none;
}
.linea ul li:nth-child(3)::before, .linea div:nth-child(3)::before {
display: none;
}
.header3 { background-color: var(--gris-claro); color: #fff; height: 4rem; font-size: 16px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; }
/* tooltip info rentabilidad - pestaña proyectos */
.sidebar-tooltip {background-color: var(--gris-oscuro) !important; position: fixed; top: 0; right: -500px; width: 500px; height: 100%; background-color: #fff; transition: right 0.3s ease; z-index: 999999; display: flex; display: -webkit-flex; flex-direction: column; }
.sidebar-tooltip.active:before { content: ''; position: absolute; left: -5000px; right: 500px; top: 0;bottom: 0; background: #2f2f2fa1; }
.sidebar-tooltip .header { background-color: #f04e23; color: #fff; height: 4rem; font-size: 16px; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; }
.sidebar-tooltip.active { right: 0 }
.tamaño .info-icon2{ cursor: pointer; width: 24px; height: 24px;}
.info-icon2, .info-icon3 { cursor: pointer; width: 16px; height: 16px;}
.info-icon4 { cursor: pointer; width: 24px; height: 24px;}
.close-btn { background: none; border: none; color: #333; cursor: pointer; width: 28px; height: 28px; }
.close-btn10 { background: none; border: none; color: #333; cursor: pointer; }
.icono-blanco { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(12%) hue-rotate(290deg) brightness(109%) contrast(103%); }
.info-icon5{ cursor: pointer;}
.info-icon{ cursor: pointer; width: 24px; height: 24px;}
.img-azul {
filter: none;
}
.info-icon-24{
width: 24px !important; height: 24px !important;
}
.img-naranjo {
filter: brightness(0) saturate(100%) invert(37%) sepia(48%) saturate(4844%) hue-rotate(352deg) brightness(101%) contrast(101%);
}
.circulo-fases { width: 40px; height: 40px; border-radius: 50%; position: relative; transition: background-color 0.3s ease; z-index: 44444; }
.linea-fases {
z-index: 1;
position: absolute;
top: 20%;
left: 53%;
height: 0.75rem;
width: 94%;
background-color: #ddd;
transform: translateY(-50%);
transition: background-color 0.3s ease;
}
.linea-fase-completada {
background-color: #28a745 !important;
}
.linea-fase-pendiente {
background-color: #ddd !important;
}
.fondo-verde4 {
background-color: #28a745 !important;
}
.fondo-gris2 {
background-color: #ddd !important;
}
.listado-fases:last-child .linea-fases {
display: none;
}
.icono-filtro {
filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(4469%) hue-rotate(292deg) brightness(117%) contrast(81%);
}
.filtro-verde {
-webkit-filter: brightness(0) saturate(100%) invert(46%) sepia(100%) saturate(332%) hue-rotate(92deg) brightness(95%) contrast(87%);
filter: brightness(0) saturate(100%) invert(46%) sepia(100%) saturate(332%) hue-rotate(92deg) brightness(95%) contrast(87%);
}
.numero {
filter: none !important;
}
.ancho-recibirias{
width: 50% !important;
}
/* modal recuerda */
.open-modal-icon{
cursor: pointer;
height: 24px !important;
width: 24px !important;
}
.modal-tooltip {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9999;
width: 400px;
background-color: white;
border-radius: 10px;
border: 1px solid #ccc;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}
.modal-tooltip .header {
background-color: #f8f8f8;
padding: 10px;
border-bottom: 1px solid #ccc;
}
.icono-rojo{
filter: brightness(0) saturate(100%) invert(36%) sepia(82%) saturate(7500%) hue-rotate(353deg) brightness(108%) contrast(139%);
}
.icono-naranjo{
filter: brightness(0) saturate(100%) invert(44%) sepia(98%) saturate(4313%) hue-rotate(352deg) brightness(101%) contrast(101%);
}
.no-scroll {
overflow: hidden;
}
.texto-largo {
display: block;
}
.indicadores-slide .item {
height: 100%;
display: flex; display: -webkit-flex;
justify-content: center;
align-items: center;
}
.indicadores-slide .texto {
display: flex; display: -webkit-flex;
flex-direction: column;
align-items: center;
}
.indicadores-slide img {
width: 30px;
height: auto;
margin-bottom: 8px;
margin-top: 2rem;
}
.indicadores-slide .numero {
font-size: 24px;
color: #000;
margin-top: 4px;
}
.custom-file {
position: relative;
}
.custom-file input[type="file"] {
padding-right: 30px; /* Espacio para el ícono */
cursor: pointer; /* Cambia el cursor al pasar sobre el input */
}
.upload-icon {
position: absolute;
right: 10px; /* Ajusta este valor según sea necesario */
top: 50%;
transform: translateY(-50%);
pointer-events: none; /* Permite que los clics vayan al input */
}
.upload-icon img {
width: 24px; /* Ajusta el tamaño del ícono */
height: 24px; /* Ajusta el tamaño del ícono */
}
/* Ocultar texto en el input */
.custom-file input[type="file"]::-webkit-file-upload-button {
display: none; /* Ocultar botón predeterminado en navegadores WebKit */
}
/* Ocultar el indicador de estado válido */
.custom-file input[type="file"].is-valid {
background-image: none; /* Eliminar el ticket verde */
}
#social-links ul{
list-style-type: none;
padding-left: 0;
margin: 0 0.25rem;
font-size: 32px;
}
#social-links .fab {
display: none;
}
#social-links a[href*="facebook"]::before {
content: url('../imgs/iconos/FB.svg');
display: inline-block;
width: 32px;
height: 32px;
}
#social-links a[href*="linkedin"]::before {
content: url('../imgs/iconos/LI.svg');
display: inline-block;
width: 32px;
height: 32px;
}
#social-links a[href*="twitter"]::before {
content: url('../imgs/iconos/X.svg');
display: inline-block;
width: 32px;
height: 32px;
}
#social-links a[href*="wa.me"]::before {
content: url('../imgs/iconos/WSP.svg');
display: inline-block;
width: 32px;
height: 32px;
}
/* animaciones */
.animacion-blog{
transition: all 0.3s ease-in-out;
}
.animacion-blog:hover{
transform: scale(1.02);
box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
}
.animacion-valores {
transition: all 0.3s ease-in-out;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.animacion-valores:hover {
transform: scale(1.02);
background-color: #fff;
box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
}
.animacion-valores img {
transition: transform 0.3s ease-in-out;
}
.animacion-valores:hover img {
transform: scale(1.1);
}
.animacion-valores h3 {
transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
transform-origin: center;
}
.animacion-valores:hover h3 {
transform: scale(1.02);
}
.animacion-valores p {
transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;
}
.animacion-valores:hover p {
transform: scale(1.02);
}
.socios {
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
animation: scrollBackgroundReverse 40s ease-in-out infinite;
}
@keyframes scrollBackgroundReverse {
0% {
background-position: center top;
}
50% {
background-position: center bottom;
}
100% {
background-position: center top;
}
}
.animacion-img{
transition: transform 0.3s ease-in-out;
}
.animacion-img:hover{
transform: scale(1.1);
}
.caja-mas-leido {
transition: all 0.3s ease-in-out;
}
.caja-mas-leido a {
transition: color 0.3s ease-in-out;
}
.caja-mas-leido:hover {
background-color: var(--azul) !important;
color: #fff;
}
.caja-mas-leido:hover a {
color: #fff;
}
.caja-mas-leido span img {
filter: invert(0%);
transition: filter 0.3s ease-in-out;
}
.caja-mas-leido:hover span img {
filter: brightness(0) saturate(100%) invert(97%) sepia(0%) saturate(0%) hue-rotate(70deg) brightness(104%) contrast(104%);
}
.pasos-form-final h4 { color: lightgray; }
.pasos-form-final h4.activo { color: #000; }
.oculto { display: none; }
.caja-qr { display: none; }
.caja-datos-personales { text-align: left; margin: auto !important; display: block; }
.caja-datos-personales > li { font-weight: 400; font-size: 1em;}
#caja-contrato-firma { display: none; }
.caja-slider .contenedor-slider .btn-primary,
.caja-slider .contenedor-slider .btn-primary-invert,
#bannerMobile .btn-primary,
#bannerMobile .btn-primary-video {
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
white-space: nowrap;
text-decoration: none;
}
.caja-slider .contenedor-slider .btn-primary img,
.caja-slider .contenedor-slider .btn-primary-invert img,
#bannerMobile .btn-primary img,
#bannerMobile .btn-primary-video img {
width: 20px;
height: auto;
margin-right: 0.5rem;
transition: all 0.3s ease;
}
.img-responsive-custom {
width: 100%;
}
p{
font-size: 16px;
}
.rounded-top-lg{
border-radius: 0.75rem 0.75rem 0 0 !important;
}
.rounded-bottom-lg{
border-radius: 0 0 0.75rem 0.75rem !important;
}
.gif-overlay {
position: absolute;
top: 7%;
left: 48%;
transform: translate(-50%, -50%);
z-index: 2;
width: 11rem;
}
.animate-explosion {
animation: explode 1.5s cubic-bezier(0.17, 0.67, 0.83, 0.67) infinite;
}
@keyframes explode {
0% {
transform: translate(-50%, -50%) scale(0.1);
opacity: 0;
}
20% {
transform: translate(-50%, -50%) scale(1.3);
opacity: 1;
}
40% {
transform: translate(-50%, -50%) scale(1);
opacity: 1;
}
60% {
transform: translate(-50%, -50%) scale(0.9);
opacity: 1;
}
80% {
transform: translate(-50%, -50%) scale(1);
opacity: 1;
}
100% {
transform: translate(-50%, -50%) scale(0.1);
opacity: 0;
}
}
.educacion-financiera.blog .caja-noticia-loop {
min-height: 8rem;
display: flex; display: -webkit-flex;
flex-direction: column;
}
.educacion-financiera.blog .caja-noticia-loop .foto {
height: 250px;
overflow: hidden;
}
.educacion-financiera.blog .caja-noticia-loop .contenido {
flex: 1;
display: flex; display: -webkit-flex;
flex-direction: column;
justify-content: space-between; -webkit-justify-content: space-between;
}
.educacion-financiera.blog .caja-noticia-loop .contenido .btn-primary-invert {
margin-top: auto;
}
.sticky-image {
position: sticky;
top: 20px;
height: fit-content;
}
.content-text {
height: 100%;
}
.img-blog {
position: sticky;
top: 12rem;
height: fit-content !important;
}
.navbar-toggler {
border: none;
padding: 0;
}
.navbar-toggler-icon {
width: 40px;
height: 40px;
background-size: contain;
background-repeat: no-repeat;
filter: brightness(0) saturate(100%) invert(44%) sepia(98%) saturate(4313%) hue-rotate(352deg) brightness(101%) contrast(101%);
}
.navbar-collapse-custom {
position: fixed;
top: 0;
right: -100%;
width: 100%;
height: 100%;
max-height: 100vh;
background-color: #fff;
overflow-y: auto;
transition: transform 0.3s ease;
z-index: 99999999;
}
.navbar-collapse-custom.show {
transform: translateX(-100%);
}
/* Clase para desactivar el scroll */
.no-scroll {
overflow: hidden;
height: 100vh; /* Evitar scroll en móviles */
}
.menu-header {
display: flex; display: -webkit-flex;
justify-content: space-between; -webkit-justify-content: space-between;
align-items: center;
padding: 1rem;
}
.menu-header2{
display: flex; display: -webkit-flex;
justify-content: space-between; -webkit-justify-content: space-between;
align-items: center;
}
.menu-list {
list-style: none;
padding: 0;
margin: 0;
}
.menu-section {
margin-bottom: 1.5rem;
}
.menu-section span {
display: block;
font-weight: bold;
color: var(--naranjo);
margin-bottom: 0.5rem;
}
.menu-section ul {
margin-left: 1rem;
padding-left: 1rem;
}
.menu-section ul li {
margin-bottom: 0.5rem;
}
.menu-section ul li a {
text-decoration: none;
color: var(--gris-texto);
}
.menu-section ul li a.active{
color:var(--naranjo);
}
.social-links {
display: flex; display: -webkit-flex;
justify-content: space-around;
}
.social-links li {
margin: 0 0.5rem;
}
.social-links li a img {
width: 24px;
height: 24px;
}
.icon-wrapper {
display: inline-block;
}
.icon-hover {
position: relative;
display: none;
}
.icon-wrapper:hover .icon-default {
display: none;
}
.icon-wrapper:hover .icon-hover {
display: block;
}
.icon-wrapper {
position: relative;
width: 32px;
height: 32px;
}
.icon-wrapper a {
display: block;
width: 100%;
height: 100%;
}
.icon-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
}
.icon-hover {
opacity: 0;
transition: opacity 0.3s ease;
}
.icon-wrapper:hover .icon-default {
opacity: 0;
}
.icon-wrapper:hover .icon-hover {
opacity: 1;
}
.pagination .page-item.active .page-link {
color: var(--naranjo);
background-color: var(--blanco);
border: 1px solid var(--gris-claro);
border-bottom: 1px solid var(--gris-claro);
border-top: 1px solid var(--gris-claro);
}
.pagination .page-item .page-link {
background-color: var(--blanco);
color: var(--gris-texto);
padding: 0.5rem 1rem;
border-right: 1px solid var(--gris-claro);
}
.pagination .page-item:first-child .page-link {
border-top-left-radius: 0.75rem;
border-bottom-left-radius: 0.75rem;
border-right: 1px solid var(--gris-claro);
}
.pagination .page-item:last-child .page-link {
border-right: none;
border-top-right-radius: 0.75rem;
border-bottom-right-radius: 0.75rem;
}
.pagination .page-item.disabled .page-link {
opacity: 0.5;
background-color: var(--blanco) !important;
}
.vertical-line-item2 {
width: 1px;
background-color: var(--gris-texto);
height: 100%;
margin: 0 10px;
}
body {
overflow-x: hidden;
}
.rounded-top-img{
border-top-left-radius: 0.5rem !important;
border-top-right-radius: 0.5rem !important;
}
.negrita-custom{
text-shadow: 0 0 0.6px rgba(0, 0, 0, 0.5);
font-weight: 420;
}
.certificados-carousel .img-fluid {
max-width: 100%;
height: auto;
min-width: 150px;
}
.certificados-carousel .owl-item {
display: flex; display: -webkit-flex;
justify-content: center;
align-items: center;
}
.caja-aparecer-thankyou { display: none; }
.filtro-naranjo{
-webkit-filter: brightness(0) saturate(100%) invert(45%) sepia(79%) saturate(5206%) hue-rotate(352deg) brightness(104%) contrast(102%);
filter: brightness(0) saturate(100%) invert(45%) sepia(79%) saturate(5206%) hue-rotate(352deg) brightness(104%) contrast(102%);
}
.filtro-azul{
-webkit-filter: brightness(0) saturate(100%) invert(26%) sepia(71%) saturate(2288%) hue-rotate(213deg) brightness(90%) contrast(94%);
filter: brightness(0) saturate(100%) invert(26%) sepia(71%) saturate(2288%) hue-rotate(213deg) brightness(90%) contrast(94%);
}
#valor_manual2 {
border: none;
border-radius: 0;
}
#valor_manual2:focus {
outline: none;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
border-radius: 0.2rem;
}
.custom-accordion:not(.collapsed)::after {
display: none !important;
}
.custom-accordion::after {
display: none !important;
}
.w-30{
width: 30% !important;
}
.w-70{
width: 70% !important;
}
#contenedorSovos { max-height: 100%;}
/* Cambia el color de relleno de los íconos SVG y sus paths */
.transferencia .card .btn:hover svg path {
fill: var(--blanco)!important; /* Color de relleno para SVG y paths */
}
/* Cambia específicamente el color de los paths */
.transferencia .subir_archivo:hover svg path {
fill: var(--verde)!important; /* Color de relleno solo para paths */
}
.etapas-inversion {
gap: 1rem;
}
.barra-progreso {
height: 0.5rem;
width: 8rem;
background-color: var(--gris-claro);
border-radius: 0.2rem;
}
.barra-progreso.activa {
background-color: var(--verde) !important;
}
.eliminar-tabla .dt-layout-row{
display: none !important;
}
.eliminar-tabla .dt-layout-table {
display: table !important;
}
footer p, footer p a{
font-size: 12px;
}
ul.list-unstyled.d-none.d-lg-flex.align-items-center.justify-content-center.p-0.m-0{
font-size: 12px;
}
ul.list-unstyled.d-none.d-lg-flex.align-items-center.justify-content-center.p-0.m-0 img{
width: 20px;
height: 20px;
}
ul.list-unstyled.dolar-slide.owl-carousel.d-flex.d-md-none.align-items-center.justify-content-center.p-0.m-0.owl-loaded.owl-drag {
font-size: 10px;
}
ul.list-unstyled.dolar-slide.owl-carousel.d-flex.d-md-none.align-items-center.justify-content-center.p-0.m-0.owl-loaded.owl-drag img{
width: 16px;
height: 16px;
}
.scroll-disclaimer {
text-align: center;
color: var(--gris-texto);
font-size: 1.2rem;
font-weight: 600;
font-family: "Open Sans", sans-serif;
margin: 0;
}
.requisitos-list {
max-width: 100%;
margin-left: 0;
}
.qr-container {
border: 1px solid #e9ecef;
background-color: #f8f9fa;
}
.img-close {
width: 32px;
height: 32px;
position: absolute;
right: 1rem;
top: 1rem;
z-index: 1;
}
/* Optimización de espacios */
.respuestaNews .row {
--bs-gutter-y: 1rem;
}
.respuestaNews .h4 {
font-size: 1.25rem;
}
.respuestaNews .h5 {
font-size: 1.1rem;
}
.fw-600{
font-weight: 600 !important;
}
.bg-webpay {
--bs-bg-opacity: 1;
background-color: rgba(109, 32, 119, var(--bs-bg-opacity)) !important;
}
.bg-myway-azul {
--bs-bg-opacity: 1;
background-color: rgba(37, 88, 213, var(--bs-bg-opacity)) !important;
}
.bg-myway-naranjo {
--bs-bg-opacity: 1;
background-color: rgba(255, 71, 21, var(--bs-bg-opacity)) !important;
}
.no-scroll {
overflow: hidden !important;
height: 100% !important;
}
.logo-gris {
filter: grayscale(100%);
opacity: 0.8;
transition: filter 0.3s ease, opacity 0.3s ease;
}
.logo-gris:hover {
filter: grayscale(0%);
opacity: 1;
}
@media (min-width: 992px) {
.w-lg-fit {
width: fit-content !important;
}
}
.px-6 {
padding-right: 5rem !important;
padding-left: 5rem !important;
}