@font-face {
    font-family: "Montserrat";
    src: url(../theme/fonts/Montserrat/static/Montserrat-Regular.ttf);
}
@font-face {
    font-family: "MontserratMedium";
    src: url(../theme/fonts/Montserrat/static/Montserrat-Medium.ttf);
}
@font-face {
    font-family: "MontserratBold";
    src: url(../theme/fonts/Montserrat/static/Montserrat-Bold.ttf);
}
@font-face {
    font-family: "MontserratSemiBold";
    src: url(../theme/fonts/Montserrat/static/Montserrat-SemiBold.ttf);
}
@font-face {
    font-family: "MontserratExtraBold";
    src: url(../theme/fonts/Montserrat/static/Montserrat-ExtraBold.ttf);
}
@font-face {
    font-family: "MontserratLigth";
    src: url(../theme/fonts/Montserrat/static/Montserrat-Light.ttf);
}
@font-face {
    font-family: "MontserratMediumItalic";
    src: url(../theme/fonts/Montserrat/static/Montserrat-MediumItalic.ttf);
}
@font-face {
    font-family: "OpenSansRegular";
    src: url(../theme/fonts/OpenSans/static/OpenSans-Regular.ttf);
}

:root {
    --primary--color: #253c56;
    --secundary--color: #f3ad4b;
    --background--color: #ffffff;
    --secundary--background--color: #f7f7f7;
    --primary--text--color: #9fa9b3;
    --secundary--text--color: #ffffff;
    --primary--font: "Montserrat", sans-serif;
}
* {
    margin: 0;
    padding: 0;
    font-family: var(--primary--font);
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

.bg-primary {
    background: var(--primary--color) !important;
}

.bg-secondary {
    background: var(--secundary--color) !important;
}


.color-primary {
    color: var(--primary--color);
}

.color-secondary {
    color: var(--secundary--color);
}

.bg-primary-glass {
    background: rgba( 37, 60, 86, 0.25 );
    backdrop-filter: blur( 50px );
    -webkit-backdrop-filter: blur( 50px );
}

.btn {
    /*border-radius: 0 !important;*/
    padding: 10px 20px;
    font-size: 1rem;
    border-radius: 5px;
}

.btn-primary {
    background-color: var(--primary--color);
    transition: background-color 0.3s ease; /* Transición suave */
    border: none; /* Eliminar el borde */
}

.btn-primary:hover {
    background-color: var(--secundary--color); /* Color azul al pasar el mouse */
    color: white; /* Mantener el texto en blanco */
}

.btn-secondary {
    background-color: var(--secundary--color);
    transition: background-color 0.3s ease; /* Transición suave */
    border: none; /* Eliminar el borde */
}

.btn-secondary:hover {
    background-color: var(--primary--color); /* Color azul al pasar el mouse */
    color: white; /* Mantener el texto en blanco */
}

.container-fluid {
    padding-right: 6% !important;
    padding-left: 6% !important;
}

.h1 {
    font-family: "MontserratExtraBold";
    font-size: clamp(.6rem, 5vw, 9rem);
    font-weight: bold;
}

.h2 {
    font-family: "MontserratSemiBold";
    font-size: clamp(1rem, 3vw, 2.7rem);
    font-weight: bold;
}

.h3 {
    font-family: "MontserratBold";
    font-size: clamp(.9rem, 1.8vw, 1.9rem);
    font-weight: bold;
}

.h4 {
    font-family: "MontserratBold";
    font-size: clamp(.9rem, 1.1vw, 1.3rem);
    font-weight: bold;
}

.h5 {
    font-family: "MontserratBold";
    font-size: clamp(.9rem, 1.4vw, 1.6rem);
    font-weight: bold;
}

.h6 {
    font-family: "MontserratMedium";
    font-size: clamp(.7rem, .9vw, 1rem);
}

.h7 {
    font-family: "Montserrat";
    font-size: clamp(.7rem, .9vw, 1.1rem);

}
.hlog{
    font-family: "Montserrat";
    font-size: clamp(1rem, 1.3vw, 1.6rem);
}
.ptext{
    font-size: clamp(.5rem, 1.3vw, 1.6rem);}

.navtext{
    font-size: clamp(.7rem, .8vw, 1rem);
}
.custom-list {
    list-style: none; /* Eliminar el estilo de lista predeterminado */
    padding-left: 0; /* Eliminar el relleno izquierdo */
}

.custom-list li {
    position: relative; /* Necesario para el pseudo-elemento */
    padding-left: 25px; /* Espacio para el cuadrado */
}

.custom-list li::before {
    content: ''; /* Contenido vacío para el pseudo-elemento */
    position: absolute; /* Posicionamiento absoluto */
    left: 0; /* Alinear a la izquierda */
    top: 50%; /* Centrar verticalmente */
    transform: translateY(-50%); /* Ajustar la posición vertical */
    width: 1.6rem; /* Ancho del cuadrado */
    height: 1.7rem; /* Altura del cuadrado */
    background-color: var(--secundary--color); /* Color amarillo */
}
.subtitle{
    font-family: "MontserratExtraBold" !important;
    color: var(--primary--color);
}
header {
    font-family: "MontserratMedium";
}
footer {
    background-color: var(--primary--color);
}
p {
    word-wrap: break-word;
    overflow-wrap: break-word;
}
html, body {
    overflow-x: hidden;
}

.portal-img{
    width: 100%;
    max-height: 300px;
    object-fit: cover;
}

.ck-editor strong {
    font-family: "MontserratBold" !important;
}

[v-cloak] {
    display: none;
}