@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
:root {
    --fa-body-font-size: 1em;
    --fa-body-font-weight: 400;
    --fa-body-line-height: 1.5;

    --fa-colordest: #DF3856;
    --fa-colordest-txt:#fff;
    --fa-color-principal: #16252D;
    --fa-color-principal-hover: #16252D;
    --fa-color-principal-focus: #16252D;
    --fa-fondodisclaimer: #fff;
    --fa-sombra-disclaimer: 0px 3px 6px #00000066;
    --fa-btn-ok: #3FB848;
    --fa-btn-ko: #E5352F;
    --fa-btn-sombra-ok: 0px 3px 6px #00000029;
    --fa-btn-sombra-ko: 0px 3px 6px #00000029;
}

.dark {
    --fa-colordest: #F71953;
    --fa-color-principal: #fff;
    --fa-color-principal-hover: #fff;
    --fa-color-principal-focus: #fff;
    --fa-fondodisclaimer: #2d3237;
    --fa-sombra-disclaimer: 0px 3px 6px #ffffff66;
    --fa-btn-ok: #3FB848;
    --fa-btn-ko: #E5352F;
    --fa-btn-sombra-ok: 0px 3px 6px #00000029;
    --fa-btn-sombra-ko: 0px 3px 6px #00000029;
}


