/* Personalizada */
@font-face {
    font-family: 'Inter Extrabold';
    src: url('../fonts/Inter-ExtraBold.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Noto Sans Regular';
    src: url('../fonts/NotoSans-Regular.ttf');
    font-weight: normal;
    font-style: normal;

}

/* GENERALES */
body {
    font-family: 'Noto Sans Regular', sans-serif !important;
    color: #1D1D1B;
}

::selection {
    color: #fff;
    background: #1DABF2 !important;
}

p{
    color: #1D1D1B;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter Extrabold', sans-serif !important;
    color: #1D1D1B; !important;
}

.rv-30-section-header__title {
    margin-top: 5px !important;
}

.rv-28-abt-tab-container{
    padding-right: 80px;
}
.rv-28-video-title__text{
    padding-right: 80px;
}

@media (max-width: 768px){
	.rv-28-abt-tab-container{
        padding-right: 0px;
    }
    .rv-28-video-title__text{
        padding-right: 0px;
    }
}

@media (max-width: 768px){
	.ocultarmobile {
		display:none;
	}
}

@media (min-width: 768px){
	.ocultardesktop{
		display:none;
	}
}

/* MENU */

.rv-28-border-for-menu.fixed {
    background-color: rgba(13, 62, 120, 0.8) !important;
}
.sub-menu {
    min-width: 300px;
    left: 90%;
}
.logo-container{
    min-width: 190px;
}
.boton-arcadia {
    padding: 10px 30px !important;
    border-radius: 40px !important;
    background-color: #1DABF2 !important;
    color: #FFFFFF !important;
}
.boton-arcadia:hover{
    padding: 10px 30px !important;
    background-color: #0D4478 !important;
}
.boton-arcadia-azul {
    padding: 10px 30px !important;
    border-radius: 40px !important;
    background-color: #0D4478 !important;
    color: #FFFFFF !important;
}
.boton-arcadia-azul:hover{
    padding: 10px 30px !important;
    background-color: #1DABF2 !important;
}
.rv-29-header-img-overlay {
    /* background: linear-gradient(to right, rgba(13, 68, 120, 0.8), 70%, rgba(13, 68, 120, 0.8)) !important; */
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5), 70%, rgba(0, 0, 0, 0.5)) !important;
    /* background: linear-gradient(to right, rgba(29,171,242, 0.5), 70%, rgba(29,171,242, 0.5)) !important; */

}



.boton-outline-arcadia {
    border-radius: 20px !important;
    border: #0D4478 1px solid !important;
    color: #0D4478 !important;
    background-color: transparent !important;
}
.boton-outline-arcadia:hover{
    background-color: #0D4478 !important;
    color: #FFFFFF !important;
}

.boton-chico{
    font-weight: 400 !important;
    font-size: 14px  !important;
}

.boton-muy-chico{
    padding: 6px 15px !important;
    font-weight: 400 !important;
    font-size: 12px  !important;
}
.boton-muy-chico:hover{
    padding: 6px 15px !important;
    background-color: #0D4478 !important;
}

.subtitulo{
    font-size: 18px  !important;
}

.texto-celeste{
    color: #1DABF2 !important;
}
.fondo-blanco{
    background-color: #FFFFFF !important;
}
.rv-28-video__list li i {
    background-color: #0D4478  !important;
}
.rv-28-video__list {
    display: list-item !important;
}

/* SLIDER */

.titulo-slider{
    font-size: 40px !important;
}
@media (max-width: 768px){
	.titulo-slider{
        font-size: 32px !important;
    }
}

.rv-30-section-header__title {
    font-size: 32px  !important;
}

.rv-28-video-title__text {
    font-size: 32px  !important;
    line-height: 1.2;
}

.rv-28-banner-content .rv-28-banner-title__text {
    font-size: 45px;
}

.rv-blog-details-descr__txt.blockquote {
    color: #FFFFFF !important;
    background-image: url('../img/fondo-quote.png') !important;
}
.rv-blog-details-descr__txt.blockquote p {
    color: #FFFFFF !important;
}
.rv-blog-details-descr__txt.blockquote::before {
    color: #FFFFFF !important;
}

