@import url("https://fonts.googleapis.com/css2?family=Karla:wght@400;700&family=Lexend:wght@300;400;700&display=swap");
body {
overflow-x: hidden;
}
img {
max-width: 100%;
}
a {
text-decoration: none;
}
h1,
.h1 {
font-family: "Lexend", sans-serif;
font-size: calc(32px + 28 * (100vw - 300px) / 2000);
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
h2,
.h2 {
font-family: "Lexend", sans-serif;
font-size: calc(26px + 22 * (100vw - 300px) / 2000);
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
h3,
.h3 {
font-family: "Lexend", sans-serif;
font-size: calc(22px + 6 * (100vw - 300px) / 2000);
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
h4,
.h4 {
font-family: "Lexend", sans-serif;
font-size: calc(15px + 7 * (100vw - 300px) / 2000);
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
h5,
.h5 {
font-family: "Lexend", sans-serif;
font-size: calc(13px + 5 * (100vw - 300px) / 2000);
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
.p-big {
font-family: "Karla", sans-serif;
font-size: calc(14px + 4 * (100vw - 300px) / 2000);
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
.p, .banner-perfil .text-banner-info ul li, .tabs-data .tabs-content ul li, .parrafos-wysing, .error,
p {
font-family: "Karla", sans-serif;
font-size: calc(13px + 3 * (100vw - 300px) / 2000);
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
.p-small, figure figcaption {
font-family: "Karla", sans-serif;
font-size: calc(11px + 3 * (100vw - 300px) / 2000);
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
.font-button-bold {
font-family: "Lexend", sans-serif;
font-size: calc(13px + 3 * (100vw - 300px) / 2000);
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
.font-button-small {
font-family: "Lexend", sans-serif;
font-size: calc(10px + 6 * (100vw - 300px) / 2000);
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
.font-select, .select-selected,
.select-custom-multiple, .select-items div, .select-items {
font-family: "Karla", sans-serif;
font-size: calc(13px + 3 * (100vw - 300px) / 2000);
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
.btn-blue {
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
padding: 1rem 2rem;
border-radius: 60px;
background-image: linear-gradient(to bottom, #0b63f6 0%, #003cc5 100%);
color: #ffffff;
height: 44px;
transition: all 300ms;
border: none;
/* Large and up */
/* Medium and up */
}
.btn-blue.disabled {
background-image: linear-gradient(to bottom, #a4a4a4, #a4a4a4), linear-gradient(to bottom, rgba(164, 164, 164, 0.7), rgba(164, 164, 164, 0.7)), linear-gradient(to bottom, #549fff 0%, #0b63f6 100%);
pointer-events: none;
}
.btn-blue.white-btn {
background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
color: #0b63f6;
}
.btn-blue.white-btn:hover, .btn-blue.white-btn:focus {
background-image: linear-gradient(to bottom, #fafafa 0%, #f0f0f0 100%);
color: #0b63f6;
}
.btn-blue.white-btn-border {
background-image: linear-gradient(to bottom, #fff 0%, #fff 100%);
color: #0b63f6;
border: 1px solid #b3cffd;
}
.btn-blue.white-btn-border:hover, .btn-blue.white-btn-border:focus {
background-image: linear-gradient(to bottom, #fafafa 0%, #f0f0f0 100%);
color: #0b63f6;
border: 1px solid #b3cffd;
}
.btn-blue.small {
padding: 0.8rem 1rem;
/* Medium and up */
}
@media screen and (min-width: 40em) {
.btn-blue.small {
padding: 1rem 2rem;
}
}
.btn-blue:hover, .btn-blue:focus {
background-image: linear-gradient(to bottom, #549fff 0%, #0b63f6 100%);
color: #ffffff;
}
@media screen and (min-width: 64em) {
.btn-blue {
height: 50px;
}
}
@media screen and (min-width: 40em) {
.btn-blue {
padding: 1rem 2rem;
}
}
.link-google {
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
padding: 1rem 2rem;
border-radius: 60px;
color: #323232;
border: solid 1px #b3cffd;
height: 44px;
transition: all 300ms;
/* Large and up */
/* Medium and up */
}
.link-google .icon-google {
width: 20px;
margin-right: 0.5rem;
}
.link-google:hover {
background-color: rgba(206, 216, 234, 0.3);
color: #0b63f6;
}
@media screen and (min-width: 64em) {
.link-google {
height: 50px;
}
}
@media screen and (min-width: 40em) {
.link-google {
padding: 1rem 2rem;
}
}
.btn-outline {
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
padding: 1rem 2rem;
border-radius: 60px;
color: #0b63f6;
border: solid 1px #b3cffd;
height: 44px;
transition: all 300ms;
/* Large and up */
/* Medium and up */
}
.btn-outline.full-mobile {
width: 100%;
}
@media (min-width: 768px) {
.btn-outline.full-mobile {
width: auto;
}
}
.btn-outline.white {
border: solid 1px #ffffff;
color: #ffffff;
}
.btn-outline.small {
padding: 0.8rem 1rem;
/* Medium and up */
}
@media screen and (min-width: 40em) {
.btn-outline.small {
padding: 1rem 2rem;
}
}
.btn-outline.red-button {
border: solid 1px #ff0000;
color: #ff0000;
}
.btn-outline.red-button:hover {
background-color: rgba(255, 0, 0, 0.25);
color: #ff0000;
}
.btn-outline.red-button:focus {
background-color: #ff0000;
color: #ffffff;
}
.btn-outline:hover {
background-color: rgba(206, 216, 234, 0.3);
color: #0b63f6;
background-color: rgba(206, 216, 234, 0.3);
}
@media screen and (min-width: 64em) {
.btn-outline {
height: 50px;
}
}
@media screen and (min-width: 40em) {
.btn-outline {
padding: 1rem 2rem;
}
}
.link-white {
color: #ffffff;
background: none;
box-shadow: unset;
border-radius: unset;
border: none;
transition: all 300ms;
}
.link-white.grisOscuro {
color: #323232;
}
.link-white.grisClaro {
color: #a4a4a4;
}
.link-white.underline {
text-decoration: underline;
}
.link-white:hover {
color: #003cc5;
}
.button-back {
height: 44px;
width: 44px;
border-radius: 50%;
border: solid 1px #ced8ea;
display: flex;
justify-content: center;
align-items: center;
}
.btn-close-round {
height: 50px;
width: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #ced8ea;
}
.btn-close-round svg {
width: 40px;
height: 40px;
}
.btn-close-round.white {
background-color: #ffffff;
border: 1px solid #ffffff;
}
.btn-close-round.white svg {
fill: #323232;
}
.custom-select {
position: relative;
width: 100%;
}
.custom-select.sector-select .select-selected {
padding-left: 3rem;
position: relative;
}
.custom-select.sector-select .select-selected:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.1' d='M15 12a2 2 0 1 1 0-4 2 2 0 0 1 0 4zM5 19a2 2 0 1 1 0-4 2 2 0 0 1 0 4zM5 5a2 2 0 1 1 0-4 2 2 0 0 1 0 4z' fill='%23A4A4A4'/%3E%3Cpath d='M19 3H7M3 3H1M19 10h-2M3 17H1M13 10H1M19 17H7' stroke='%23A4A4A4' stroke-linecap='round'/%3E%3Cpath d='M15 12a2 2 0 1 1 0-4 2 2 0 0 1 0 4zM5 19a2 2 0 1 1 0-4 2 2 0 0 1 0 4zM5 5a2 2 0 1 1 0-4 2 2 0 0 1 0 4z' stroke='%23A4A4A4'/%3E%3C/svg%3E ");
background-position: center center;
background-repeat: no-repeat;
background-size: 16px 16px;
width: 16px;
height: 16px;
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
}
.custom-select.sector-select .select-selected.select-arrow-active:before {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.1' d='M15 12a2 2 0 1 1 0-4 2 2 0 0 1 0 4zM5 19a2 2 0 1 1 0-4 2 2 0 0 1 0 4zM5 5a2 2 0 1 1 0-4 2 2 0 0 1 0 4z' fill='%23A4A4A4'/%3E%3Cpath d='M19 3H7M3 3H1M19 10h-2M3 17H1M13 10H1M19 17H7' stroke='%23A4A4A4' stroke-linecap='round'/%3E%3Cpath d='M15 12a2 2 0 1 1 0-4 2 2 0 0 1 0 4zM5 19a2 2 0 1 1 0-4 2 2 0 0 1 0 4zM5 5a2 2 0 1 1 0-4 2 2 0 0 1 0 4z' stroke='%23323232'/%3E%3C/svg%3E ");
}
.custom-select.nivelSelect .select-selected {
padding-left: 3rem;
position: relative;
}
.custom-select.nivelSelect .select-selected:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.1' d='M1 10c0-7.412 1.588-9 9-9s9 1.588 9 9-1.588 9-9 9-9-1.588-9-9z' fill='%23A4A4A4'/%3E%3Cpath d='M10 8v6M14 6v8M6 9v5' stroke='%23A4A4A4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 10c0-7.412 1.588-9 9-9s9 1.588 9 9-1.588 9-9 9-9-1.588-9-9z' stroke='%23A4A4A4'/%3E%3C/svg%3E%0A");
background-position: center center;
background-repeat: no-repeat;
background-size: 16px 16px;
width: 16px;
height: 16px;
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
}
.custom-select.nivelSelect .select-selected.select-arrow-active:before {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.1' d='M1 10c0-7.412 1.588-9 9-9s9 1.588 9 9-1.588 9-9 9-9-1.588-9-9z' fill='%23323232'/%3E%3Cpath d='M10 8v6M14 6v8M6 9v5' stroke='%23323232' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 10c0-7.412 1.588-9 9-9s9 1.588 9 9-1.588 9-9 9-9-1.588-9-9z' stroke='%23323232'/%3E%3C/svg%3E%0A");
}
.custom-select.idiomaSelect .select-selected {
padding-left: 3rem;
position: relative;
}
.custom-select.idiomaSelect .select-selected:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='21' height='19' viewBox='0 0 21 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.252 13.186v-1.387c0-1.5 0-2.25.382-2.775a2 2 0 0 1 .443-.443c.526-.382 1.275-.382 2.775-.382h.274c1.763 0 2.645 0 3.216.518.05.044.096.09.14.14.518.571.518 1.453.518 3.216v1.763c0 .772 0 1.159-.137 1.51-.137.35-.4.634-.923 1.202l-.888.964c-.488.529-1.372.183-1.372-.537v-.564c0-.559-.453-1.012-1.012-1.012h-1.202c-.198 0-.297 0-.381-.007a2 2 0 0 1-1.826-1.825c-.007-.084-.007-.183-.007-.381zM1 5.986V4.6c0-1.5 0-2.25.382-2.776a2 2 0 0 1 .442-.442C2.35 1 3.1 1 4.6 1h.274c1.763 0 2.645 0 3.216.517.049.045.096.092.14.14.518.572.518 1.454.518 3.217v1.763c0 .772 0 1.158-.138 1.51-.137.35-.399.634-.922 1.202l-.889.963c-.488.53-1.372.184-1.372-.536v-.565c0-.558-.453-1.011-1.011-1.011H3.214c-.199 0-.298 0-.382-.007a2 2 0 0 1-1.825-1.825C1 6.284 1 6.185 1 5.986z' stroke='%23A4A4A4' stroke-linejoin='round'/%3E%3Cpath opacity='.1' d='M12.252 13.186v-1.387c0-1.5 0-2.25.382-2.775a2 2 0 0 1 .443-.443c.526-.382 1.275-.382 2.775-.382h.274c1.763 0 2.645 0 3.216.518.05.044.096.09.14.14.518.571.518 1.453.518 3.216v1.763c0 .772 0 1.159-.137 1.51-.137.35-.4.634-.923 1.202l-.888.964c-.488.529-1.372.183-1.372-.537v-.564c0-.559-.453-1.012-1.012-1.012h-1.202c-.198 0-.297 0-.381-.007a2 2 0 0 1-1.826-1.825c-.007-.084-.007-.183-.007-.381zM1 5.986V4.6c0-1.5 0-2.25.382-2.776a2 2 0 0 1 .442-.442C2.35 1 3.1 1 4.6 1h.274c1.763 0 2.645 0 3.216.517.049.045.096.092.14.14.518.572.518 1.454.518 3.217v1.763c0 .772 0 1.158-.138 1.51-.137.35-.399.634-.922 1.202l-.889.963c-.488.53-1.372.184-1.372-.536v-.565c0-.558-.453-1.011-1.011-1.011H3.214c-.199 0-.298 0-.382-.007a2 2 0 0 1-1.825-1.825C1 6.284 1 6.185 1 5.986z' fill='%23A4A4A4'/%3E%3C/svg%3E%0A");
background-position: center center;
background-repeat: no-repeat;
background-size: 16px 16px;
width: 16px;
height: 16px;
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
}
.custom-select.idiomaSelect .select-selected.select-arrow-active:before {
background-image: url("data:image/svg+xml,%3Csvg width='21' height='19' viewBox='0 0 21 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.252 13.186v-1.387c0-1.5 0-2.25.382-2.775a2 2 0 0 1 .443-.443c.526-.382 1.275-.382 2.775-.382h.274c1.763 0 2.645 0 3.216.518.05.044.096.09.14.14.518.571.518 1.453.518 3.216v1.763c0 .772 0 1.159-.137 1.51-.137.35-.4.634-.923 1.202l-.888.964c-.488.529-1.372.183-1.372-.537v-.564c0-.559-.453-1.012-1.012-1.012h-1.202c-.198 0-.297 0-.381-.007a2 2 0 0 1-1.826-1.825c-.007-.084-.007-.183-.007-.381zM1 5.986V4.6c0-1.5 0-2.25.382-2.776a2 2 0 0 1 .442-.442C2.35 1 3.1 1 4.6 1h.274c1.763 0 2.645 0 3.216.517.049.045.096.092.14.14.518.572.518 1.454.518 3.217v1.763c0 .772 0 1.158-.138 1.51-.137.35-.399.634-.922 1.202l-.889.963c-.488.53-1.372.184-1.372-.536v-.565c0-.558-.453-1.011-1.011-1.011H3.214c-.199 0-.298 0-.382-.007a2 2 0 0 1-1.825-1.825C1 6.284 1 6.185 1 5.986z' stroke='%23323232' stroke-linejoin='round'/%3E%3Cpath opacity='.1' d='M12.252 13.186v-1.387c0-1.5 0-2.25.382-2.775a2 2 0 0 1 .443-.443c.526-.382 1.275-.382 2.775-.382h.274c1.763 0 2.645 0 3.216.518.05.044.096.09.14.14.518.571.518 1.453.518 3.216v1.763c0 .772 0 1.159-.137 1.51-.137.35-.4.634-.923 1.202l-.888.964c-.488.529-1.372.183-1.372-.537v-.564c0-.559-.453-1.012-1.012-1.012h-1.202c-.198 0-.297 0-.381-.007a2 2 0 0 1-1.826-1.825c-.007-.084-.007-.183-.007-.381zM1 5.986V4.6c0-1.5 0-2.25.382-2.776a2 2 0 0 1 .442-.442C2.35 1 3.1 1 4.6 1h.274c1.763 0 2.645 0 3.216.517.049.045.096.092.14.14.518.572.518 1.454.518 3.217v1.763c0 .772 0 1.158-.138 1.51-.137.35-.399.634-.922 1.202l-.889.963c-.488.53-1.372.184-1.372-.536v-.565c0-.558-.453-1.011-1.011-1.011H3.214c-.199 0-.298 0-.382-.007a2 2 0 0 1-1.825-1.825C1 6.284 1 6.185 1 5.986z' fill='%23323232'/%3E%3C/svg%3E%0A");
}
.custom-select.maletaSelect .select-selected {
padding-left: 3rem;
position: relative;
}
.custom-select.maletaSelect .select-selected:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.1' d='M1.037 7A20.66 20.66 0 0 0 1 8.312v5.376C1 18.062 1.938 19 6.312 19h7.376C18.062 19 19 18.062 19 13.688V8.312c0-.477-.011-.913-.037-1.312H1.037z' fill='%23A4A4A4'/%3E%3Cpath d='M1 8.312C1 3.938 1.938 3 6.312 3h7.376C18.062 3 19 3.938 19 8.312v5.376C19 18.062 18.062 19 13.688 19H6.312C1.938 19 1 18.062 1 13.688V8.312z' stroke='%23A4A4A4'/%3E%3Cpath d='M4 3V1M16 3V1M1.5 7h17' stroke='%23A4A4A4' stroke-linecap='round'/%3E%3C/svg%3E%0A");
background-position: center center;
background-repeat: no-repeat;
background-size: 16px 16px;
width: 16px;
height: 16px;
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
}
.custom-select.maletaSelect .select-selected.select-arrow-active:before {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.1' d='M1.037 7A20.66 20.66 0 0 0 1 8.312v5.376C1 18.062 1.938 19 6.312 19h7.376C18.062 19 19 18.062 19 13.688V8.312c0-.477-.011-.913-.037-1.312H1.037z' fill='%23323232'/%3E%3Cpath d='M1 8.312C1 3.938 1.938 3 6.312 3h7.376C18.062 3 19 3.938 19 8.312v5.376C19 18.062 18.062 19 13.688 19H6.312C1.938 19 1 18.062 1 13.688V8.312z' stroke='%23323232'/%3E%3Cpath d='M4 3V1M16 3V1M1.5 7h17' stroke='%23323232' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.custom-select.alerta-select .select-selected {
padding-left: 3rem;
position: relative;
}
.custom-select.alerta-select .select-selected:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.1' d='m2.996 5.706-1.534 7.913A2 2 0 0 0 3.425 16h9.15a2 2 0 0 0 1.963-2.38l-1.534-7.914a.848.848 0 0 0-.008-.035C12.926 5.365 11.86 1 8 1 4.14 1 3.074 5.365 3.004 5.67a1.052 1.052 0 0 0-.008.036z' fill='%23A4A4A4'/%3E%3Cpath d='M5 16s0 3 3.046 3c3.047 0 3.047-3 3.047-3M2.996 5.706l-1.534 7.913A2 2 0 0 0 3.425 16h9.15a2 2 0 0 0 1.963-2.38l-1.534-7.914a.848.848 0 0 0-.008-.035C12.926 5.365 11.86 1 8 1 4.14 1 3.074 5.365 3.004 5.67a1.052 1.052 0 0 0-.008.036z' stroke='%23A4A4A4' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-position: center center;
background-repeat: no-repeat;
background-size: 16px 16px;
width: 16px;
height: 16px;
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
}
.custom-select.alerta-select .select-selected.select-arrow-active:before {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.1' d='m2.996 5.706-1.534 7.913A2 2 0 0 0 3.425 16h9.15a2 2 0 0 0 1.963-2.38l-1.534-7.914a.848.848 0 0 0-.008-.035C12.926 5.365 11.86 1 8 1 4.14 1 3.074 5.365 3.004 5.67a1.052 1.052 0 0 0-.008.036z' fill='%23323232'/%3E%3Cpath d='M5 16s0 3 3.046 3c3.047 0 3.047-3 3.047-3M2.996 5.706l-1.534 7.913A2 2 0 0 0 3.425 16h9.15a2 2 0 0 0 1.963-2.38l-1.534-7.914a.848.848 0 0 0-.008-.035C12.926 5.365 11.86 1 8 1 4.14 1 3.074 5.365 3.004 5.67a1.052 1.052 0 0 0-.008.036z' stroke='%23323232' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.custom-select.errorInput {
margin-bottom: 0.5rem;
}
.custom-select.select-validate select {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
visibility: hidden;
display: block;
width: 0;
height: 0;
}
.custom-select select {
display: none;
}
.select-items {
color: #ced8ea;
cursor: pointer;
transition: all 300ms;
}
.select-items div {
display: flex;
align-items: center;
padding: 0.5rem 1rem;
transition: all 300ms;
position: relative;
background-color: #ffffff;
color: #323232;
}
.select-items div:not(:last-child) {
border-bottom: solid 1px #ced8ea;
}
.select-selected,
.select-custom-multiple {
background-color: #ffffff;
color: #ced8ea;
height: 50px;
display: flex;
align-items: center;
padding: 1rem;
padding-right: 32px;
transition: all 300ms;
background-origin: content-box;
background-position: right -16px center;
background-repeat: no-repeat;
background-size: 16px 16px;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.22.345a.75.75 0 0 1 1.06 0L8 7.065l6.72-6.72a.75.75 0 1 1 1.06 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L.22 1.405a.75.75 0 0 1 0-1.06z' fill='%23A4A4A4'/%3E%3C/svg%3E%0A");
border-radius: 4px;
border: solid 1px #ced8ea;
}
.select-custom-multiple.open {
border: solid 1px #323232;
color: #323232;
}
.select-custom-multiple span {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
}
.select-items {
position: absolute;
background-color: #ffffff;
top: 100%;
left: 0;
right: 0;
z-index: 99;
margin-top: 16px;
max-height: 300px;
overflow-y: auto;
border-radius: 4px;
box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
/* ===== Scrollbar CSS ===== */
/* Firefox */
/* Chrome, Edge, and Safari */
}
.select-items {
scrollbar-width: auto;
scrollbar-color: #a4a4a4 #ffffff;
}
.select-items::-webkit-scrollbar {
width: 12px;
}
.select-items::-webkit-scrollbar-track {
background: #ffffff;
}
.select-items::-webkit-scrollbar-thumb {
background-color: #a4a4a4;
border-radius: 6px;
border: 3px solid #ffffff;
}
.select-hide {
display: none;
}
.same-as-selected {
pointer-events: none;
}
.select-arrow-active {
border: solid 1px #323232;
color: #323232;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='9' viewBox='0 0 16 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.22.345a.75.75 0 0 1 1.06 0L8 7.065l6.72-6.72a.75.75 0 1 1 1.06 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L.22 1.405a.75.75 0 0 1 0-1.06z' fill='%23323232'/%3E%3C/svg%3E%0A");
}
.custom-open-multiple {
width: 100%;
position: relative;
}
.custom-open-multiple .ubicacion-select {
padding-left: 3rem;
position: relative;
}
.custom-open-multiple .ubicacion-select:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.1' fill-rule='evenodd' clip-rule='evenodd' d='M9.952 18.905C12.073 17.493 17 13.709 17 9A8 8 0 1 0 1 9c0 4.709 4.927 8.494 7.048 9.905a1.707 1.707 0 0 0 1.904 0zM9 5.75a3.25 3.25 0 1 0 0 6.5 3.25 3.25 0 0 0 0-6.5z' fill='%23A4A4A4'/%3E%3Cpath d='M17 9c0 2.268-1.143 4.322-2.566 6-1.53 1.804-3.381 3.172-4.48 3.904a1.71 1.71 0 0 1-1.907 0c-1.1-.732-2.952-2.1-4.481-3.904C2.144 13.322 1 11.268 1 9a8 8 0 1 1 16 0z' stroke='%23A4A4A4'/%3E%3Cpath d='M12 9a3 3 0 1 1-6 0 3 3 0 0 1 6 0z' stroke='%23A4A4A4'/%3E%3C/svg%3E%0A");
background-position: center center;
background-repeat: no-repeat;
background-size: 16px 16px;
width: 16px;
height: 16px;
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
}
.custom-open-multiple .ubicacion-select.open:before {
background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.1' fill-rule='evenodd' clip-rule='evenodd' d='M9.952 18.905C12.073 17.493 17 13.709 17 9A8 8 0 1 0 1 9c0 4.709 4.927 8.494 7.048 9.905a1.707 1.707 0 0 0 1.904 0zM9 5.75a3.25 3.25 0 1 0 0 6.5 3.25 3.25 0 0 0 0-6.5z' fill='%23323232'/%3E%3Cpath d='M17 9c0 2.268-1.143 4.322-2.566 6-1.53 1.804-3.381 3.172-4.48 3.904a1.71 1.71 0 0 1-1.907 0c-1.1-.732-2.952-2.1-4.481-3.904C2.144 13.322 1 11.268 1 9a8 8 0 1 1 16 0z' stroke='%23323232'/%3E%3Cpath d='M12 9a3 3 0 1 1-6 0 3 3 0 0 1 6 0z' stroke='%23323232'/%3E%3C/svg%3E%0A");
}
.custom-open-multiple .perfil-select {
padding-left: 3rem;
position: relative;
}
.custom-open-multiple .perfil-select:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.1' d='M15 6A5 5 0 1 1 5 6a5 5 0 0 1 10 0z' fill='%23A4A4A4'/%3E%3Cpath d='M15 6A5 5 0 1 1 5 6a5 5 0 0 1 10 0z' stroke='%23A4A4A4'/%3E%3Cpath d='M1 19c.957-3.076 3.42-4 9-4s8.043.924 9 4' stroke='%23A4A4A4' stroke-linecap='round'/%3E%3C/svg%3E%0A");
background-position: center center;
background-repeat: no-repeat;
background-size: 16px 16px;
width: 16px;
height: 16px;
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
}
.custom-open-multiple .perfil-select.open:before {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.1' d='M15 6A5 5 0 1 1 5 6a5 5 0 0 1 10 0z' fill='%23323232'/%3E%3Cpath d='M15 6A5 5 0 1 1 5 6a5 5 0 0 1 10 0z' stroke='%23323232'/%3E%3Cpath d='M1 19c.957-3.076 3.42-4 9-4s8.043.924 9 4' stroke='%23323232' stroke-linecap='round'/%3E%3C/svg%3E");
}
.custom-open-multiple .foat-multiple {
position: absolute;
background-color: #ffffff;
top: 100%;
left: 0;
right: 0;
z-index: 99;
margin-top: 16px;
border-radius: 4px;
box-shadow: 0 0 10px 0 rgba(75, 122, 176, 0.2);
padding: 1rem;
}
.custom-open-multiple .foat-multiple.not-padding {
padding: 0;
}
.custom-open-multiple .foat-multiple .custom-select:not(:last-child) {
margin-bottom: 1rem;
}
.custom-open-multiple .foat-multiple .container-check {
width: 100%;
}
.checkbox-filter {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.checkbox-filter .check-data {
border-bottom: none !important;
width: auto;
}
@media (min-width: 992px) {
.checkbox-filter {
align-items: center;
flex-direction: row;
flex-wrap: wrap;
}
}
.check-data {
width: 100%;
padding: 0.5rem 1rem;
display: flex;
align-items: center;
}
.check-data.normal {
padding: 0;
border: none;
}
.check-data:not(:last-child) {
border-bottom: solid 1px #ced8ea;
}
.check-data .check-box-me {
cursor: pointer;
margin: 0;
display: inline-flex;
align-items: center;
color: #323232;
position: relative;
}
.check-data .check-box-me .icon-check {
-webkit-appearance: none;
background-color: transparent;
border-radius: 6px;
border: solid 1px #ced8ea;
height: 30px;
width: 30px;
display: inline-flex;
justify-content: center;
align-items: center;
position: relative;
cursor: pointer;
margin-right: 12px;
flex-shrink: 0;
}
.check-data .check-box-me .icon-check .arrow-check {
height: calc(100% + 1px);
width: calc(100% + 1px);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: none;
border-radius: 6px;
background-color: #003cc5;
justify-content: center;
align-items: center;
}
.check-data .check-box-me .icon-check .arrow-check svg {
height: 16px;
width: 16px;
fill: #ffffff;
}
.check-data .check-box-me .icon-check.video-check {
border-radius: 50%;
}
.check-data .check-box-me .icon-check.video-check .arrow-check {
border-radius: 50%;
background-color: #0b63f6;
}
.check-data .check-box-me .icon-check.video-check .arrow-check svg {
fill: transparent;
}
.check-data input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.check-data input:checked + label .icon-check .arrow-check {
display: flex;
}
.custom-switch {
position: relative;
display: inline-block;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.custom-switch.errorInput {
margin-bottom: 0.5rem;
}
.custom-switch input {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
visibility: hidden;
height: 0;
width: 0;
pointer-events: none;
}
.custom-switch label {
position: relative;
display: block;
width: 60px;
height: 30px;
border-radius: 50px;
background: #e6e6e6;
cursor: pointer;
transition: all 0.4s ease-in-out;
}
.custom-switch label:after {
position: absolute;
display: block;
content: "";
width: 20px;
height: 20px;
top: 50%;
transform: translateY(-50%);
left: 6px;
border-radius: 50%;
background: #ffffff;
pointer-events: none;
transition: all 0.4s ease-in-out;
}
.custom-switch input:checked + label:after {
left: 34px;
}
.custom-switch input:checked + label {
background: #0bab2e;
}
.bold-500 {
font-weight: 500;
}
.bold {
font-weight: 500;
}
.font-negro {
color: #000000;
}
.font-white {
color: #ffffff;
}
.font-azul {
color: #0b63f6;
}
.font-azulNegro {
color: #001b59;
}
.font-grisOscuro {
color: #323232;
}
.font-azulNegro2 {
color: #050038;
}
.font-grisClaro {
color: #a4a4a4;
}
.bold-normal {
font-weight: bold;
}
.error-text {
color: #ff1111;
}
.error {
color: #ff1111 !important;
}
.cursor-pointer {
cursor: pointer;
}
@media (max-width: 575.98px) {
.padding-custom-row > * {
padding-right: calc(var(--bs-gutter-x) * 0.25);
padding-left: calc(var(--bs-gutter-x) * 0.25);
}
}
.bloque-general-content {
padding-top: 160px;
padding-bottom: 80px;
background-color: #edf2f7;
min-height: 100vh;
}
.bloque-general-content.vertical-center {
display: flex;
align-items: center;
}
.bloque-general-content.mobile-white {
background-color: #ffffff;
}
@media (min-width: 768px) {
.bloque-general-content.mobile-white {
background-color: #edf2f7;
}
}
@media (max-width: 575.98px) {
.bloque-general-content.padding-history {
padding-top: 100px;
}
}
@media (min-width: 1400px) {
.bloque-general-content {
padding-top: 180px;
padding-bottom: 100px;
}
}
.align-container-messages {
width: 100%;
}
.align-container-messages.mobile-message-padding {
background-color: #ffffff;
border-radius: 12px;
padding: 1.5rem 2rem;
}
@media (min-width: 768px) {
.align-container-messages.mobile-message-padding {
padding: 0;
}
}
.align-container-messages.not-center {
margin: 0 !important;
}
.align-container-messages.bg-transparente {
background-color: transparent;
border: none;
}
@media (min-width: 768px) {
.align-container-messages {
background-color: #ffffff;
border-radius: 12px;
width: 70%;
margin: 0 auto;
border: 1px solid #ced8ea;
}
}
@media (min-width: 992px) {
.align-container-messages {
width: 500px;
}
}
@media (min-width: 1600px) {
.align-container-messages {
width: 550px;
}
}
.container-g-messages {
width: 100%;
}
.container-g-messages .circle-alert {
width: 80px;
height: 80px;
border: 3px solid #ff1111;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(255, 17, 17, 0.1);
border-radius: 50%;
margin-bottom: 1rem;
}
.container-g-messages .circle-alert .icon-alert {
width: 16px;
}
.container-g-messages .circle-alert .icon-alert svg {
width: 100% !important;
}
.container-g-messages .circle-success {
width: 80px;
height: 80px;
border: 3px solid #0bab2e;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(73, 255, 113, 0.1);
border-radius: 50%;
margin-bottom: 1rem;
}
.container-g-messages .circle-success .icon-alert {
width: 16px;
}
.container-g-messages .circle-success .icon-alert svg {
width: 100% !important;
}
@media (min-width: 768px) {
.container-g-messages {
padding: 3rem;
}
}
.flex-checkout-container {
display: flex;
flex-direction: column;
}
@media (min-width: 992px) {
.flex-checkout-container {
flex-direction: row;
justify-content: flex-end;
gap: 1rem;
}
.flex-checkout-container .container-small-desk {
order: 2;
}
}
.total-flex {
display: flex;
padding: 0.5rem 1rem;
width: 100%;
background-color: #e6e6e6;
}
.total-flex .total-title-c {
flex-shrink: 0;
}
.total-flex .total-price {
display: flex;
justify-content: flex-end;
padding-left: 1rem;
flex: 1;
}
.total-flex h4 {
margin-bottom: 0;
}
.discount-flex {
display: flex;
}
.discount-flex .input-discount {
flex: 1;
padding-right: 1rem;
}
.discount-flex .btn-blue {
flex-shrink: 0;
}
.container-small-desk {
width: 100%;
}
@media (min-width: 768px) {
.container-small-desk {
width: 70%;
}
}
@media (min-width: 992px) {
.container-small-desk {
max-width: 380px;
}
}
.flex-info {
display: flex;
}
.flex-info .title-info {
flex: 1;
display: flex;
flex-direction: column;
padding-right: 1rem;
}
.flex-info .price-info {
max-width: 150px;
flex-shrink: 0;
}
.line-divisor {
height: 1px;
width: 100%;
margin: 1rem 0;
background-color: #ced8ea;
}
@media (min-width: 992px) {
.line-divisor {
margin: 2rem 0;
}
}
.list-options-icons {
display: flex;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
}
.list-options-icons li:not(:last-child) {
margin-right: 0.5rem;
}
@media (min-width: 1200px) {
.list-options-icons li:not(:last-child) {
margin-right: 1rem;
}
}
.icon-option {
height: 50px;
width: 50px;
border-radius: 50%;
border: solid 1px #ced8ea;
display: flex;
align-items: center;
justify-content: center;
transition: all 300ms;
}
.icon-option .icon-img {
height: 20px;
width: 20px;
}
.icon-option .icon-img span {
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(to bottom, #0b63f6 0%, #003cc5 100%);
line-height: 1;
}
.icon-option .icon-img svg {
height: 100% !important;
width: 100% !important;
vertical-align: unset;
line-height: 1;
}
.icon-option.sub-menu-hover {
position: relative;
}
.icon-option.sub-menu-hover .user-sub-menu {
right: -50%;
}
.icon-option.sub-menu-hover:hover .user-sub-menu {
display: block;
}
.icon-option.active {
background-color: #fec22a;
border: 1px solid #fec22a;
}
.icon-option.active svg {
fill: #ffffff !important;
}
.icon-option.active svg path {
stroke: #ffffff !important;
}
.icon-option.lupa-option {
border: none;
position: relative;
border-radius: unset;
}
.lupa-container {
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
transition: all 300ms;
height: 100%;
width: 100%;
}
.lupa-container .icon-img {
position: absolute;
transition: all 300ms;
pointer-events: none;
}
.lupa-container .form-busqueda {
width: 100%;
opacity: 0;
visibility: hidden;
}
.lupa-container .form-busqueda input {
padding-right: 80px;
padding-left: 60px;
border: none;
outline: none;
width: 100%;
color: #323232;
}
.lupa-container .form-busqueda input:focus, .lupa-container .form-busqueda input:focus-visible {
outline: none;
}
.lupa-container .border-lupa {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border: solid 1px #ced8ea;
border-radius: 50%;
transition: all 200ms;
transition-delay: 100ms;
z-index: 1;
cursor: pointer;
}
.lupa-container .icon-close {
position: absolute;
right: 16px;
opacity: 0;
transition: all 300ms;
cursor: pointer;
pointer-events: none;
z-index: 2;
}
.lupa-container.is-open {
width: 500px;
}
.lupa-container.is-open .form-busqueda {
opacity: 1;
visibility: visible;
}
.lupa-container.is-open .border-lupa {
border-radius: 6px;
transition: all 100ms;
pointer-events: none;
}
.lupa-container.is-open .icon-img {
left: 16px;
}
.lupa-container.is-open .icon-close {
opacity: 1;
pointer-events: unset;
}
@media (min-width: 1920px) {
.lupa-container.is-open {
width: 600px;
}
}
.lupa-control {
display: flex;
align-items: center;
justify-content: center;
transition: all 300ms;
height: 44px;
flex: 1;
position: relative;
margin-left: 0.5rem;
}
.lupa-control .icon-img {
position: absolute;
transition: all 300ms;
left: 16px;
pointer-events: none;
}
.lupa-control .form-busqueda {
width: 100%;
}
.lupa-control .form-busqueda input {
border: none;
outline: none;
width: 100%;
color: #323232;
padding-right: 60px;
padding-left: 50px;
}
.lupa-control .form-busqueda input:focus, .lupa-control .form-busqueda input:focus-visible {
outline: none;
}
.lupa-control .border-lupa {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border: solid 1px #ced8ea;
border-radius: 6px;
transition: all 200ms;
transition-delay: 100ms;
z-index: 1;
cursor: pointer;
pointer-events: none;
}
.lupa-control .icon-close {
position: absolute;
right: 6px;
transition: all 300ms;
cursor: pointer;
z-index: 2;
}
.lupa-control .icon-close svg {
width: 40px;
height: 40px;
}
.menu-history-mobile {
position: fixed;
top: 0;
left: 0;
width: 100%;
border: solid 1px #ced8ea;
background-color: #ffffff;
z-index: 99;
}
.menu-history-mobile.float {
position: absolute;
}
.parrafos-wysing {
color: #000000;
}
.img-empty-favoritos {
max-width: 250px;
}
@media (min-width: 768px) {
.img-empty-favoritos {
padding: 80px 0;
}
}
@media (min-width: 1400px) {
.img-empty-favoritos {
padding: 100px 0;
}
}
.parent-menu-row {
width: 100%;
height: 100%;
}
.parent-menu-row .sticky-menu {
position: sticky;
top: 116px;
left: 16px;
}
.mensaje-exito {
background-color: #0bab2e;
border-radius: 60px;
box-shadow: 0 0 10px 0 rgba(75, 122, 176, 0.2);
padding: 1rem 1.5rem;
min-height: 60px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 2rem;
}
.mensaje-exito .icon-exito {
width: 35px;
margin-right: 1rem;
}
@media (min-width: 768px) {
.mensaje-exito .icon-exito {
width: 20px;
}
}
.mensaje-exito span {
color: #ffffff;
}
@media (min-width: 768px) {
.mensaje-exito {
padding: 0.5rem 2rem;
min-height: 50px;
}
}
.float-mensajes {
position: fixed;
top: 80px;
right: 0;
z-index: 50;
width: 100%;
transform: translateX(100%);
opacity: 0;
}
.float-mensajes.message-error-float .content-float {
background-color: #e23636;
}
.float-mensajes .content-float {
background-color: #0bab2e;
border-radius: 6px;
box-shadow: 0 0 10px 0 rgba(75, 122, 176, 0.2);
padding: 1rem 1.5rem;
min-height: 50px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
@media (min-width: 768px) {
.float-mensajes .content-float {
padding: 0.5rem 2rem;
}
}
.float-mensajes span {
color: #ffffff;
}
@media (min-width: 768px) {
.float-mensajes {
top: calc(50% - 25px);
right: 0;
min-width: 300px;
max-width: 400px;
width: auto;
}
.float-mensajes .container {
padding: 0;
padding-right: 1rem;
}
}
.content-banner-curso {
width: 100%;
padding: 1rem;
}
@media (min-width: 1200px) {
.content-banner-curso {
padding: 2rem;
}
}
@media (min-width: 1400px) {
.content-banner-curso {
padding: 2.5rem;
}
}
.photo-round {
height: 60px;
width: 60px;
border-radius: 50%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
margin-right: 1rem;
flex-shrink: 0;
}
@media (min-width: 992px) {
.photo-round {
width: 100px;
height: 100px;
margin-right: 2rem;
}
}
.list-temario {
display: flex;
flex-direction: column;
}
.list-temario .data-temario {
width: 100%;
}
.list-temario .data-temario:not(:last-child) {
margin-bottom: 1rem;
}
.list-temario .data-temario .container-h-temario {
display: flex;
align-items: center;
margin-bottom: 0.5rem;
}
@media (min-width: 992px) {
.list-temario .data-temario .container-h-temario {
margin-bottom: 1rem;
}
}
.list-temario .data-temario .c-list-temario {
padding-left: 46px;
}
.list-temario .data-temario .c-list-temario .list-info-temario {
padding-left: 0.8rem;
margin-bottom: 0;
list-style: disc !important;
}
.list-download {
list-style: none !important;
margin: 0;
padding: 0;
}
.list-download li:not(:last-child) {
margin-bottom: 1rem;
}
.list-download li a {
display: flex;
}
.list-download li a .icon-download {
flex-shrink: 0;
margin-right: 1rem;
}
@media (min-width: 992px) {
.list-download li a .icon-download {
margin-right: 2rem;
}
}
.list-download li a .info-download {
display: flex;
flex-direction: column;
flex: 1;
}
.list-temario-videos {
list-style: none;
margin: 0;
padding: 0;
}
.list-temario-videos li:not(:last-child) {
margin-bottom: 1rem;
}
.list-temario-videos li a {
color: #000000;
display: block;
}
.list-temario-videos li.is-open .sub-list-check {
display: block;
}
.list-temario-videos li .sub-list-check {
list-style: none;
margin: 0;
padding: 0;
display: none;
margin-top: 1rem;
}
.list-temario-videos li .link-video-temario {
display: flex;
align-items: center;
color: #323232;
}
.list-temario-videos li .link-video-temario .icon-check {
background-color: transparent;
border-radius: 50%;
border: solid 1px #ced8ea;
height: 30px;
width: 30px;
display: inline-flex;
justify-content: center;
align-items: center;
position: relative;
margin-right: 12px;
flex-shrink: 0;
}
.list-temario-videos li .link-video-temario .icon-check .arrow-check {
height: calc(100% + 1px);
width: calc(100% + 1px);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: none;
border-radius: 50%;
background-color: #0b63f6;
justify-content: center;
align-items: center;
}
.list-temario-videos li .link-video-temario .icon-check .arrow-check svg {
height: 16px;
width: 16px;
fill: transparent;
}
.list-temario-videos li .link-video-temario.video-check {
color: #0b63f6;
}
.list-temario-videos li .link-video-temario.video-check .icon-check .arrow-check {
display: flex;
}
.list-temario-videos li .link-video-temario.is-completed .icon-check {
background-color: #0bab2e !important;
border: solid 1px #0bab2e;
}
.list-temario-videos li .link-video-temario.is-completed .icon-check:after {
position: absolute;
top: 50%;
left: 50%;
content: "";
display: block;
height: 16px;
width: 16px;
transform: translate(-50%, -50%);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23ffffff'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'%3E%3C/path%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'%3E%3C/path%3E%3C/svg%3E");
background-size: 16px 16px;
}
.list-temario-videos li .link-video-temario.is-completed .icon-check .arrow-check {
display: none !important;
}
.link-temario {
display: flex;
align-items: center;
cursor: pointer;
}
.video-container {
width: 100%;
}
.video-container img {
width: 100%;
}
.label-card {
color: #323232;
display: inline-flex;
align-items: center;
margin-bottom: 0.5rem;
}
.label-card span {
display: inline-block;
margin-left: 0.5rem;
}
.label-card.green svg path {
stroke: #0bab2e;
}
.label-card.yellow svg path {
stroke: #fec22a;
}
.label-card.gray svg path {
stroke: #a4a4a4;
}
.circle-unirme {
border: 1px solid #ced8ea;
display: flex;
align-items: center;
justify-content: center;
width: 80px;
height: 80px;
border-radius: 50%;
margin-bottom: 1rem;
}
@media (min-width: 992px) {
.circle-unirme {
margin-bottom: 2rem;
}
}
.flex-1 {
flex: 1;
}
.loader-container {
margin-bottom: 1rem;
}
@media (min-width: 992px) {
.loader-container {
margin-bottom: 2rem;
}
}
.loader-container .contener_general {
animation: animball_two 1s infinite;
width: 44px;
height: 44px;
}
.loader-container .contener_mixte {
width: 44px;
height: 44px;
position: fixed;
}
.loader-container .ballcolor {
width: 20px;
height: 20px;
border-radius: 50%;
}
.loader-container .ball_1,
.loader-container .ball_2,
.loader-container .ball_3,
.loader-container .ball_4 {
position: absolute;
animation: animball_one 1s infinite ease;
}
.loader-container .ball_1 {
background-color: #0b63f6;
top: 0;
left: 0;
}
.loader-container .ball_2 {
background-color: #003cc5;
top: 0;
left: 24px;
}
.loader-container .ball_3 {
background-color: #003cc5;
top: 24px;
left: 0;
}
.loader-container .ball_4 {
background-color: #0b63f6;
top: 24px;
left: 24px;
}
@keyframes animball_one {
0% {
position: absolute;
}
50% {
top: 12px;
left: 12px;
position: absolute;
opacity: 0.5;
}
100% {
position: absolute;
}
}
.text-limit-two {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
}
.separador {
width: 100%;
border: 1px solid #ced8ea;
margin: 2rem 0;
}
.list-premios {
display: flex;
flex-direction: column;
}
.list-premios .row-premios:after {
content: "";
display: none;
background-color: #ced8ea;
height: 1px;
margin: 2rem 0;
}
.list-premios .row-premios:not(:last-child):after {
display: block;
}
.img-not-found {
display: flex;
justify-content: center;
margin-bottom: 2rem;
}
.img-not-found img {
max-width: 180px;
}
@media (min-width: 992px) {
.img-not-found img {
max-width: 220px;
}
}
figure {
display: flex;
flex-direction: column;
align-items: center;
}
figure figcaption {
color: #323232;
margin-top: 0.5rem;
}
.socials-lists {
list-style: none;
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 0;
padding-left: 0;
}
.socials-lists li {
margin-bottom: 0.5rem;
}
.socials-lists li:not(:last-child) {
margin-right: 0.5rem;
}
.socials-lists li a {
display: flex;
justify-content: center;
align-items: center;
height: 44px;
width: 44px;
background-color: #edf4ff;
border-radius: 50%;
transition: all 300ms;
}
.socials-lists li a.hover-facebook:hover {
background-color: #337fff;
}
.socials-lists li a.hover-facebook:hover svg path {
fill: #edf4ff;
}
.socials-lists li a.hover-linkedin:hover {
background-color: #069;
}
.socials-lists li a.hover-linkedin:hover svg path:first-child {
fill: transparent;
}
.socials-lists li a.hover-messenger:hover {
background-image: radial-gradient(circle at 17% 100%, #09f, #a033ff 51%, #ff5280 76%, #ff7061 85%);
}
.socials-lists li a.hover-twitter:hover {
background-color: #33ccff;
}
.socials-lists li a.hover-twitter:hover svg path {
fill: #edf4ff;
}
.socials-lists li a.hover-whatsapp:hover {
background-color: #00d95f;
}
.socials-lists li a.hover-whatsapp:hover svg path {
fill: #edf4ff;
}
.socials-lists li a svg {
width: 20px;
height: 20px;
transition: all 300ms;
}
.list-videos-parent {
max-height: 500px;
overflow-y: auto;
}
.list-options-pays {
display: flex;
flex-direction: column;
gap: 1rem;
}
@media (min-width: 1024px) {
.list-options-pays {
align-items: center;
flex-direction: row;
}
}
.list-checkbox {
display: flex;
flex-wrap: wrap;
}
.list-checkbox .form-checkbox:not(:last-child) {
margin-right: 0.5rem;
}
.form-checkbox {
position: relative;
margin-bottom: 0.5rem;
}
.form-checkbox input {
position: absolute;
top: 0;
left: 0;
height: 0;
width: 0;
pointer-events: none;
visibility: hidden;
z-index: -1;
}
.form-checkbox input:checked + label {
background-color: #e7f0ff;
color: #001b59;
}
.form-checkbox label {
color: #323232;
border: solid 1px #ced8ea;
border-radius: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.5rem;
margin-bottom: 0.5rem;
cursor: pointer;
transition: all 300ms;
}
.form-checkbox label:hover {
background-color: #ced8ea;
color: #ffffff;
}
.swiper-pagination {
position: static;
width: auto !important;
transform: none !important;
padding: 0 50px;
}
.swiper-pagination .swiper-pagination-bullet {
background-color: rgba(164, 164, 164, 0.3);
left: unset !important;
transform: scale(1);
opacity: 1;
height: 12px;
width: 12px;
margin: 0;
margin-bottom: 4px;
}
.swiper-pagination .swiper-pagination-bullet:not(:last-child) {
margin-right: 0.5rem;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #a4a4a4;
}
.radio-custom {
display: inline-block;
position: relative;
}
.radio-custom input {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
z-index: -1;
display: none;
}
.radio-custom label {
display: inline-flex;
align-items: center;
cursor: pointer;
}
.radio-custom label .circle-radio-border {
height: 25px;
width: 25px;
border: 1px solid #ced8ea;
border-radius: 50%;
margin-right: 0.5rem;
flex-shrink: 0;
}
.radio-custom label .circle-radio-border .circle-radio {
height: 100%;
width: 100%;
border-radius: 50%;
position: relative;
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
}
.radio-custom label .circle-radio-border .circle-radio:after {
content: "";
position: absolute;
width: 19px;
height: 19px;
border-radius: 50%;
background-image: linear-gradient(to bottom, #0b63f6 0%, #003cc5 100%);
opacity: 0;
transform: scale(0);
transition: all 0.2s ease;
}
.radio-custom label span {
color: #a4a4a4;
display: inline-block;
margin-left: 0.5rem;
}
.radio-custom label img {
max-width: 80px;
}
.radio-custom input[type=radio]:checked + label .circle-radio:after {
opacity: 1;
transform: scale(1);
}
.tabs {
width: 100%;
}
.tabs .tab-content {
display: none;
}
.tabs .tab-content.active {
display: block;
}
.tabs-container {
width: 100%;
position: relative;
overflow-x: auto;
scrollbar-width: none;
}
.tabs-container::-webkit-scrollbar {
width: 0px; /* Remove scrollbar space */
background: transparent; /* Optional: just make scrollbar invisible */
}
.tabs-container .list-tabs {
margin: 0;
list-style: none;
display: flex;
align-items: center;
padding: 0;
padding-bottom: 0.5rem;
}
.tabs-container .list-tabs li {
position: relative;
}
.tabs-container .list-tabs li:not(:last-child) {
margin-right: 1rem;
}
@media (min-width: 768px) {
.tabs-container .list-tabs li:not(:last-child) {
margin-right: 2rem;
}
}
@media (min-width: 1200px) {
.tabs-container .list-tabs li:not(:last-child) {
margin-right: 2.5rem;
}
}
@media (min-width: 1400px) {
.tabs-container .list-tabs li:not(:last-child) {
margin-right: 3rem;
}
}
.tabs-container .list-tabs li a {
color: #323232;
}
.tabs-container .list-tabs li a:before {
content: "";
position: absolute;
bottom: -0.5rem;
left: 50%;
width: 0;
height: 3px;
background-color: #ced8ea;
border-radius: 12px;
transition: all 300ms;
}
.tabs-container .list-tabs li a.active:before {
width: 100%;
left: 0;
}
.tabs-data {
width: 100%;
}
.tabs-data .tabs-content {
display: none;
padding: 2rem 0;
}
.tabs-data .tabs-content p {
color: #323232;
margin-bottom: 1rem;
}
.tabs-data .tabs-content p:last-child {
margin-bottom: 0;
}
.tabs-data .tabs-content .title-big {
color: #a4a4a4;
}
.tabs-data .tabs-content.is-active {
display: block;
}
.tabs-data .tabs-content video {
max-width: 100%;
}
.tabs-data .tabs-content ul {
margin-bottom: 0.5rem;
list-style: decimal;
}
.tabs-data .tabs-content ul li {
color: #323232;
}
.tabs-data .tabs-content ul li:not(:last-child) {
margin-bottom: 1rem;
}
@media (min-width: 992px) {
.tabs-data .tabs-content {
padding: 2.5rem 0;
}
}
.container-upload {
height: 200px;
width: 100%;
padding: 1rem;
margin-bottom: 2.5rem;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
border: 1px solid #ced8ea;
border-radius: 4px;
}
.container-upload .text-upload {
position: absolute;
z-index: 10;
color: #ced8ea;
}
.container-upload .view-img {
position: absolute;
height: 100px;
width: 100px;
left: 1rem;
bottom: -50px;
border-radius: 50%;
z-index: 5;
cursor: pointer;
background-color: #ffffff;
border: 1px solid #ced8ea;
}
.container-upload .view-img .img-fondo {
border-radius: 50%;
}
.container-upload .view-img .img-fondo:after {
border-radius: 50%;
}
.container-upload .view-img .desp-img {
color: #ced8ea;
margin-bottom: 0;
}
@media (min-width: 992px) {
.container-upload .view-img {
height: 150px;
width: 150px;
left: 1.5rem;
bottom: -75px;
}
}
@media (min-width: 992px) {
.container-upload {
height: 250px;
padding: 1.5rem;
margin-bottom: 4rem;
}
}
.text-info-upload.white-text {
color: #ffffff !important;
}
.wrap-uploads {
width: 100%;
}
.wrap-uploads .img-fondo {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
display: none;
border-radius: 4px;
}
.wrap-uploads.parent {
background-color: #ffffff;
position: relative;
}
.wrap-uploads .file-label {
position: absolute;
top: 0;
right: 0;
width: 100%;
z-index: 3;
height: 100%;
cursor: pointer;
margin-bottom: 0;
}
.wrap-uploads .file-label.text-center-label {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 1rem;
}
.wrap-uploads input {
position: absolute;
display: none;
top: 0;
right: 0;
width: 0;
height: 0;
z-index: -1;
}
.input-g-container {
position: relative;
width: 100%;
height: 50px;
}
.input-g-container .button-input {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
}
.input-g-container .close-file {
position: absolute;
right: 0.5rem;
top: 50%;
transform: translateY(-50%);
z-index: 5;
cursor: pointer;
width: 40px;
display: none;
}
.input-g-container .close-file svg {
width: 40px;
height: 40px;
}
@media (min-width: 992px) {
.input-g-container .close-file {
left: 250px;
right: 0;
}
}
.input-g-container .file-tag {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
border-radius: 12px;
border: 1px solid #ced8ea;
width: 100%;
padding: 1rem 2.5rem 1rem 1rem;
align-items: center;
display: none;
}
.input-g-container .file-tag .file-name {
overflow: hidden;
max-width: 30ch;
text-overflow: ellipsis;
white-space: nowrap;
}
@media (min-width: 992px) {
.input-g-container .file-tag .file-name {
max-width: 25ch;
}
}
@media (min-width: 992px) {
.input-g-container .file-tag {
width: 300px;
}
}
.input-g-container label {
position: absolute;
top: 0;
right: 0;
width: 100%;
z-index: 3;
height: 100%;
cursor: pointer;
margin-bottom: 0;
}
.input-g-container input {
position: absolute;
display: none;
top: 0;
right: 0;
width: 0;
height: 0;
z-index: -1;
}
nav {
background-color: #ffffff;
}
nav .container-icons-seccion {
display: flex;
align-items: center;
margin-left: 1rem;
}
nav .container-icons-seccion .user-state {
display: flex;
align-items: center;
position: relative;
cursor: pointer;
}
nav .container-icons-seccion .user-state:hover .user-sub-menu {
display: block;
}
nav .container-icons-seccion .user-state:hover .icon-option {
border: solid 1px #ced8ea;
background-image: linear-gradient(to bottom, #0b63f6 0%, #003cc5 100%);
}
nav .container-icons-seccion .user-state:hover .icon-option svg path {
stroke: #ffffff !important;
}
nav .container-icons-seccion .user-text {
max-width: 150px;
margin-left: 1rem;
}
nav .content-list-menu.hidden-menu {
opacity: 0;
pointer-events: none;
}
.user-sub-menu {
position: absolute;
top: 100%;
right: 50%;
z-index: 99;
padding-top: 16px;
width: 180px;
transform: translateX(50px);
display: none;
}
.user-sub-menu .sub-menu-user {
border-radius: 10px;
box-shadow: 0 0 10px 0 rgba(75, 122, 176, 0.2);
background-color: #ffffff;
padding: 0.5rem 1rem;
list-style: none;
margin: 0;
width: 100%;
}
.user-sub-menu .sub-menu-user li {
padding: 0.5rem 0;
}
.user-sub-menu .sub-menu-user li:not(:last-child) {
border-bottom: 1px solid #ced8ea;
margin: 0;
}
.user-sub-menu .sub-menu-user li a {
display: flex;
align-items: center;
transition: all 300ms;
}
.user-sub-menu .sub-menu-user li a span {
transition: all 300ms;
}
.user-sub-menu .sub-menu-user li a .icon-sub {
width: 35px;
height: 35px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
border: solid 1px #ced8ea;
margin-right: 0.5rem;
transition: all 300ms;
}
.user-sub-menu .sub-menu-user li a .icon-sub svg {
width: 16px;
height: 16px;
transition: all 300ms;
}
.user-sub-menu .sub-menu-user li a:hover span {
color: #0b63f6;
}
.user-sub-menu .sub-menu-user li a:hover .icon-sub {
background-image: linear-gradient(to bottom, #0b63f6 0%, #003cc5 100%);
border: solid 1px #ced8ea;
}
.user-sub-menu .sub-menu-user li a:hover .icon-sub svg path {
stroke: #ffffff;
}
.content-nav {
height: 70px;
width: 100%;
position: relative;
}
.content-nav .img-logo {
width: 120px;
}
@media (min-width: 1400px) {
.content-nav .img-logo {
width: 160px;
}
}
@media (min-width: 1920px) {
.content-nav .img-logo {
width: 220px;
}
}
@media (min-width: 1200px) {
.content-nav {
height: 80px;
}
}
@media (min-width: 1920px) {
.content-nav {
height: 90px;
}
}
.list-menu {
display: flex;
flex-direction: row;
align-items: center;
list-style: none;
margin-bottom: 0;
padding: 0;
}
.list-menu li {
padding: 1rem;
}
.list-menu li a {
color: #001b59;
transition: all 300ms;
position: relative;
}
.list-menu li a:before {
content: "";
position: absolute;
bottom: -0.5rem;
left: 0;
width: 100%;
height: 2px;
transform: scaleX(0);
background-image: linear-gradient(to bottom, #0b63f6 50%, #003cc5 150%);
transition: all 300ms;
}
.list-menu li a:hover, .list-menu li a.is-active {
color: #0b63f6;
}
.list-menu li a:hover:before, .list-menu li a.is-active:before {
transform: scaleX(1);
}
.list-nav-scroll {
width: 100%;
overflow-x: scroll;
scrollbar-width: none;
}
.list-nav-scroll::-webkit-scrollbar {
width: 0px; /* Remove scrollbar space */
background: transparent; /* Optional: just make scrollbar invisible */
}
.list-nav-scroll .list-menu {
height: 50px;
display: flex;
align-items: center;
}
.list-nav-scroll .list-menu li {
flex-shrink: 0;
padding: 0;
}
.list-nav-scroll .list-menu li a {
margin-right: 2rem;
}
.list-nav-scroll.is-hidden {
display: none;
}
.bloque-banner {
background-image: linear-gradient(to bottom, #0b63f6 0%, #003cc5 100%);
padding-top: 120px;
padding-bottom: 60px;
position: relative;
overflow: hidden;
}
.bloque-banner .title-banner {
color: #ffffff;
}
.bloque-banner .container-img {
width: 100%;
position: relative;
z-index: 2;
}
.bloque-banner .container-img .icon-progress {
position: absolute;
z-index: 3;
top: -2%;
left: 18%;
width: 32%;
transform: rotate(-15.31deg);
filter: blur(2px);
}
.bloque-banner .container-img .icon-tag {
position: absolute;
z-index: 3;
top: 16%;
right: 4%;
width: 18%;
}
.bloque-banner .container-img .icon-computer {
position: absolute;
z-index: 3;
top: 46%;
left: -4%;
width: 26%;
filter: blur(1px);
}
.bloque-banner .container-img .icon-idea {
position: absolute;
z-index: 3;
top: 22%;
left: 18%;
width: 26%;
}
.bloque-banner .container-img .img-woman {
width: 90%;
margin: 0 auto;
position: relative;
z-index: 2;
}
.bloque-banner .container-img .icon-static {
position: absolute;
z-index: 3;
bottom: 32%;
right: 14%;
width: 22%;
}
.bloque-banner .container-img .icon-review {
position: absolute;
z-index: 4;
bottom: 12%;
right: -4%;
width: 36%;
filter: blur(2px);
}
.bloque-banner .container-img .icon-connected {
position: absolute;
z-index: 4;
bottom: -4%;
left: 16%;
width: 48%;
filter: blur(2px);
}
@media (min-width: 768px) {
.bloque-banner .container-img .icon-connected {
bottom: -16%;
left: 14%;
width: 54%;
}
}
@media (min-width: 768px) {
.bloque-banner .container-img {
position: absolute;
width: 50%;
bottom: -2%;
right: 0;
}
}
@media (min-width: 1200px) {
.bloque-banner .container-img {
width: 40%;
padding-right: 1rem;
right: 2%;
}
}
@media (min-width: 1400px) {
.bloque-banner .container-img {
right: 6%;
}
}
@media (min-width: 1920px) {
.bloque-banner .container-img {
right: 15%;
}
}
.bloque-banner .button-container {
position: absolute;
bottom: 8%;
left: 0;
width: 100%;
z-index: 10;
}
.bloque-banner .button-container .btn-blue {
width: 100%;
}
@media (min-width: 768px) {
.bloque-banner {
overflow: unset;
}
}
@media (min-width: 992px) {
.bloque-banner {
padding-top: 160px;
padding-bottom: 80px;
}
}
@media (min-width: 1200px) {
.bloque-banner {
min-height: 100vh;
display: flex;
align-items: center;
}
}
@media (min-width: 1400px) {
.bloque-banner {
padding-top: 180px;
padding-bottom: 100px;
}
}
@media (min-width: 1920px) {
.bloque-banner {
padding-top: 220px;
padding-bottom: 150px;
}
}
.bloque-formaParte {
width: 100%;
padding: 60px 0;
background-color: #ffffff;
position: relative;
overflow: hidden;
}
.bloque-formaParte .img-float {
width: 90%;
position: absolute;
top: 4%;
right: 0%;
z-index: 1;
}
@media (min-width: 768px) {
.bloque-formaParte .img-float {
width: 60%;
right: 0;
top: 0;
}
}
.bloque-formaParte .parent-content {
position: relative;
z-index: 2;
}
.bloque-formaParte .img-red-parent {
width: 100%;
height: 350px;
position: relative;
}
.bloque-formaParte .img-red-parent .icon-float {
position: absolute;
width: 20vw;
height: 20vw;
transform: scale(0);
}
.bloque-formaParte .img-red-parent .icon-float.small-animated img {
transform: scale(0.6);
}
.bloque-formaParte .img-red-parent .icon-float.small-animated2 img {
transform: scale(0.8);
}
.bloque-formaParte .img-red-parent .icon-float.small-animated3 img {
transform: scale(0.9);
}
@media (min-width: 768px) {
.bloque-formaParte .img-red-parent .icon-float {
width: 10vw;
height: 10vw;
}
}
@media (min-width: 1200px) {
.bloque-formaParte .img-red-parent .icon-float {
width: 8vw;
height: 8vw;
}
}
.bloque-formaParte .img-red-parent .icon-float.float1 {
top: 0%;
left: 34%;
}
.bloque-formaParte .img-red-parent .icon-float.float2 {
top: 4%;
right: 5%;
}
.bloque-formaParte .img-red-parent .icon-float.float3 {
top: 20%;
left: 5%;
}
.bloque-formaParte .img-red-parent .icon-float.float4 {
left: 44%;
top: 36%;
}
.bloque-formaParte .img-red-parent .icon-float.float5 {
left: 4%;
bottom: 18%;
}
.bloque-formaParte .img-red-parent .icon-float.float6 {
left: 42%;
bottom: 4%;
}
.bloque-formaParte .img-red-parent .icon-float.float7 {
right: 4%;
bottom: 22%;
}
@media (min-width: 768px) {
.bloque-formaParte .img-red-parent {
height: 400px;
}
}
@media (min-width: 1200px) {
.bloque-formaParte .img-red-parent {
height: 450px;
}
}
@media (min-width: 1400px) {
.bloque-formaParte .img-red-parent {
height: 500px;
}
}
@media (min-width: 768px) {
.bloque-formaParte {
padding: 80px 0;
}
}
@media (min-width: 1200px) {
.bloque-formaParte {
padding: 100px 0;
}
}
@media (min-width: 1400px) {
.bloque-formaParte {
padding: 120px 0;
}
}
.bloque-aprende {
background-image: linear-gradient(225deg, #f3f7ff 86%, #fff 57%, #f3f7ff 29%);
padding: 60px 0;
width: 100%;
}
.bloque-aprende .img-video video {
width: 100%;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
box-shadow: 0 0 0 0 rgba(0, 30, 90, 0.1), 0 6px 14px 0 rgba(0, 30, 90, 0.1), 0 25px 25px 0 rgba(0, 30, 90, 0.09), 0 56px 34px 0 rgba(0, 30, 90, 0.05), 0 100px 40px 0 rgba(0, 30, 90, 0.01), 0 156px 44px 0 rgba(0, 30, 90, 0);
}
@media (min-width: 768px) {
.bloque-aprende {
padding: 80px 0;
}
}
@media (min-width: 1200px) {
.bloque-aprende {
padding: 100px 0;
}
}
@media (min-width: 1400px) {
.bloque-aprende {
padding: 120px 0;
min-height: 600px;
display: flex;
align-items: center;
}
}
@media (min-width: 1920px) {
.bloque-aprende {
min-height: 800px;
}
}
.bloque-conversa {
width: 100%;
background-color: #ffffff;
padding: 60px 0;
position: relative;
overflow: hidden;
}
.bloque-conversa .img-mundo {
position: absolute;
top: 0;
right: -5%;
width: 60%;
height: 100%;
z-index: 1;
}
.bloque-conversa .img-mundo img {
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
@media (min-width: 1400px) {
.bloque-conversa .img-mundo {
width: 50%;
}
}
.bloque-conversa .background-mundo {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-size: contain;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.bloque-conversa .parent-container {
position: relative;
z-index: 2;
}
@media (min-width: 768px) {
.bloque-conversa {
padding: 80px 0;
}
}
@media (min-width: 1200px) {
.bloque-conversa {
padding: 100px 0;
}
}
@media (min-width: 1400px) {
.bloque-conversa {
padding: 120px 0;
min-height: 600px;
display: flex;
align-items: center;
}
}
@media (min-width: 1920px) {
.bloque-conversa {
min-height: 800px;
}
}
.bloque-descubre {
width: 100%;
background-image: linear-gradient(to bottom, #0b63f6 0%, #003cc5 100%);
padding: 60px 0;
}
.bloque-descubre .img-parent-cards {
width: 100%;
position: relative;
}
.bloque-descubre .img-parent-cards .img-main-card {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.bloque-descubre .img-parent-cards .align-float-cards {
width: 50%;
height: 90%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.bloque-descubre .img-parent-cards .img-float {
position: absolute;
width: 100%;
height: 80%;
transform: translateX(-16px);
opacity: 0;
}
.bloque-descubre .img-parent-cards .img-float img {
max-height: 100%;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.bloque-descubre .img-parent-cards .img-float.img-f-1 {
top: 0;
left: 0;
z-index: 1;
}
.bloque-descubre .img-parent-cards .img-float.img-f-2 {
top: 10%;
left: 10%;
z-index: 2;
}
.bloque-descubre .img-parent-cards .img-float.img-f-3 {
top: 20%;
left: 20%;
z-index: 3;
}
@media (min-width: 768px) {
.bloque-descubre {
padding: 80px 0;
}
}
@media (min-width: 1200px) {
.bloque-descubre {
padding: 100px 0;
}
}
@media (min-width: 1400px) {
.bloque-descubre {
padding: 120px 0;
min-height: 600px;
display: flex;
align-items: center;
}
}
@media (min-width: 1920px) {
.bloque-descubre {
min-height: 800px;
}
}
footer {
background-color: #050038;
width: 100%;
padding-top: 60px;
position: relative;
overflow: hidden;
/* Large and up */
/* Medium only */
}
footer .header-footer {
width: 100%;
/* Large and up */
/* Medium only */
}
@media screen and (min-width: 64em) {
footer .header-footer {
min-height: 200px;
}
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
footer .header-footer {
min-height: 150px;
}
}
footer .container {
position: relative;
z-index: 2;
}
footer .title-footer {
text-align: center;
/* Medium and up */
}
@media screen and (min-width: 40em) {
footer .title-footer {
text-align: left;
}
}
footer .list-footer {
list-style: none;
margin: 0;
padding: 0;
/* Medium only */
}
footer .list-footer li {
text-align: center;
/* Medium and up */
}
footer .list-footer li:not(:last-child) {
margin-bottom: 1rem;
}
@media screen and (min-width: 40em) {
footer .list-footer li {
text-align: left;
}
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
footer .list-footer {
-moz-column-count: 2;
column-count: 2;
}
}
footer .img-elipse {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
height: 90%;
/* Large and up */
/* Medium only */
}
@media screen and (min-width: 64em) {
footer .img-elipse img {
width: 60%;
margin: 0 auto;
display: block;
}
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
footer .img-elipse img {
height: 100%;
margin: 0 auto;
display: block;
}
}
footer .footer-end {
margin-top: 2rem;
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding: 30px 0;
/* Large and up */
/* Medium only */
}
@media screen and (min-width: 64em) {
footer .footer-end {
padding: 50px 0;
margin-top: 120px;
}
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
footer .footer-end {
margin-top: 80px;
}
}
@media screen and (min-width: 64em) {
footer {
padding-top: 120px;
}
footer .flex-align-bottom {
width: 50%;
margin-left: auto;
padding-left: 0.7rem;
}
footer .row-content {
width: 50%;
margin-right: 0.8rem;
}
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
footer {
padding-top: 80px;
}
}
.contenedor-by {
display: inline-flex;
padding-left: 16px;
position: relative;
color: #ffffff;
transform: translateX(-20px);
font-size: 14px;
/* Medium and up */
}
.contenedor-by span {
transform: translateX(20px);
transition: all 300ms ease-in-out 200ms;
position: absolute;
top: 0.5px;
left: 0;
}
.contenedor-by .contenedor-cnll {
width: 60px;
display: flex;
align-items: center;
justify-content: center;
height: 17px;
transition: all 300ms;
}
.contenedor-by .contenedor-cnll svg {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
fill: #ffffff;
}
.contenedor-by .contenedor-cnll svg .cls-1 {
fill: #ffffff;
}
.contenedor-by .contenedor-cnll svg #letter-cnll-c {
transform: translateX(63px);
transition: all 300ms ease-in-out 200ms;
}
.contenedor-by .contenedor-cnll svg #letter-cnll-a1 {
opacity: 0;
transition: all 200ms ease-in-out 300ms;
}
.contenedor-by .contenedor-cnll svg #letter-cnll-n {
transform: translateX(43px);
transition: all 300ms ease-in-out 200ms;
}
.contenedor-by .contenedor-cnll svg #letter-cnll-a2 {
opacity: 0;
transition: all 200ms ease-in-out 300ms;
}
.contenedor-by .contenedor-cnll svg #letter-cnll-l1 {
transform: translateX(21px);
transition: all 300ms ease-in-out 200ms;
}
.contenedor-by .contenedor-cnll svg #letter-cnll-l2 {
transform: translateX(21px);
transition: all 300ms ease-in-out 200ms;
}
.contenedor-by .contenedor-cnll svg #letter-cnll-a3 {
opacity: 0;
transition: all 200ms ease-in-out 300ms;
}
.contenedor-by:focus {
color: #ffffff;
}
@media screen and (min-width: 40em) {
.contenedor-by:hover {
color: #ffffff;
}
.contenedor-by:hover .contenedor-cnll {
transform: translateX(25px);
}
.contenedor-by:hover .contenedor-cnll svg #letter-cnll-a1,
.contenedor-by:hover .contenedor-cnll svg #letter-cnll-a2,
.contenedor-by:hover .contenedor-cnll svg #letter-cnll-a3 {
opacity: 1;
}
.contenedor-by:hover .contenedor-cnll svg #letter-cnll-c,
.contenedor-by:hover .contenedor-cnll svg #letter-cnll-n,
.contenedor-by:hover .contenedor-cnll svg #letter-cnll-l1,
.contenedor-by:hover .contenedor-cnll svg #letter-cnll-l2 {
transform: translateX(0);
}
}
.card-media {
background-color: #ffffff;
width: 100%;
border-radius: 12px;
display: flex;
flex-direction: column;
}
.card-media.small-card .data-text-card {
width: 100% !important;
}
.card-media.small-card .data-text-card .title-media {
flex: 1 0 auto;
}
.card-media.small-card .data-text-card .subtitle-media {
min-height: 48px;
}
.card-media.small-card .data-text-card .texto-media {
min-height: 48px;
}
.content-data {
position: relative;
border-radius: 12px;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.content-data .img-fondo {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
border-radius: 12px;
}
.content-data .data-card-parent {
position: relative;
z-index: 2;
padding: 0.5rem;
width: 100%;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.content-data .data-card-parent .data-text-card {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
flex-grow: 1;
padding-top: 80px;
padding-bottom: 2rem;
}
@media (min-width: 768px) {
.content-data .data-card-parent .data-text-card {
padding-top: 150px;
width: 80%;
padding-bottom: 2rem;
}
}
.content-data .data-card-parent.full-small .data-text-card {
width: 100%;
padding-top: 60px;
padding-bottom: 16px;
}
@media (min-width: 768px) {
.content-data .data-card-parent.full-small .data-text-card {
padding-top: 80px;
padding-bottom: 30px;
}
}
@media (min-width: 768px) {
.content-data .data-card-parent {
padding: 0.8rem;
}
}
.card-anuncio {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
}
.card-anuncio.row-card {
flex-grow: 1;
margin-bottom: 1rem;
}
.card-anuncio.row-card img {
height: 100%;
}
.card-anuncio img {
border-radius: 12px;
border: solid 1px #ced8ea;
}
.card-general-piso {
border: solid 1px #ced8ea;
display: flex;
flex-direction: column;
flex-grow: 1;
position: relative;
border-radius: 12px;
background-color: #ffffff;
transition: all 0.1s linear;
margin-bottom: 1rem;
}
.card-general-piso:hover {
transform: translateY(-5px);
box-shadow: 0 0 10px 0 rgba(75, 122, 176, 0.2);
}
@media (max-width: 575.98px) {
.card-general-piso h4 {
font-family: "Lexend", sans-serif;
font-size: 13px;
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
}
.card-general-piso .data-text-card p {
font-size: calc(11px + 3 * (100vw - 300px) / 2000);
}
}
.img-general-cards {
height: 100px;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
position: relative;
border-radius: 6px;
width: 100%;
}
.img-general-cards.small {
height: 80px;
}
@media (min-width: 768px) {
.img-general-cards.small {
height: 180px;
}
}
.img-general-cards .img-float-perfil {
position: absolute;
left: 1rem;
bottom: -40px;
height: 80px;
width: 80px;
border-radius: 50%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
border: solid 2px #ffffff;
}
@media (min-width: 768px) {
.img-general-cards .img-float-perfil {
bottom: -50px;
height: 100px;
width: 100px;
}
}
@media (min-width: 768px) {
.img-general-cards {
height: 220px;
}
}
.content-card {
display: flex;
flex-direction: column;
flex-grow: 1;
padding: 0.5rem;
}
@media (min-width: 768px) {
.content-card {
padding: 0.8rem;
}
}
.info-card {
display: flex;
flex-direction: column;
align-items: flex-start;
flex-grow: 1;
width: 100%;
padding-top: 45px;
padding-bottom: 16px;
}
.info-card .title-card {
flex: 1 0 auto;
}
.info-card.small-padding {
padding: 16px 0;
}
.info-card.not-float-img {
padding-top: 16px;
}
@media (min-width: 768px) {
.info-card.not-float-img {
padding-top: 30px;
}
}
@media (min-width: 768px) {
.info-card {
padding-top: 80px;
padding-bottom: 30px;
}
}
.link-card {
display: flex;
align-items: center;
height: 50px;
padding-top: 0.5rem;
border-top: 1px solid #ced8ea;
}
.link-card.small {
height: 40px;
}
.text-evento-float {
position: absolute;
z-index: 5;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
height: 35px;
padding: 0 0.6rem;
border-radius: 80px;
}
.text-evento-float.green-light {
background-color: #7ebca0;
color: #ffffff;
}
.text-evento-float.azul-light {
background-color: #98c1ff;
color: #ffffff;
}
.text-evento-float.float2 {
top: 0.9rem;
right: 0.9rem;
}
@media (min-width: 768px) {
.text-evento-float.float2 {
top: 1.6rem;
right: 1.6rem;
}
}
.text-evento-float.float-perfil {
top: 1.2rem;
right: 1.2rem;
}
@media (min-width: 1200px) {
.text-evento-float.float-perfil {
top: 2rem;
right: 2rem;
}
}
@media (max-width: 575.98px) {
.text-evento-float {
font-size: 11px;
}
}
@media (min-width: 768px) {
.text-evento-float {
height: 40px;
padding: 6px 20px;
}
}
.icon-card-float {
position: absolute;
z-index: 5;
height: 40px;
width: 40px;
border-radius: 50%;
background-color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
transition: all 300ms;
border: 1px solid #ffffff;
}
.icon-card-float.not-float {
position: relative;
}
.icon-card-float.border-gris {
border: solid 1px #ced8ea;
}
.icon-card-float.icon-shared.active, .icon-card-float.icon-shared:hover {
background-color: #fec22a;
border: 1px solid #fec22a;
}
.icon-card-float.icon-shared.active svg, .icon-card-float.icon-shared:hover svg {
fill: #ffffff !important;
}
.icon-card-float.icon-shared.active svg path, .icon-card-float.icon-shared:hover svg path {
stroke: #ffffff !important;
}
.icon-card-float.icon-lock {
background-color: #0b63f6;
border: 1px solid #ced8ea;
}
.icon-card-float.icon-lock svg path {
stroke: #ffffff !important;
}
.icon-card-float.expert-icon {
background-color: #fec22a;
border: 1px solid #fec22a;
}
.icon-card-float.expert-icon .title-expert {
margin-left: 0.5rem;
}
.icon-card-float.expert-icon svg path {
stroke: #ffffff !important;
}
.icon-card-float.expert-icon.full-icon {
width: auto;
min-width: 40px;
max-width: 150px;
border-radius: 80px;
padding: 0 0.8rem;
}
@media (min-width: 1200px) {
.icon-card-float.expert-icon {
width: auto;
min-width: 40px;
max-width: 150px;
border-radius: 80px;
padding: 0 0.8rem;
}
}
.icon-card-float.not-float {
position: static;
}
.icon-card-float svg {
width: 20px;
height: 20px;
}
.icon-card-float.size-medium {
width: auto;
max-width: 150px;
border-radius: 20px;
padding: 0 0.5rem;
}
.icon-card-float.size-medium.yellow-color span {
color: #fec22a;
}
.icon-card-float.size-medium.green-color span {
color: #7ebca0;
}
.icon-card-float.size-medium.guinda-color span {
color: #f55f5f;
}
.icon-card-float.size-medium.morado-color span {
color: #928dd6;
}
.icon-card-float.size-medium.morado-color svg path {
stroke: #928dd6;
}
.icon-card-float.size-medium.color-durazno span {
color: #fcad7d;
}
.icon-card-float.size-medium.green-wait {
background-color: #0bab2e;
border: 1px solid #0bab2e;
}
.icon-card-float.size-medium.green-wait span {
color: #ffffff;
}
.icon-card-float.size-medium.green-wait svg path {
stroke: #ffffff;
fill: transparent;
}
.icon-card-float.size-medium.blue-wait {
background-color: #0b63f6;
border: 1px solid #0b63f6;
}
.icon-card-float.size-medium.blue-wait span {
color: #ffffff;
}
.icon-card-float.size-medium.blue-wait svg path {
stroke: #ffffff;
}
.icon-card-float.size-medium.gray-wait {
background-color: #606060;
border: 1px solid #606060;
}
.icon-card-float.size-medium.gray-wait span {
color: #ffffff;
}
.icon-card-float.size-medium.azul-color span {
color: #549fff;
}
.icon-card-float.size-medium.reverse-text-m {
width: auto;
max-width: 150px;
border-radius: 20px;
padding: 0 0.5rem;
}
.icon-card-float.size-medium.reverse-text-m span {
display: block !important;
margin-left: 0;
margin-right: 6px;
}
.icon-card-float.size-medium span {
display: none;
}
@media (min-width: 992px) {
.icon-card-float.size-medium span {
display: inline-block;
margin-left: 6px;
}
}
@media (min-width: 992px) {
.icon-card-float.size-medium {
width: auto;
max-width: 150px;
border-radius: 20px;
padding: 0 0.5rem;
}
}
.icon-card-float.float1 {
top: 0.9rem;
left: 0.9rem;
}
@media (min-width: 768px) {
.icon-card-float.float1 {
top: 1.6rem;
left: 1.6rem;
}
}
.icon-card-float.float2 {
top: 0.9rem;
right: 0.9rem;
}
@media (min-width: 768px) {
.icon-card-float.float2 {
top: 1.6rem;
right: 1.6rem;
}
}
.icon-card-float.float3 {
right: 0.9rem;
bottom: 0.5rem;
}
@media (min-width: 768px) {
.icon-card-float.float3 {
right: 1.6rem;
bottom: 0.8rem;
}
}
.icon-card-float.float4 {
right: 0.9rem;
bottom: 0.9rem;
}
@media (min-width: 768px) {
.icon-card-float.float4 {
right: 1.6rem;
bottom: 1.6rem;
}
}
.icon-card-float.float-perfil {
top: 1.2rem;
right: 1.2rem;
}
@media (min-width: 1200px) {
.icon-card-float.float-perfil {
top: 2rem;
right: 2rem;
}
}
.icon-card-float.float-perfil-left {
top: 1.2rem;
left: 1.2rem;
}
@media (min-width: 1200px) {
.icon-card-float.float-perfil-left {
top: 2rem;
left: 2.5rem;
}
}
.tooltip-float {
z-index: 10;
overflow: hidden;
}
.tooltip-float.top-bottom {
position: relative;
}
.tooltip-float.top-bottom .tooltip-content {
top: unset;
bottom: calc(100% + 0.5rem);
left: 0;
transform: translateX(-25px);
right: unset;
}
.tooltip-float .tooltip-content {
opacity: 0;
position: absolute;
top: 0;
right: -0.5rem;
transform: translateX(100%);
padding: 10px 20px;
border-radius: 20px;
border: solid 1px #323232;
background-color: rgba(50, 50, 50, 0.8);
transition: all 300ms;
width: -moz-max-content;
width: max-content;
max-width: 150px;
display: none;
}
.tooltip-float .tooltip-content.left-tool {
right: 0;
left: -0.5rem;
transform: translateX(-100%);
}
@media (min-width: 992px) {
.tooltip-float .tooltip-content {
display: block;
}
}
.tooltip-float.tooltip-networking {
overflow: unset;
}
.tooltip-float.tooltip-networking .tooltip-content {
opacity: 1;
border: solid 1px #7ebca0;
background-color: rgba(126, 188, 160, 0.8);
}
.tooltip-float.tooltip-conferencia {
overflow: unset;
}
.tooltip-float.tooltip-conferencia .tooltip-content {
opacity: 1;
border: solid 1px #98c1ff;
background-color: rgba(152, 193, 255, 0.8);
}
.tooltip-float:hover {
overflow: unset;
}
.tooltip-float:hover .tooltip-content {
opacity: 1;
}
.card-small-content {
width: 100%;
border-radius: 12px;
border: solid 1px #ced8ea;
padding: 0.8rem;
position: relative;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.card-small-content .img-container-card {
display: flex;
justify-content: center;
}
.card-small-content .img-container-card img {
max-width: 80px;
}
@media (min-width: 992px) {
.card-small-content .img-container-card img {
max-width: 50%;
}
}
.card-small-content .img-card {
width: 100%;
height: 80px;
border-radius: 6px;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.card-small-content .img-card.round {
border-radius: 50%;
width: 60px;
height: 60px;
}
@media (min-width: 992px) {
.card-small-content .img-card.round {
width: 80px;
height: 80px;
}
}
@media (min-width: 992px) {
.card-small-content .img-card {
height: 100px;
}
}
.card-small-content .icon-smal-content {
position: absolute;
right: -22px;
top: -22px;
height: 44px;
width: 44px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #ced8ea;
background-color: #ffffff;
}
.card-small-content .icon-smal-content svg {
width: 20px;
height: 20px;
}
@media (min-width: 768px) {
.card-small-content .icon-smal-content {
height: 50px;
width: 50px;
right: -25px;
top: -25px;
}
}
.card-small-content .flex-buttons-reaccion {
display: flex;
align-items: center;
justify-content: space-between;
}
.card-small-content .list-count-reactions {
position: relative;
height: 30px;
width: 98px;
display: flex;
align-items: center;
}
.card-small-content .list-count-reactions .icon-people {
position: absolute;
height: 30px;
width: 30px;
border-radius: 50%;
}
.card-small-content .list-count-reactions .icon-people.img-round {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.card-small-content .list-count-reactions .icon-people:nth-child(2) {
left: calc(30px - 15px);
z-index: 1;
}
.card-small-content .list-count-reactions .icon-people:nth-child(3) {
left: calc((30px * 2) - (15px * 2));
z-index: 2;
}
.card-small-content .list-count-reactions .icon-people:nth-child(4) {
left: calc((30px * 3) - (15px * 3));
z-index: 3;
}
.card-small-content .list-count-reactions .icon-people.count {
display: flex;
justify-content: center;
align-items: center;
border: solid 1px #ced8ea;
background-color: #f3f8ff;
}
.card-curso {
width: 100%;
display: flex;
flex-direction: column;
padding: 1rem 0;
border-bottom: 1px solid #ced8ea;
}
.card-curso .img-curso {
width: 50px;
height: 50px;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
flex-shrink: 0;
margin-right: 0.8rem;
}
.card-curso .text-content {
display: flex;
flex-direction: column;
width: 100%;
}
@media (min-width: 1200px) {
.card-curso .text-content {
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.card-curso .text-content .info-curso {
max-width: 60%;
}
}
@media (min-width: 768px) {
.card-curso {
border-bottom: none;
}
.card-curso:not(:last-child) {
border-bottom: 1px solid #ced8ea;
}
}
.btn-reaccion-parent {
position: relative;
}
.btn-reaccion-parent .icon-target-reaccion {
display: flex;
}
.btn-reaccion-parent .icon-reacciones {
position: absolute;
top: 0;
right: 0;
transform: translateY(-80%);
opacity: 0;
visibility: hidden;
transition: all 300ms;
transition-delay: 0.5s;
padding-bottom: 1rem;
}
.btn-reaccion-parent .icon-reacciones .row-emoticons {
padding: 6px 20px;
border: 1px solid #ced8ea;
background-color: #ffffff;
border-radius: 12px;
display: flex;
transition: all 300ms;
}
.btn-reaccion-parent .icon-reacciones .row-emoticons .icon-r:not(:last-child) {
margin-right: 1rem;
}
.btn-reaccion-parent .icon-reacciones .row-emoticons .icon-r {
transition: all 300ms;
}
.btn-reaccion-parent .icon-reacciones .row-emoticons .icon-r svg {
width: 20px;
height: 20px;
}
.btn-reaccion-parent .icon-reacciones .row-emoticons .icon-r:hover {
transform: scale(1.1);
}
@media (min-width: 992px) {
.btn-reaccion-parent .icon-reacciones {
left: 0;
right: unset;
}
}
.btn-reaccion-parent.active-reaccion .icon-reacciones {
transform: translateY(-100%);
opacity: 1;
visibility: visible;
}
@media (min-width: 992px) {
.btn-reaccion-parent:hover .icon-reacciones {
transform: translateY(-100%);
opacity: 1;
visibility: visible;
}
}
.list-label-cards {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.list-label-cards .label-item {
display: inline-flex;
align-items: center;
text-align: center;
background-color: #e7f0ff;
border-radius: 20px;
padding: 6px 10px;
margin-bottom: 0.5rem;
}
.list-label-cards .label-item:not(:last-child) {
margin-right: 0.5rem;
}
.parent-progress {
display: flex;
align-items: center;
width: 100%;
}
.parent-progress span {
display: inline-block;
flex-shrink: 0;
margin-left: 8px;
}
@media (max-width: 575.98px) {
.parent-progress.small-width-mobile {
width: 70%;
margin-left: auto;
}
}
.line-progress-curse {
flex: 1;
background-color: rgba(50, 50, 50, 0.6);
height: 4px;
position: relative;
}
.line-progress-curse .line-indicator {
background-color: #0bab2e;
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.banner-perfil {
width: 100%;
border-radius: 12px;
border: solid 1px #ced8ea;
background-color: #ffffff;
position: relative;
}
.banner-perfil .img-head {
width: 100%;
height: 150px;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
position: relative;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.banner-perfil .img-head .foto-banner {
position: absolute;
bottom: -40px;
left: 2rem;
height: 80px;
width: 80px;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
border-radius: 50%;
}
@media (min-width: 1200px) {
.banner-perfil .img-head .foto-banner {
height: 100px;
width: 100px;
left: 2.5rem;
bottom: -50px;
}
}
@media (min-width: 1400px) {
.banner-perfil .img-head .foto-banner {
height: 140px;
width: 140px;
bottom: -70px;
}
}
@media (min-width: 1200px) {
.banner-perfil .img-head {
height: 220px;
}
}
.banner-perfil .content-banner {
width: 100%;
padding: 60px 1rem 1rem 1rem;
}
@media (min-width: 1200px) {
.banner-perfil .content-banner {
padding: 70px 2rem 2rem 2rem;
}
}
@media (min-width: 1400px) {
.banner-perfil .content-banner {
padding: 100px 2rem 2rem 2rem;
}
}
.banner-perfil .text-banner-info ul {
list-style: decimal;
}
.content-general-normal {
padding: 1rem;
border-radius: 12px;
border: solid 1px #ced8ea;
background-color: #ffffff;
width: 100%;
}
@media (max-width: 575.98px) {
.content-general-normal.not-border-mobile {
padding: 0 !important;
border-radius: 0 !important;
border: none !important;
}
}
@media (min-width: 768px) {
.content-general-normal {
padding: 2rem 1.5rem;
}
}
@media (min-width: 1200px) {
.content-general-normal {
padding: 2rem;
}
}
@media (min-width: 1400px) {
.content-general-normal {
padding: 2.5rem;
}
}
.content-perfil-general {
padding: 1rem;
border-radius: 12px;
border: solid 1px #ced8ea;
background-color: #ffffff;
width: 100%;
}
.content-perfil-general a:not(.btn-blue) {
color: #0b63f6;
transition: all 300ms;
}
.content-perfil-general a:not(.btn-blue):hover {
color: #001b59;
}
@media (min-width: 768px) {
.content-perfil-general {
padding: 2rem 1.5rem;
}
}
@media (min-width: 1200px) {
.content-perfil-general {
padding: 2rem;
}
}
@media (min-width: 1400px) {
.content-perfil-general {
padding: 2.5rem;
}
}
.content-perfil-general-normal {
padding: 1rem;
border-radius: 12px;
border: solid 1px #ced8ea;
background-color: #ffffff;
width: 100%;
}
@media (min-width: 768px) {
.content-perfil-general-normal {
padding: 2rem 1.5rem;
}
}
@media (min-width: 1200px) {
.content-perfil-general-normal {
padding: 2rem;
}
}
@media (min-width: 1400px) {
.content-perfil-general-normal {
padding: 2.5rem;
}
}
.list-labels .label-text:not(:last-child) {
margin-right: 0.5rem;
}
.list-labels .label-text {
background-color: #e7f0ff;
color: #001b59;
border-radius: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.5rem;
margin-bottom: 0.5rem;
}
.button-wrap {
padding-right: 80px;
}
.list-personas-cursos {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
height: 100%;
width: 100px;
}
.list-personas-cursos .icon-float {
position: absolute;
width: 40px;
height: 40px;
border-radius: 50%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.list-personas-cursos .icon-float:nth-child(1) {
right: 20px;
z-index: 4;
}
.list-personas-cursos .icon-float:nth-child(2) {
right: 40px;
z-index: 3;
}
.list-personas-cursos .icon-float:nth-child(3) {
right: 60px;
z-index: 2;
}
.list-personas-cursos .icon-float:nth-child(4) {
right: 80px;
z-index: 1;
}
.list-personas-cursos .icon-number {
position: absolute;
width: 40px;
height: 40px;
background-color: rgba(206, 216, 234, 0.4);
display: flex;
align-items: center;
justify-content: center;
z-index: 20;
border-radius: 50%;
right: 0;
}
.align-container-form {
width: 100%;
}
.align-container-form .img-container {
width: 250px;
flex-shrink: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
}
.align-container-form .container-form {
width: 100%;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.align-container-form .container-form {
width: auto;
flex: 1;
padding: 2rem 2.5rem;
}
}
@media (min-width: 1200px) {
.align-container-form .container-form {
padding: 4rem 4.5rem;
}
}
@media (min-width: 1400px) {
.align-container-form .container-form {
padding-right: 8rem;
}
}
@media (min-width: 768px) {
.align-container-form {
background-color: #ffffff;
border-radius: 12px;
border: 1px solid #ced8ea;
}
}
@media (min-width: 992px) {
.align-container-form {
width: 80%;
margin: 0 auto;
}
}
@media (min-width: 1400px) {
.align-container-form {
width: 70%;
margin: 0 auto;
}
}
.line-divisor-center {
display: flex;
align-items: center;
margin-bottom: 2rem;
}
.line-divisor-center .line {
flex: 1;
background-color: #ced8ea;
height: 1px;
}
.line-divisor-center .text-line {
display: inline-block;
padding: 0 1rem;
flex-shrink: 0;
}
.container-option-info {
width: 100%;
}
.container-option-info .list-menu-cuenta {
margin: 0;
padding: 0;
list-style: none;
}
.container-option-info .list-menu-cuenta li:not(:last-child) {
margin-bottom: 1rem;
}
.container-option-info .list-menu-cuenta li a:hover,
.container-option-info .list-menu-cuenta li a:focus,
.container-option-info .list-menu-cuenta li a.active {
color: #0b63f6;
}
.container-option-info .list-menu-cuenta li a.active {
pointer-events: none;
}
.container-option-info .list-menu-cuenta a {
display: inline-block;
position: relative;
}
.container-option-info .list-menu-cuenta .sub-menu-cuenta {
margin-top: 1rem;
list-style-type: disc;
}
.container-option-info .list-menu-cuenta .sub-menu-cuenta li a:after {
position: absolute;
content: "";
display: block;
width: 100%;
border: 1px solid #0b63f6;
bottom: -4px;
left: 0;
display: none;
}
.container-option-info .list-menu-cuenta .sub-menu-cuenta li a:hover,
.container-option-info .list-menu-cuenta .sub-menu-cuenta li a:focus {
color: #0b63f6;
}
.container-option-info .list-menu-cuenta .sub-menu-cuenta li a.active {
color: #0b63f6;
}
.container-option-info .list-menu-cuenta .sub-menu-cuenta li a.active:after {
display: block;
}
.list-forms {
width: 100%;
display: flex;
flex-direction: column;
}
.list-forms .form-container-row {
padding: 1rem 0;
border-bottom: 1px solid #ced8ea;
margin-bottom: 1rem;
width: 100%;
}
.list-forms .form-container-row.border-none {
border-bottom: none;
}
@media (min-width: 768px) {
.list-forms .form-container-row {
border-radius: 12px;
background-color: #fff;
padding: 1rem;
border: 1px solid #ced8ea;
margin-bottom: 2rem;
}
}
@media (min-width: 992px) {
.list-forms .form-container-row {
padding: 2rem 2rem 1rem 2rem;
}
}
@media (min-width: 992px) {
.list-forms {
align-items: flex-start;
}
}
.input-formulario {
display: flex;
flex-direction: column;
width: 100%;
margin-bottom: 1rem;
}
.input-formulario label {
color: #323232;
margin-bottom: 0.5rem;
}
.input-formulario .wrap-input {
border-radius: 4px;
border: solid 1px #ced8ea;
background-color: #ffffff;
position: relative;
padding: 0.5rem 2.5rem 0.5rem 1rem;
}
.input-formulario .wrap-input.padding-text {
padding: 0.5rem 1rem 0.5rem 1rem;
}
.input-formulario .wrap-input.errorInput {
border: solid 1px #ff1111;
margin-bottom: 0.5rem;
}
.input-formulario .wrap-input .icon-input {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 1rem;
pointer-events: none;
}
.input-formulario .wrap-input .icon-input.show-password {
pointer-events: initial;
cursor: pointer;
}
.input-formulario .wrap-input .icon-input.show-password .icon-ocultar, .input-formulario .wrap-input .icon-input.show-password .icon-mostrar {
width: 24px;
}
.input-formulario .wrap-input .icon-input.show-password .icon-ocultar svg, .input-formulario .wrap-input .icon-input.show-password .icon-mostrar svg {
width: 100% !important;
}
.input-formulario .wrap-input .icon-input.show-password .icon-ocultar {
display: block;
}
.input-formulario .wrap-input .icon-input.show-password .icon-mostrar {
display: none;
}
.input-formulario .wrap-input .icon-input.show-password.show-content .icon-ocultar {
display: none;
}
.input-formulario .wrap-input .icon-input.show-password.show-content .icon-mostrar {
display: block;
}
.input-formulario input {
background: transparent;
border: none;
border-radius: unset;
box-shadow: none;
margin-bottom: 0;
padding: 0;
outline: none;
height: 34px;
width: 100%;
}
.input-formulario input::-moz-placeholder {
opacity: 1;
color: #ced8ea;
}
.input-formulario input::placeholder {
opacity: 1;
color: #ced8ea;
}
.input-formulario input:focus {
outline: none;
}
.input-formulario textarea {
background: transparent;
border: none;
border-radius: unset;
box-shadow: none;
margin-bottom: 0;
padding: 0;
outline: none;
min-height: 100px;
max-height: 100px;
width: 100%;
max-width: 100%;
}
.input-formulario textarea::-moz-placeholder {
opacity: 1;
color: #ced8ea;
}
.input-formulario textarea::placeholder {
opacity: 1;
color: #ced8ea;
}
.input-formulario textarea:focus {
outline: none;
}
.form-terms {
display: block;
position: relative;
}
.form-terms.errorInput {
margin-bottom: 0.5rem;
}
.form-terms input {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
cursor: pointer;
visibility: hidden;
}
.form-terms label {
position: relative;
cursor: pointer;
margin: 0;
display: inline-flex;
align-items: center;
color: #323232;
}
.form-terms label a {
color: #323232;
}
.form-terms .icon-check {
-webkit-appearance: none;
background-color: transparent;
border-radius: 6px;
border: solid 1px #ced8ea;
height: 30px;
width: 30px;
display: inline-flex;
justify-content: center;
align-items: center;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 12px;
}
.form-terms .icon-check .arrow-check {
height: calc(100% + 2px);
width: calc(100% + 2px);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: none;
border-radius: 6px;
background-image: linear-gradient(to bottom, #0b63f6 0%, #003cc5 100%);
justify-content: center;
align-items: center;
}
.form-terms .icon-check .arrow-check svg {
height: 16px;
width: 16px;
fill: #ffffff;
}
.form-terms input:checked + label .icon-check .arrow-check {
display: flex;
}
.modal-registro-exitoso {
width: 100%;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
overflow-y: auto;
}
.modal-registro-exitoso .plasta {
position: absolute;
top: 0;
left: 0;
z-index: -1;
height: 100%;
width: 100%;
background-color: rgba(50, 50, 50, 0.75);
}
.modal-registro-exitoso .container-modal {
width: 100%;
min-height: calc(var(--vh, 1vh) * 100);
padding: 80px 0;
}
.modal-registro-exitoso .container-modal .content-modal {
background-color: #ffffff;
border-radius: 12px;
border: solid 1px #ced8ea;
padding: 1.5rem 2rem;
width: 95%;
margin: 0 auto;
}
.modal-registro-exitoso .container-modal .content-modal .img-perfil {
width: 80px;
}
@media (min-width: 576px) {
.modal-registro-exitoso .container-modal .content-modal {
max-width: 400px;
padding: 2rem;
}
}
.menu-mobile-cuenta {
width: 100%;
height: 100vh;
background-color: #ffffff;
position: fixed;
top: 0;
left: 0;
z-index: -1;
transform: translateX(100%);
}
.menu-mobile-cuenta .content-menu-vertical {
padding-top: 90px;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: calc(var(--vh, 1vh) * 100);
}
.menu-mobile-cuenta .container-menu {
width: 100%;
}
@media (min-width: 768px) {
.menu-mobile-cuenta .container-menu {
width: 50%;
margin: 0 auto;
}
}
.menu-mobile-cuenta .list-menu-mobile {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
}
.menu-mobile-cuenta .list-menu-mobile li a {
padding: 1rem 0;
display: block;
color: #323232;
}
.menu-mobile-cuenta .list-menu-mobile li a.active {
background-color: #ced8ea;
}
.menu-mobile-cuenta .bottom-menu {
width: 100%;
padding: 1rem 0;
border-top: 1px solid #ced8ea;
}
.menu-mobile-cuenta .bottom-menu .button-session {
display: inline-flex;
align-items: center;
}
.menu-mobile-cuenta .bottom-menu .button-session span {
color: #050038;
}
.menu-mobile-cuenta .bottom-menu .button-session .icon-session {
width: 16px;
height: 16px;
margin-right: 1rem;
}
.menu-mobile-cuenta .bottom-menu .button-session .icon-session svg {
width: 100% !important;
height: 100% !important;
vertical-align: text-top;
}
.modal-general-info {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: -1;
opacity: 0;
overflow-y: auto;
}
.modal-general-info .plasta {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(237, 242, 247, 0);
background-color: rgba(50, 50, 50, 0.75);
z-index: -1;
}
.modal-general-info .content-menu-vertical {
padding: 50px 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: calc(var(--vh, 1vh) * 100);
}
.modal-likes {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: -1;
opacity: 0;
}
.modal-likes .plasta {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(237, 242, 247, 0);
background-color: rgba(50, 50, 50, 0.75);
z-index: -1;
}
.modal-likes .content-like {
width: 100%;
border-radius: 12px;
box-shadow: 0 0 10px 0 rgba(75, 122, 176, 0.2);
border: solid 1px #ced8ea;
background-color: #ffffff;
margin-top: 80px;
padding: 0.5rem;
padding-bottom: 2rem;
}
.modal-likes .content-like .head-like {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.5rem;
}
.modal-likes .content-like .head-like .title-head {
margin-bottom: 0;
max-width: 60%;
}
@media (min-width: 768px) {
.modal-likes .content-like {
max-width: 500px;
margin-left: auto;
margin-right: auto;
padding: 2rem;
padding-bottom: 3rem;
}
}
@media (min-width: 1200px) {
.modal-likes .content-like {
margin-top: 0;
}
}
.modal-likes .icon-flex-info {
height: 40px;
width: 40px;
border-radius: 50%;
border: 1px solid #ced8ea;
display: flex;
justify-content: center;
align-items: center;
background-color: #ffffff;
}
.modal-likes .icon-flex-info svg {
height: 20px;
width: 20px;
}
.modal-likes .list-info-likes {
display: flex;
align-items: center;
overflow-x: auto;
margin-bottom: 2rem;
}
.modal-likes .list-info-likes .title-likes-info {
flex-shrink: 0;
margin-right: 1rem;
}
.modal-likes .list-info-likes .list-icons-info {
display: flex;
}
.modal-likes .list-info-likes .list-icons-info .icon-container-like {
display: flex;
align-items: center;
margin-right: 1rem;
}
.modal-likes .list-info-likes .list-icons-info .icon-container-like .icon-flex-info {
margin-right: 0.5rem;
}
@media (max-width: 991.98px) {
.modal-likes .list-info-likes {
scrollbar-width: none;
}
.modal-likes .list-info-likes::-webkit-scrollbar {
width: 0px; /* Remove scrollbar space */
background: transparent; /* Optional: just make scrollbar invisible */
}
}
@media (min-width: 992px) {
.modal-likes .list-info-likes {
/* ===== Scrollbar CSS ===== */
/* Firefox */
/* Chrome, Edge, and Safari */
}
.modal-likes .list-info-likes {
scrollbar-width: auto;
scrollbar-color: #a4a4a4 #ffffff;
}
.modal-likes .list-info-likes::-webkit-scrollbar {
width: 12px;
}
.modal-likes .list-info-likes::-webkit-scrollbar-track {
background: #ffffff;
}
.modal-likes .list-info-likes::-webkit-scrollbar-thumb {
background-color: #a4a4a4;
border-radius: 6px;
border: 3px solid #ffffff;
}
}
.modal-likes .list-persons-emoticons {
list-style: none;
margin: 0;
padding: 0;
max-height: 250px;
overflow-y: auto;
/* ===== Scrollbar CSS ===== */
/* Firefox */
/* Chrome, Edge, and Safari */
}
.modal-likes .list-persons-emoticons {
scrollbar-width: auto;
scrollbar-color: #a4a4a4 #ffffff;
}
.modal-likes .list-persons-emoticons::-webkit-scrollbar {
width: 12px;
}
.modal-likes .list-persons-emoticons::-webkit-scrollbar-track {
background: #ffffff;
}
.modal-likes .list-persons-emoticons::-webkit-scrollbar-thumb {
background-color: #a4a4a4;
border-radius: 6px;
border: 3px solid #ffffff;
}
.modal-likes .list-persons-emoticons li {
padding-right: 1rem;
}
.modal-likes .list-persons-emoticons li:not(:last-child) {
margin-bottom: 1.2rem;
}
.modal-likes .list-persons-emoticons .card-person-like {
display: flex;
align-items: center;
}
.modal-likes .list-persons-emoticons .card-person-like .foto-perfil {
height: 50px;
width: 50px;
border-radius: 50%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
position: relative;
margin-right: 1.5rem;
}
.modal-likes .list-persons-emoticons .card-person-like .foto-perfil .icon-flex-info {
position: absolute;
bottom: -15px;
right: -15px;
}
@media (min-width: 768px) {
.modal-likes .list-persons-emoticons {
max-height: 350px;
}
}
@media (min-width: 1200px) {
.modal-likes {
display: flex;
align-items: center;
justify-content: center;
padding: 100px 0;
}
}
.form-general-step {
position: relative;
overflow: hidden;
}
.form-general-step .form-step-two {
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
transform: translateX(100%);
opacity: 1;
}
.timer-flex {
display: inline-flex;
align-items: center;
}
.timer-flex .relog {
margin-right: 1rem;
}
.flex-marca {
display: flex;
align-items: center;
}
.flex-marca .img-marca {
max-width: 80px;
margin-right: 1rem;
}
.video-play {
width: 100%;
position: relative;
}
.video-container {
width: 100%;
position: relative;
}
.llamada-off {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
display: flex;
justify-content: center;
align-items: center;
}
.llamada-off .plasta {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
background-color: #323232;
border-radius: 12px;
}
.llamada-off .title-off-llamada {
position: absolute;
z-index: 1;
padding: 8px;
border-radius: 6px;
background-color: #e23636;
color: #ffffff;
max-width: 250px;
display: inline-flex;
align-items: center;
height: 32px;
margin-bottom: 0;
}
@media (min-width: 768px) {
.llamada-off .title-off-llamada {
padding: 12px 20px;
height: 50px;
}
}
.label-name-video {
position: absolute;
top: 4%;
left: 4%;
z-index: 2;
}
.label-name-video .name-content {
padding: 8px;
border-radius: 6px;
background-color: rgba(50, 50, 50, 0.6);
color: #ffffff;
max-width: 250px;
display: inline-flex;
align-items: center;
height: 32px;
}
.label-name-video .name-content .icon-button {
display: flex;
}
@media (min-width: 768px) {
.label-name-video .name-content {
padding: 12px 20px;
height: 50px;
}
}
@media (min-width: 768px) {
.label-name-video {
bottom: 4%;
top: unset;
}
}
.timer-label-video {
position: absolute;
top: 4%;
right: 4%;
z-index: 2;
}
.timer-label-video .content-timer {
display: inline-flex;
align-items: center;
padding: 8px;
border-radius: 6px;
background-color: rgba(50, 50, 50, 0.6);
height: 32px;
}
@media (min-width: 768px) {
.timer-label-video .content-timer {
padding: 12px 20px;
height: auto;
}
}
.timer-label-video .relog-icon {
margin-right: 0.5rem;
display: inline-flex;
width: 16px;
}
@media (min-width: 768px) {
.timer-label-video .relog-icon {
width: 25px;
}
}
.timer-label-video .timer-text {
color: #ffffff;
margin-bottom: 0;
}
.camara-container {
position: absolute;
bottom: 30%;
right: 4%;
z-index: 2;
max-width: 25%;
}
@media (min-width: 768px) {
.camara-container {
bottom: 4%;
}
}
.list-option-video {
position: absolute;
bottom: 4%;
left: 4%;
}
.list-option-video .flex-buttons-video {
display: flex;
align-items: center;
}
.list-option-video .flex-buttons-video .button-video {
position: relative;
}
.list-option-video .flex-buttons-video .button-video:not(:last-child) {
margin-right: 1rem;
}
.list-option-video .flex-buttons-video .button-video .icon-button {
display: flex;
}
.list-option-video .flex-buttons-video .button-video .icon-button-close {
display: none;
}
.list-option-video .flex-buttons-video .button-video .text-hover-button,
.list-option-video .flex-buttons-video .button-video .text-hover-active {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -100%);
padding: 10px;
border-radius: 12px;
background-color: rgba(50, 50, 50, 0.5);
color: #ffffff;
width: -moz-max-content;
width: max-content;
top: -0.5rem;
opacity: 0;
transition: all 300ms;
}
.list-option-video .flex-buttons-video .button-video .text-hover-active {
display: none;
}
.list-option-video .flex-buttons-video .button-video.active .icon-button {
display: none;
}
.list-option-video .flex-buttons-video .button-video.active .icon-button-close {
display: flex;
}
.list-option-video .flex-buttons-video .button-video.active .text-hover-button {
display: none;
}
.list-option-video .flex-buttons-video .button-video.active .text-hover-active {
display: inline-block;
}
.list-option-video .flex-buttons-video .button-video:hover .text-hover-button,
.list-option-video .flex-buttons-video .button-video:hover .text-hover-active {
opacity: 1;
}
@media (min-width: 768px) {
.list-option-video {
left: 50%;
transform: translateX(-50%);
}
}
.button-video {
width: 44px;
height: 44px;
border-radius: 50%;
background-color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
transition: all 300ms;
cursor: pointer;
}
@media (min-width: 768px) {
.button-video {
height: 50px;
width: 50px;
}
}
.button-video-chat {
position: absolute;
right: 4%;
bottom: 4%;
z-index: 2;
}
@media (min-width: 768px) {
.button-video-chat {
display: none;
}
}
.modal-chat-g {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100%;
display: flex;
align-items: flex-end;
z-index: -1;
transform: translateX(100%);
}
.modal-chat-g .chat-container-modal {
width: 100%;
background-color: #ffffff;
padding-top: 16px;
border-radius: 12px;
border: solid 1px #ced8ea;
}
.modal-chat-g .chat-container-modal .circle-close {
height: 50px;
width: 50px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
border: solid 1px #ced8ea;
cursor: pointer;
}
@media (min-width: 768px) {
.modal-chat-g .chat-container-modal {
padding-top: 0;
border: none;
border-radius: 0;
background-color: transparent;
}
}
@media (min-width: 768px) {
.modal-chat-g {
position: relative;
z-index: 1;
display: block;
transform: none;
height: auto;
}
}
.chat-message {
width: 100%;
}
.chat-message .header-chat {
padding: 16px;
border-bottom: 1px solid #ced8ea;
}
@media (min-width: 768px) {
.chat-message {
border-radius: 12px;
border: solid 1px #ced8ea;
background-color: #ffffff;
}
}
.title-out {
margin-bottom: 2rem;
}
.chat-historial {
width: 100%;
height: 200px;
overflow-y: scroll;
padding: 16px;
}
@media (min-width: 768px) {
.chat-historial {
height: 380px;
}
}
.text-message {
margin-bottom: 1rem;
}
.text-message .submessage {
padding-left: 0.5rem;
}
@media (min-width: 768px) {
.text-message {
margin-bottom: 1.5rem;
}
}
.text-resaltado-normal {
background-color: #e6e5eb;
padding: 8px;
border-radius: 6px;
display: inline-block;
}
.end-message {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.end-message .resaltado-message {
padding: 8px;
border-radius: 6px;
background-color: #b3cffd;
color: #000000;
}
.wrap-chat {
width: 100%;
padding: 16px;
border-top: 1px solid #ced8ea;
}
.wrap-chat form {
display: flex;
}
.wrap-chat form input {
width: calc(100% - 120px);
border: none;
box-shadow: unset;
outline: none;
padding-right: 16px;
}
.wrap-chat form input:focus {
box-shadow: none;
}
.wrap-chat form button {
flex-shrink: 0;
width: 120px;
}
@media (min-width: 768px) {
.equals-height {
min-height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
}
.accordion-me {
width: 100%;
list-style: none;
padding-left: 1rem;
}
.accordion-me .title-accordeon {
cursor: pointer;
display: block;
color: #323232;
position: relative;
transition: all 0.4s ease;
padding-right: 2rem;
}
.accordion-me .title-accordeon .icon-accordeon {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
transition: all 0.4s ease;
}
@media (min-width: 992px) {
.accordion-me .title-accordeon {
padding-right: 3rem;
}
}
.accordion-me li {
margin-bottom: 0 !important;
border-radius: 6px;
padding: 1rem;
}
.accordion-me li.open {
border: solid 1px #ced8ea;
background-color: #f3f5fa;
}
.accordion-me li.open .title-accordeon {
margin-bottom: 1rem;
}
.accordion-me li.open .icon-accordeon {
transform: translateY(-50%) rotate(180deg);
}
.accordion-me li.open .icon-accordeon svg path {
fill: #323232;
}
@media (min-width: 992px) {
.accordion-me li {
padding: 1.5rem;
}
}
.accordion-me .submenu {
display: none;
list-style: none;
color: #323232;
}
.accordion-me .submenu.open {
display: block;
}
@media (min-width: 992px) {
.accordion-me .submenu {
width: 80%;
}
}
.modal-info-cards-general {
display: flex;
align-items: center;
}
.modal-info-cards-general .content-certificacion {
border-radius: 12px;
box-shadow: 0 0 30px 0 rgba(75, 122, 176, 0.12);
border: solid 1px #ced8ea;
position: relative;
padding: 1rem 0;
background-color: #ffffff;
}
.modal-info-cards-general .content-certificacion .title-certificacion {
max-width: 80%;
}
@media (min-width: 992px) {
.modal-info-cards-general .content-certificacion {
border-radius: 20px;
padding: 2rem 0;
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
}
.modal-info-cards-general .content-align-data {
padding: 0 1rem;
}
@media (min-width: 576px) {
.modal-info-cards-general .content-align-data {
padding: 0 1.5rem;
}
}
@media (min-width: 992px) {
.modal-info-cards-general .content-align-data {
padding: 0 2.5rem;
}
}
.modal-info-cards-general .content-wrap-cards {
max-height: 60vh;
overflow-y: auto;
padding: 0 1rem;
}
@media (min-width: 576px) {
.modal-info-cards-general .content-wrap-cards {
padding: 0 1.5rem;
}
}
@media (min-width: 992px) {
.modal-info-cards-general .content-wrap-cards {
padding: 0 2.5rem;
max-height: 420px;
}
}
.modal-info-cards-general .row-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.5rem;
}
@media (min-width: 576px) {
.modal-info-cards-general .row-grid {
gap: 1rem;
}
}
@media (min-width: 768px) {
.modal-info-cards-general .row-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1200px) {
.modal-info-cards-general .row-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 1400px) {
.modal-info-cards-general .row-grid {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
.modal-historial {
display: flex;
align-items: center;
}
.modal-historial .container-list-historial {
border-radius: 12px;
box-shadow: 0 0 10px 0 rgba(75, 122, 176, 0.2);
border: solid 1px #ced8ea;
padding: 2rem;
position: relative;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
max-width: 500px;
}
.modal-historial .container-list-historial .btn-close-round {
position: absolute;
top: 1rem;
right: 1rem;
}
@media (min-width: 768px) {
.modal-historial .container-list-historial .btn-close-round {
top: 2rem;
right: 2rem;
}
}
.modal-historial .container-list-historial .title {
max-width: 70%;
}
.modal-historial .container-list-historial .item-historial-info {
display: flex;
flex-direction: column;
position: relative;
max-height: 300px;
overflow-y: auto;
}
.modal-historial .container-list-historial .item-historial-info .flex-data-container {
display: flex;
position: relative;
}
.modal-historial .container-list-historial .item-historial-info .flex-data-container:before {
position: absolute;
top: 4px;
left: 11px;
transform: translateX(-50%);
content: "";
display: block;
height: 100%;
width: 1px;
background-color: #ced8ea;
}
.modal-historial .container-list-historial .item-historial-info .flex-data-container .icon-time {
flex-shrink: 0;
margin-right: 1rem;
position: relative;
z-index: 2;
background-color: #ffffff;
display: flex;
height: 100%;
}
.modal-historial .container-list-historial .item-historial-info .flex-data-container:not(:last-child) {
padding-bottom: 1rem;
}
.modal-historial .container-list-historial .item-historial-info .flex-data-container:last-child():before {
height: 0px;
}
@media (min-width: 768px) {
.modal-historial .container-list-historial .item-historial-info {
max-height: 400px;
}
}
@media (min-width: 768px) {
.modal-historial .container-list-historial {
padding: 2.5rem 2rem 2rem;
}
}
.video-js .vjs-big-play-button {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.video-js .vjs-play-progress {
background-color: #549fff;
}
.video-js .vjs-load-progress div {
background: rgba(84, 159, 255, 0.3);
}
.modal-video .content-video {
border-radius: 12px;
box-shadow: 0 0 30px 0 rgba(75, 122, 176, 0.12);
border: solid 1px #ced8ea;
position: relative;
background-color: #ffffff;
padding: 0.5rem;
}
.modal-video .content-video .btn-close-round {
position: absolute;
top: 1rem;
right: 1rem;
z-index: 2;
}
@media (min-width: 992px) {
.modal-video .content-video {
border-radius: 20px;
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
}/*# sourceMappingURL=main.css.map */