@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
body {font-family: 'Roboto', sans-serif;}

@import url('https://fonts.googleapis.com/css2?family=Baskervville&display=swap');
.baskervville {font-family: 'Baskervville', serif;}

/* VARIABLES */
:root {
    --main-color: #c31433;
    --main-color-light: #fac132;
    --main-color-dark: #000;
}

.desplegable-de-condiciones {
    display: none;
}
.desplegable-de-condiciones.desplegado {
    display: block;
}

/* FIX para módulos que se colocan con margenes negativos unos sobre otros */
section > *, .container > * {
    pointer-events: auto;
}
section, .container {
    pointer-events: none;
}


/*HEADER CSS*/
img {transition: opacity ease 300ms;}
img:not([src]) {opacity: 0;}
nav.sticky { box-shadow: 0 0 #0000, 0 0 #0000, 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); }
nav.sticky { background-color: #fff; transition: all 0.3s ease-in-out; }
nav.sticky.menu { background-color: #fff; }
nav.sticky.menu { color: #000; }

nav.sticky.sticked { box-shadow: none; }
nav.sticky.sticked { background-color: #fff; transition: all 0.3s ease-in-out; }
nav.sticky.sticked.menu { background-color: #fff; }
nav.sticky.sticked.menu { color: #fff; }


@media (min-width: 1279px) {
    nav.sticky.menu { background-color: #fff; transition: all 0.3s ease-in-out; }
    nav.sticky .imagen { filter: grayscale(0) brightness(100%); }
    nav.sticky.sticked.menu { background-color: transparent; transition: all 0.3s ease-in-out; }
    nav.sticky.sticked .imagen { filter: grayscale(100) brightness(0) invert(1); }
}

.dropdown-toggle.open ~ .dropdown { max-height: 500px; }
.dropdown-toggle.open ~ .dropdown .group:hover .dropdown-inner { display: block; }

@media (max-width: 1279px) {
    body.navbar-open { height: 100vh; overflow: hidden; }
    .navbar { 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; }
    .navbar:not(.open){opacity:0};
}

/* MAIN COLOR */
.text-main-color { color: var(--main-color); }
.group:hover .group-hover\:text-main-color { color: var(--main-color); }
.hover\:text-main-color:hover { color: var(--main-color); }
.focus\:text-main-color:focus { color: var(--main-color); }
.bg-main-color { background-color: var(--main-color); }
.group:hover .group-hover\:bg-main-color { background-color: var(--main-color); }
.hover\:bg-main-color:hover { background-color: var(--main-color); }
.focus\:bg-main-color:focus { background-color: var(--main-color); }
.border-main-color { border-color: var(--main-color); }
.group:hover .group-hover\:border-main-color { border-color: var(--main-color); }
.hover\:border-main-color:hover { border-color: var(--main-color); }
.focus\:border-main-color:focus { border-color: var(--main-color); }
.fill-main-color { fill: var(--main-color); }
.hover\:fill-main-color:hover { fill: var(--main-color); }
.focus\:fill-main-color:focus { fill: var(--main-color); }
.stroke-main-color { stroke: var(--main-color); }
.hover\:stroke-main-color:hover { stroke: var(--main-color); }
.focus\:stroke-main-color:focus { stroke: var(--main-color); }

/* MAIN COLOR LIGHT */
.text-main-color-light { color: var(--main-color-light); }
.hover\:text-main-color-light:hover { color: var(--main-color-light); }
.focus\:text-main-color-light:focus { color: var(--main-color-light); }
.bg-main-color-light { background-color: var(--main-color-light); }
.group:hover .group-hover\:bg-main-color-light { background-color: var(--main-color-light); }
.hover\:bg-main-color-light:hover { background-color: var(--main-color-light); }
.focus\:bg-main-color-light:focus { background-color: var(--main-color-light); }
.border-main-color-light { border-color: var(--main-color-light); }
.hover\:border-main-color-light:hover { border-color: var(--main-color-light); }
.focus\:border-main-color-light:focus { border-color: var(--main-color-light); }
.fill-main-color-light { fill: var(--main-color-light); }
.hover\:fill-main-color-light:hover { fill: var(--main-color-light); }
.focus\:fill-main-color-light:focus { fill: var(--main-color-light); }
.stroke-main-color-light { stroke: var(--main-color-light); }
.hover\:stroke-main-color-light:hover { stroke: var(--main-color-light); }
.focus\:stroke-main-color-light:focus { stroke: var(--main-color-light); }

/* MAIN COLOR DARK */
.text-main-color-dark { color: var(--main-color-dark); }
.hover\:text-main-color-dark:hover { color: var(--main-color-dark); }
.focus\:text-main-color-dark:focus { color: var(--main-color-dark); }
.bg-main-color-dark { background-color: var(--main-color-dark); }
.hover\:bg-main-color-dark:hover { background-color: var(--main-color-dark); }
.focus\:bg-main-color-dark:focus { background-color: var(--main-color-dark); }
.border-main-color-dark { border-color: var(--main-color-dark); }
.hover\:border-main-color-dark:hover { border-color: var(--main-color-dark); }
.focus\:border-main-color-dark:focus { border-color: var(--main-color-dark); }
.fill-main-color-dark { fill: var(--main-color-dark); }
.hover\:fill-main-color-dark:hover { fill: var(--main-color-dark); }
.focus\:fill-main-color-dark:focus { fill: var(--main-color-dark); }
.stroke-main-color-dark { stroke: var(--main-color-dark); }
.hover\:stroke-main-color-dark:hover { stroke: var(--main-color-dark); }
.focus\:stroke-main-color-dark:focus { stroke: var(--main-color-dark); }

/* BASE CLASES PROPIAS */
:focus,
input:focus,
button:hover,
button:focus { outline: none; }

.gradient-black { background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 100%); }
.gradient-gray { background: linear-gradient(0deg, rgba(243,244,246,1) 0%, rgba(243,244,246,0.7) 100%); }
.gradient-red { background: linear-gradient(0deg, rgba(195,20,50,1) 0%, rgba(195,20,50,0.7) 100%); }
.gradient-yellow { background: linear-gradient(0deg, rgba(250,193,50,1) 0%, rgba(250,193,50,0.7) 100%); }

.leading-none { line-height: 1; }
.leading-tight { line-height: 1.25; }
.leading-normal { line-height: 1.5; }
.leading-relaxed { line-height: 1.625; }
.leading-loose { line-height: 2; }

.tns-nav{display:flex;justify-content:center;width:100%;align-items:center;margin-top:40px;position:relative;bottom:0px;}
.tns-nav button{background-color:#e4e4e4; border:solid 1px white;width:18px; height:18px; border-radius:100%;margin:5px;}
.tns-nav button.tns-nav-active{ background-color: var(--main-color); }

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

.seleccion { user-select: none; }

.text-shadow { text-shadow: 2px 2px 8px #000000a5; }
.shadow-custom { box-shadow: 0 0 20px 2px rgb(0 0 0 / 10%); } 

.transition3s { transition: all 0.3s ease-in-out; }

.border-b-3 { border-bottom-width: 3px; }

.wysiwyg-custom2 i {
    font-style:  normal;
    color: #c31433;
}

.wysiwyg-custom i {
    font-style:  normal;
    color: #57768b;
}

.wysiwyg a,
.wysiwyg-custom2 a,
.wysiwyg-custom a {
    color: var(--main-color);
}

.wysiwyg-custom b, strong {
    font-weight: bold;
    color: #000;
}

.titleStrong strong {
    color: white;
}

.line-clamp {
  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-clamp3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.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\/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%; }

.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-black { filter: grayscale(100) brightness(0) invert(0); }
.filter-white { filter: grayscale(100) brightness(0) invert(1); }
.group:hover .group-hover\:filter-white { filter: grayscale(100) brightness(0) invert(1); }

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

.social-media li { padding: 0px; }

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

.nav-link:hover > a {
    color: var(--main-color);
    font-weight: bold;
}

.banner-slider .wrapper-image{min-height:600px} 

@media screen and (max-width:768px) {
    .banner-slider .wrapper-image{min-height:400px} 
}

@media screen and (max-width:1200px) {
    .banner-slider .wrapper-image{min-height:600px} 
}

@media screen and (min-width:1280px){
    .customShadowXL{
        box-shadow: 1px 1px 10px #0000002f;
    }
}


body { opacity: 1; }

iframe { max-width: 100%; }