.rv-30-banner {
    margin-top: -120px !important;
    height: 100vh !important;
}
.rv-30-team-controller span {
    height: 20px;
    width: 20px;
    background: transparent;
    border-radius: 50%;
    display: flex;
    gap: 15px;
    align-items: center;
    color: lightgray;
    cursor: pointer;
}
.rv-30-team-controller span i {
    font-size: 10px;
    text-align: center;
    margin-left: 4px;
}
.rv-30-team-controller span.active {
    border: 1px solid white;
    color: white;
}
.texto-slider{
    color: white !important;
}


/* INDEX */

.rv-28-blog-subtitle {
    font-family: 'Noto Sans Regular';
}

.rv-30-section-header__btns button:hover {
    background-color: #0D4478;
    color: white;
}
.card-servicio{
    border-radius: 20px !important;
    padding: 25px 20px !important;
    min-height: 370px;
}


/* INSTITUCIONAL */

.rv-service-details__descr{
    text-align: justify;
    font-family: 'Noto Sans Regular', sans-serif !important;
}


/* SERVICIOS */
.rv-service-details-sidebar-categories a {
    color: #0D4478 !important;
    font-family: 'Inter Extrabold';
}
.rv-service-details-sidebar-categories a:hover {
    color: #FFFFFF !important;
    background-color: #21c6c6 !important;
}

.rv-service-details-sidebar-categories a {
    color: #0D4478 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    padding: 10px 30px !important;
}

.arcalia-list li {
    background-image: url('../img/Item.svg'); /* Reemplaza con la ruta a tu archivo SVG */
    background-repeat: no-repeat;
    background-position: 0 50%; /* Alinea la imagen verticalmente en el centro */
    padding-left: 30px; /* Añade espacio a la izquierda para la imagen */
    background-size: 20px 20px; /* Tamaño del icono */
  }

  /* contacto */

  .icon-contacto{
    background-color: #ffffff;
    padding: 3px;
    border-radius: 50px;
    border: 2px solid #1DABF2;
    font-size: 22px;
    height: 40px;
    width: 40px;
    color: #1DABF2;
    line-height: 30px;
    text-align: center;
  }

  .span-contacto{
    line-height: 30px;
    padding: 8px;
  }

  .rv-inner-contact__form button {
    border-color: #0D4478;
    background-color: #0D4478;
    color: var(--white-f);
}

.fondo-puntos{
    background-image: url('../img/fondo-puntos.png') !important;
    background-size: auto;        /* La imagen no cambia su tamaño, se usa el tamaño original */
  background-repeat: repeat;    /* La imagen se repite tanto en el eje X como en el Y */
  background-position: center;  /* Opcional: centra la primera instancia de la imagen */
}

.video-background-llamada {
    position: relative;
    width: 100%;
    padding: 160px 20px 160px 20px ;
    overflow: hidden; /* Oculta cualquier desbordamiento */
    margin-top: 60px;
}

.video-background-llamada video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%; /* El video ocupa al menos el 100% de ancho */
    min-height: 100%; /* El video ocupa al menos el 100% de alto */
    width: auto;
    height: auto;
    transform: translate(-50%, -50%); /* Centra el video */
    z-index: 1; /* Coloca el video detrás */
}

.overlay-llamada {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Color negro con 20% de opacidad */
    z-index: 2; /* Coloca el overlay por encima del video */
}

.container-llamada {
    position: relative;
    z-index: 3; /* Coloca el contenido por encima del overlay */
    max-width: 900px; /* Ancho máximo del contenedor */
    margin: 0 auto; /* Centra el contenedor */
    height: 100%; /* Hace que el contenedor ocupe toda la altura del padre */
    display: flex; /* Usamos flexbox para centrar el contenido */
    align-items: center; /* Centrado vertical */
    justify-content: center; /* Centrado horizontal */
    color: white; /* Color del texto */
    text-align: center; /* Centrar texto en h1 */
}