body {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    font-family: 'Montserrat', sans-serif;
    font-size: var(--fa-body-font-size);
    line-height: var(--fa-body-line-height);
    font-weight: var(--fa-body-font-weight);
    color: var(--fa-color-principal);
    height: 100%;
    width: 100%;
    background-color: transparent;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-size-adjust: none;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

a {
    color: inherit;
    text-decoration: inherit;
}

a:hover {
    color: inherit;
    text-decoration: inherit;
}

.txt-s-size {font-size: 0.875em}
.txt-xs-size {font-size: 0.75em}
.txt-right{text-align: right}
.center {text-align: center;}
.separa {width: 100%; height: 30px; font-size: 0; clear: both;}

.colordest {color: var(--fa-colordest)!important;}
.d-none{display: none!important;}

::selection { background:var(--fa-colordest);  color:var(--fa-colordest-txt);}
::-moz-selection { background:var(--fa-colordest); color:var(--fa-colordest-txt);}

/*COOKIES*/

.contenedor-cookies{position:fixed; left:0; bottom:-1px; z-index:800;width:100%; color:var(--fa-color-principal); font-size:14px; display: block}
.contenedor-cookies a{color:var(--fa-color-principal); text-decoration: none}
.contenedor-cookies a:hover, .contenedor-cookies a:focus{color:var(--fa-color-principal);}

.zona-gestion-cookies{position:relative; display: none}
.zona-mensaje-cookies {
    background:rgba(255,255,255,1); padding:2px 15px; display:flex; justify-content: space-between; align-items: center; position:relative;
    box-shadow: 0 0 10px 5px rgba(1, 1, 1, 0.06); border-radius:10px 10px 0px 0px ; -moz-border-radius: 10px 10px 0px 0px;-webkit-border-radius: 10px 10px 0px 0px;
    border: 1px solid #e9e9e9; gap:0px;}
}

.zona-mensaje-cookies .cookiemsgs{padding:0px; position:relative; color:var(--fa-color-principal); display:flex; gap:15px; max-height:80px; overflow:hidden; overflow-y:auto; flex-direction:column; width: 100%;}
.zona-mensaje-cookies .cookiemsgs a{color:var(--fa-color-principal); text-decoration:none;}
.zona-mensaje-cookies .cookiemsgs a:hover, .zona-mensaje-cookies .cookiemsgs a:focus{color:var(--fa-color-principal);} 

.gestion-cookies{border-bottom: 1px dashed grey; max-height: 68vh; overflow:hidden; overflow-y: auto; background:rgba(255,255,255,1); padding:20px;  box-shadow:0 -15px 25px -15px rgba(0,0,0,.5); position:relative;}


.zona-mensaje-cookies .cookiemsgs {
    
   font-size:13px; max-height: 110px; overflow: hidden; overflow-y: auto; flex-direction: column; text-align: justify;

}
.zona-mensaje-cookies .cookiemsgs p{padding-right:10px;}

/*botones*/
.zona-mensaje-cookies .cookiebtns{padding:0px; position:relative; color:#fff; display:flex; align-items: center; justify-content: center;}

.btncookies{
    background: #c7c7c7; color: #ffffff; font-size:14px; padding: 4px 10px; letter-spacing: 0.5px; margin:0px 5px 0px 5px; display:inline-block; outline: none; border:1px solid white;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; text-align:center; position:relative; cursor:pointer; border-radius:50px;
    text-decoration:none; min-width:130px;
}
.btncookies a, a.btncookies, a:hover.btncookies,a:focus.btncookies{text-decoration:none; color:white;}
.btncookies:hover, .btncookies:focus {color: #fff; background: #E5352F; text-decoration:none;}
.btncookies.s-size{padding:2px 4px; line-height:13px; min-width:auto;}/*min*/

.btncookies.rojo{background: #E5352F; border-color:#E5352F; color:#fff;}
.btncookies.verde{background: #3fb848; border-color:#3fb848; color:#fff;}

.btn-opciones{background-color: #c7c7c7;border: none;color: white;padding: 3px 10px;margin: 2px 2px;text-align: center;display: inline-block;border-radius: 50px;cursor:pointer; text-transform: capitalize;}
.btn-opciones.ok[active]{background-color: #3fb848;}
.btn-opciones.ko[active]{background-color: #E5352F;}

/*tabla*/
.table.tabla-cookies{background:transparent; color:inherit; margin:20px 0px; background: #f5f5f5; width: 100%; text-align: left; border-radius: 8px; border: 6px solid #f5f5f5;}
.table.tabla-cookies th, .table.tabla-cookies td, .table.tabla-cookies thead th {border-color: #3d3f44;}
.table-tabla-cookies thead th{border-bottom:1px solid #3d3f44;}

/*scroll bar*/
.scrollbar-cookies::-webkit-scrollbar {width:4px; height:4px;}
.scrollbar-cookies::-webkit-scrollbar-track {background: #f2f2f2; border-radius:0px; margin-top:4px; margin-bottom:4px;}
.scrollbar-cookies::-webkit-scrollbar-thumb {background-color:#c7c7c7; border-radius:0px;}
.scrollbar-cookies::-webkit-scrollbar-thumb:hover {background-color:#d9d9d9;}
.scrollbar-cookies {scrollbar-width: thin; scrollbar-color: #d9d9d9 transparent;}/*firefox*/
.scrollbar-cookies * {scrollbar-width: thin; scrollbar-color: #c7c7c7 transparent;}/*firefox*/

@media (max-width:991px){
    .zona-mensaje-cookies, .zona-mensaje-cookies .cookiemsgs, .zona-mensaje-cookies .cookiebtns{display:block;}
    .zona-mensaje-cookies .cookiebtns{text-align:center; display: flex; padding: 8px;}
    .gestion-cookies{max-height:50vh}
    .tabla-cookies td, .tabla-cookies th {text-align: left; display: block; float: left; width: 100%; border-top: 0px solid #3d3f44;}
    .tabla-cookies thead {display: none;}

    .table.tabla-cookies tbody tr{margin:10px 0px;display: inline-block;}
}
/*@media (max-width:420px){
    .btncookies{display:block;}
}*/


/*DISCLAIMER*/

.disclamimer-container{height: 100%; width: 100%; position: fixed; left: 0; top: 0; overflow-x: hidden; z-index: 1002; display: flex; background: rgba(0,0,0,0.4)}
.disclaimer-zone{display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - (.5rem * 2)); max-width: 1052px; margin: 0 auto; z-index: 1001; position: relative;}

.disclaimer{overflow: auto; position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: inherit; background-clip: padding-box; outline: 0; border-radius: 8px; background-color: var(--fa-fondodisclaimer); margin: 5px 10px; box-shadow: var(--fa-sombra-disclaimer);}
.darkfans .disclaimer, .scatbook .disclaimer{box-shadow: var(--fa-sombra-disclaimer);}
.disclaimer a,.disclaimer a:hover,.disclaimer a:focus{color:var(--fa-color-principal)}

.disclaimer-header{padding: 0rem 1.25rem 0rem 1.25rem; position: relative; border-top-left-radius: inherit; border-top-right-radius: inherit; background: var(--fa-fondodisclaimer); color:var(--fa-color-principal);}
.disclaimer-body{font-size:14px; padding: 0rem 1.25rem 0rem 1.25rem; color:var(--fa-color-principal); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; overflow-y: auto;  max-height: calc(100vh - 150px); overflow-y: auto;}
.disclaimer-footer{padding-bottom:8px; padding-top:8px; background: var(--fa-fondodisclaimer); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; color:var(--fa-color-principal); text-align: right}

.disclaimer-blur{position: fixed; top: 0; bottom: 0; left: 0; right: 0; -webkit-backdrop-filter: blur(25px); backdrop-filter: blur(25px); background-color: rgba(0,0,0,.7); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 999;}

.disclaimer-buttons-zone{margin:20px auto; max-width: 640px; display: flex;}
.disclaimer-button{background-color: #3FB848; border: none; color: white; border-radius: 50px; box-shadow: 0px 3px 6px #00000029; text-align: center; text-decoration: none; font-size: 16px;  cursor: pointer; margin: 10px auto;  display: flex; align-items: center; justify-content: center; width: 290px;height: 40px; font-weight: bold}
.disclaimer-button.ok, .disclaimer-button.ok:hover, .disclaimer-button.ok:focus{background-color: var(--fa-btn-ok); color:white; box-shadow: var(--fa-btn-sombra-ok);}
.disclaimer-button.ko, .disclaimer-button.ko:hover, .disclaimer-button.ko:focus{background-color: var(--fa-btn-ko); color:white; box-shadow: var(--fa-btn-sombra-ko);}

@media (max-width: 720px){
    .disclaimer-buttons-zone{flex-direction: column;}
    .disclaimer{height:95%}
    .disclaimer-button{width: 260px;}
    .disclaimer-footer{text-align: center}
    .disclaimer-footer .btncookies{margin-top:2px;}
}