@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');

body { background-color: #F5F1EA; font-family: "Archivo", sans-serif; }

/* VARIABLES */
:root{
    --main-bg-color: #0B2E6D;
    --main-bg-color-light: #C9993D;
    --main-bg-color-dark: #071F49;

    /* IDENTIDAD DE MARCA */
    --brand-blue: #0B2E6D;        /* Azul principal */
    --brand-blue-soft: #114CB0;   /* Azul claro (degradados) */
    --brand-blue-dark: #071F49;   /* Azul oscuro (hover) */
    --brand-gold: #C9993D;        /* Dorado de acento */
    --brand-gold-soft: #D9AE5C;   /* Dorado claro (degradados) */
    --brand-beige: #F5F1EA;       /* Beige/marfil de fondo */
    --brand-neutral: #D9D1C7;     /* Neutro secundario */
}

/*HEADER CSS*/
img {transition: opacity ease 300ms;}
img:not([src]) {opacity: 0;}

nav.sticky { box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); }
nav.sticky { background-color: #F5F1EA; }
nav.sticky .imagen_nav { transform: scale(0.8); transition: all 0.3s ease-in-out; transform-origin: left; }
nav.sticky { padding-top: 4px; padding-bottom: 4px; }
nav.sticky.sticked { box-shadow: none; }
nav.sticky.sticked { background-color: transparent; }
nav.sticky.sticked .imagen_nav { transform: scale(1); }
nav.sticky.sticked { padding-top: 10px; padding-bottom: 10px; }

.dropdown-toggle.open ~ .dropdown { max-height: 500px; }
.dropdown-toggle.open .icon { transform: rotate(180deg); }
.dropdown { transition: max-height 0.3s ease-in-out; }

@media (max-width: 1023px) {
    body.navbar-open { height: 100vh; overflow: hidden; }
    .navbar.hidden { pointer-events: none; }
    .navbar.open { pointer-events: auto; }
    .navbar .navbar-content { transform: translateX(100%); }
    .navbar.open .navbar-content { transform: translateX(0); }
    .navbar .navbar-overlay { opacity: 0;}
    .navbar.open .navbar-overlay { opacity: 1; }
}

/* MAIN COLOR */
.text-main-color{ color: var(--main-bg-color); }
.bg-main-color{ background-color: var(--main-bg-color); }
.bg-fill-main-color{ fill: var(--main-bg-color); }
.border-main-color{ border-color: var(--main-bg-color); }
.bg-gradient-main-color{ background: linear-gradient(to bottom,var(--main-bg-color-light) 0%, var(--main-bg-color) 100%); }
.hover\:text-main-color:hover{ color: var(--main-bg-color); }
.hover\:bg-main-color:hover{ background-color: var(--main-bg-color); }
.hover\:border-main-color:hover{ border-color: var(--main-bg-color); }
.hover\:bg-gradient-main-color:hover{ background: linear-gradient(to bottom,var(--main-bg-color-light) 0%, var(--main-bg-color) 100%); }
.focus\:text-main-color:focus{ color: var(--main-bg-color); }
.focus\:bg-main-color:focus{ background-color: var(--main-bg-color); }
.focus\:border-main-color:focus{ border-color: var(--main-bg-color); }
.focus\:bg-gradient-main-color:focus{ background: linear-gradient(to bottom,var(--main-bg-color-light) 0%, var(--main-bg-color) 100%); }

/* MAIN COLOR DARK */
.text-main-color-dark{ color: var(--main-bg-color-dark); }
.bg-main-color-dark{ background-color: var(--main-bg-color-dark); }
.bg-fill-main-color-dark{ fill: var(--main-bg-color-dark); }
.border-main-color-dark{ border-color: var(--main-bg-color-dark); }
.bg-gradient-main-color-dark{ background: linear-gradient(to bottom,var(--main-bg-color-dark) 0%, var(--main-bg-color-dark) 100%); }
.hover\:text-main-color-dark:hover{ color: var(--main-bg-color-dark); }
.hover\:bg-main-color-dark:hover{ background-color: var(--main-bg-color-dark); }
.hover\:border-main-color-dark:hover{ border-color: var(--main-bg-color-dark); }
.hover\:bg-gradient-main-color-dark:hover{ background: linear-gradient(to bottom,var(--main-bg-color-dark) 0%, var(--main-bg-color-dark) 100%); }
.focus\:text-main-color-dark:focus{ color: var(--main-bg-color-dark); }
.focus\:bg-main-color-dark:focus{ background-color: var(--main-bg-color-dark); }
.focus\:border-main-color-dark:focus{ border-color: var(--main-bg-color-dark); }
.focus\:bg-gradient-main-color-dark:focus{ background: linear-gradient(to bottom,var(--main-bg-color-dark) 0%, var(--main-bg-color-dark) 100%); }

/* MAIN COLOR LIGHT */
.text-main-color-light{ color: var(--main-bg-color-light); }
.bg-main-color-light{ background-color: var(--main-bg-color-light); }
.bg-fill-main-color-light{ fill: var(--main-bg-color-light); }
.border-main-color-light{ border-color: var(--main-bg-color-light); }
.bg-gradient-main-color-light{ background: linear-gradient(to bottom,var(--main-bg-color-light) 0%, var(--main-bg-color-light) 100%); }
.hover\:text-main-color-light:hover{ color: var(--main-bg-color-light); }
.hover\:bg-main-color-light:hover{ background-color: var(--main-bg-color-light); }
.hover\:border-main-color-light:hover{ border-color: var(--main-bg-color-light); }
.hover\:bg-gradient-main-color-light:hover{ background: linear-gradient(to bottom,var(--main-bg-color-light) 0%, var(--main-bg-color-light) 100%); }
.focus\:text-main-color-light:focus{ color: var(--main-bg-color-light); }
.focus\:bg-main-color-light:focus{ background-color: var(--main-bg-color-light); }
.focus\:border-main-color-light:focus{ border-color: var(--main-bg-color-light); }
.focus\:bg-gradient-main-color-light:focus{ background: linear-gradient(to bottom,var(--main-bg-color-light) 0%, var(--main-bg-color-light) 100%); }

.tns-nav{display:flex;justify-content:center;width:100%;align-items:center;margin-top:20px;position:relative;bottom:0px;}
.tns-nav button{background-color:#D9D1C7; width:20px; height:20px; border-radius:100%;margin:5px;}
.tns-nav button.tns-nav-active{ background-color: var(--main-bg-color-dark); }

.tns-nav-active { background-color: var(--main-bg-color-dark); }

/* BASE CLASES PROPIAS */

.bg-dark { background-color: #000000; }
.bg-fondo { background-color: #F5F1EA; }
.text-fondo { color: #F5F1EA; }

.bg-addcesta { background-color: #F5F1EA; }
.group:hover .group-hover\:bg-addcesta { background-color: #f5f1ea40; }
.text-addcesta { color: #C9993D; }
.group:hover .group-hover\:text-addcesta { color: #ffffff; }
.hover\:bg-main-color-soft:hover {
    background-color: #c9993dbf;
}

.group:hover .group-hover\:bg-main-color-dark{ background-color: var(--main-bg-color-dark); }
.group:hover .group-hover\:text-main-color{ color: var(--main-bg-color); }

.gradient-white { 
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.0984768907563025) 50%, rgba(0,0,0,1) 100%);
}

.gradient-bannersec { 
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}

.gradient-infocontacto {
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
}

.gradient-fondo {
    background: #F5F1EA;
    background: linear-gradient(0deg,rgba(245, 241, 234, 0) 0%, #F5F1EA 100%);
}

.gradient-cursos {
    background: #C9993D;
    background: linear-gradient(0deg, rgba(201, 153, 61, 0) 0%, #C9993D 80%);
}

.gradient-beige-vertical { 
    background: #F5F1EA;
    background: linear-gradient(180deg,rgba(245, 241, 234, 0) 0%, rgba(245, 241, 234, 1) 100%);
}

.gradient-beige { 
    background: #F5F1EA;
    background: linear-gradient(270deg,rgba(245, 241, 234, 0) 0%, rgba(245, 241, 234, 1) 100%);
}

.gradient-beige-inver { 
    background: #F5F1EA;
    background: linear-gradient(90deg,rgba(245, 241, 234, 0) 0%, rgba(245, 241, 234, 1) 100%);
}

.rounded-top-custom {
	border-top-left-radius: 60px;
    border-top-right-radius: 60px;
}

.gradient-prox {
    background: #0B2E6D;
    background: linear-gradient(180deg,rgba(11, 46, 109, 1) 0%, rgba(17, 76, 176, 1) 100%);
}

.gradient-faq {
    background: #0B2E6D;
    background: linear-gradient(180deg,rgba(11, 46, 109, 1) 0%, rgba(11, 46, 109, 0) 100%);
}

.ellipse-bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom right;
    pointer-events: none;
}

.card-hover:hover {
    border-color: var(--main-bg-color) !important;
}

@media (min-width: 768px) {
    .rounded-left-custom {
        border-top-left-radius: 60px;
        border-bottom-left-radius: 60px;
    }
}

.text-shadow { text-shadow: 1px 1px 4px rgb(0 0 0 / 25%); }
.titulo-main-color span { color: var(--main-bg-color); font-weight: 700; }
.titulo-main-color-light span { color: var(--main-bg-color-light); font-weight: 700; }
.titulo-main-color-dark span { color: var(--main-bg-color-dark); font-weight: 700; }
.titulo-main-color-white span { color: #fff; font-weight: 700; }
.titulo-main-color-black span { color: #000; font-weight: 700; }

button[data-action="stop"],button[data-action="start"]{display:none;}
:focus,input:focus,button:hover,button:focus{outline:none;}
.transition2s{transition: all .2s ease-in-out;}
.transition3s{transition: all .3s ease-in-out;}
.img::after{content:"";display:block;}

.p-1\/20::after{content:"";display:block;padding-top:200%;}
.p-1\/15::after{content:"";display:block;padding-top:150%;}
.p-1\/12::after{content:"";display:block;padding-top:120%;}
.p-1\/11::after{content:"";display:block;padding-top:110%;}
.p-1\/10::after{content:"";display:block;padding-top:100%;}
.p-1\/9::after{content:"";display:block;padding-top:90%;}
.p-1\/8::after{content:"";display:block;padding-top:80%;}
.p-1\/7::after{content:"";display:block;padding-top:70%;}
.p-1\/6::after{content:"";display:block;padding-top:60%;}
.p-1\/5::after{content:"";display:block;padding-top:50%;}
.p-1\/4::after{content:"";display:block;padding-top:40%;}
.p-1\/3::after{content:"";display:block;padding-top:30%;}
.p-1\/2::after{content:"";display:block;padding-top:20%;}

.p-interior::after{content:"";display:block;padding-top:102%;}
.p-banner::after{content:"";display:block;padding-top:60%;}

@media screen and (min-width:768px) {
   .p-banner::after{content:"";display:block;padding-top:50%;} 
}

@media screen and (min-width:1024px) {
   .p-banner::after{content:"";display:block;padding-top:40%;} 
}
  
.w-screen-4\/12{width:33.33vw;}
.w-screen-5\/12{width:42vw;}
.w-screen-6\/12{width:50vw;}
.max-w-none{max-width:none;}

.leading-none { line-height: 1; }
.leading-tight { line-height: 1.25; }
.leading-snug { line-height: 1.375; }
.leading-relaxed { line-height: 1.625; }

.border-3 { border-width: 3px; }
.rounded-40 { border-radius: 40px; }
.rounded-50 { border-radius: 50px; }
.rounded-60 { border-radius: 60px; }

.line-clamp1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.line-clamp2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.32; }
.line-clamp4 { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.32; }
.line-clamp3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.32; }
.line-clamp5 { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.32; }
.line-clamp6 { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.32; }

.last\:border-none>li:last-child,.last\:border-none>a:last-child{border:none !important}

.hover\:scale-sm:hover{transform: scale(1.1);}
.hover\:scale-md:hover{transform: scale(1.3);}
.hover\:scale-lg:hover{transform: scale(1.5);}

.rotate-180{transform: rotate(180deg);}

.filter-white { filter:grayscale(100) brightness(0) invert(1); }
.filter-black { filter:grayscale(100) brightness(0) invert(0); }
.grayscale-custom { filter: grayscale(100%) }
.grayscale-custom:hover { filter: grayscale(0%) }

.shadow-inner {
    --tw-shadow: inset 0 5px 10px 0 rgba(0,0,0,0.45);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.-z-1{z-index:-1}

.social-media li { padding: 0px; }
.social-media li a { margin: 0px; display: flex; width: 100%; height: 100%; }

.group:hover .group-hover\:scale-sm {transform: scale(1.1);}
.group:hover .group-hover\:scale-md {transform: scale(1.25);}

.swal2-styled.swal2-confirm{background-color:var(--main-bg-color-dark)}
.swal2-styled:focus{box-shadow:none;}
.buscador_oculto{margin-top:-60px;opacity:0;}

.idiomaToShow { pointer-events:none; }

.idiomasContainer:hover .idiomaToShow { pointer-events: all; }

.h-112 { height: 28rem; }
.h-128 { height: 32rem; }
.h-144 { height: 36rem; }
.h-160 { height: 40rem; }

.py-custom { padding-top: 10%; padding-bottom: 5%; }
.py-custom-grande { padding-top: 15%; padding-bottom: 10%; }

@media screen and (min-width:768px) {
    .md\:p-1\/auto::after{display:none !important;}
    .w-45 { width: 45%; }
    .w-55 { width: 55%; }
    .w-65 { width: 55%; }
}

@media screen and (min-width:1536px) {
 .text-custom { font-size: 80px; }
}

@media screen and (max-width:1280px) {
}

@media screen and (max-width:1024px) {
}

@media screen and (max-width:768px) {

	    
}

.custom-check:checked {
    background-color: var(--main-color, #0B2E6D);
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.max-h-custom { max-height: 40rem; }

body{opacity:1;}