:root{
--negro:#000;
--blanco:#FFF;
--gris-1:#999;
--azul:#004b87;
}

/* MODAL */

.modal{position:fixed; top:0; left:0; z-index:940; width:100%; height:100%; background:rgba(0,0,0,.8); outline:0; overflow-x:hidden; overflow-y:auto}
.contenido,.modalHome{padding:1.5rem; background-color:var(--blanco); border-radius:10px; text-align:center}
.contenido{width:70%;margin:auto}
.modalHome{max-width:1000px; width:90%; margin:5rem auto 0 auto}
#cerrar{display:none}
#cerrar + label{position:fixed; z-index:50; cursor:pointer; animation:modal 2s 0.5s forwards; visibility:hidden; opacity:0}
#cerrar:checked + label, #cerrar:checked ~ .modal{display:none}
@keyframes modal{100%{visibility:visible;opacity:1}}

.caja_botones{width:90%; margin:1.5rem auto; display:flex; justify-content:space-around}
a.boton{color:var(--blanco);margin:0; text-decoration:none; text-align:center; width:48%; padding:15px 0; font-size:2rem; font-family:'Oswald',sans-serif; font-weight:400; border-radius:10px; border:2px solid #ff0033;background-color:#ff8099;
background:-moz-linear-gradient(top, #ff8099 0%, #ff0033 70%);
background:-webkit-linear-gradient(top, #ff8099 0%,#ff0033 70%);
background:linear-gradient(to bottom, #ff8099 0%,#ff0033 70%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8099', endColorstr='#ff0033',GradientType=0 );}
a.boton:hover{color:#6d0318;text-decoration:none}

/* FIN MODAL */


/* MODAL - Modificar Configuración */

.modal_cookies{display:none; position:fixed; padding-top:7rem; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgb(0,0,0); background-color:rgba(0,0,0,.4);z-index:1000}
.modal_cookies-contenedor{background-color:var(--blanco); margin:auto; padding:1rem; max-width:1000px; width:95%}
.modal_cookies-cierre{text-align:right; background-color:var(--azul); padding:0; margin:0}
.modal_cookies-header{display:flex;justify-content:space-between}
.modal_cookies-header h2{margin:0;padding:0;vertical-align:middle;font-family:'Bitter',serif;font-weight:700; color:var(--azul);border-bottom:4px dotted #FB7D04; padding-bottom:1rem}
.modal_cookies-header div{padding:0}
.modal_cookies-body{padding:2rem 1rem}
.modal_cookies-header,.modal_cookies-footer{padding:1rem}
.modal_cookies-body,.modal_cookies-footer{display:flex; justify-content:space-between}
.cerrar{color:#CCC;font-size:1.75rem; font-weight:bold}
.cerrar:hover,.cerrar:focus{color:#666; text-decoration:none; cursor:pointer}
.tab{border:1px solid #CCC; width:30%; padding:1rem}
.tabcontent{padding:1rem; border:1px solid #CCC; border-left:none; width:70%}
.tabcontent h3{font-family:'Bitter',serif;font-weight:700;margin:0;padding:0;color:var(--azul);}
.tab button{display:block;background-color:inherit;color:black;padding:1.375rem 1rem;width:100%;border:none;outline:none;text-align:left;cursor:pointer;transition:0.3s;font-size:1rem}
.tab button:hover{background-color:#DDD}
.tab button.active{background-color:#CCC} 
.btn1,.btn2{background-color:inherit; border:1px solid #CCC; padding:.5rem; cursor:pointer; display:inline-block; width:30%}
.btn1:hover{background:#CCC}
.btn2:hover{background:#F60; color:var(--blanco)}
@media only screen and (max-width:750px){
.modal_cookies-contenedor{background-color:var(--blanco); padding:0}
.modal_cookies{padding-top:1rem}
.tab,.tabcontent{width:100%}
.tabcontent{border:1px solid #CCC; border-top:none}
.modal_cookies-body,.modal_cookies-footer{flex-direction:column}
.btn1,.btn2{width:100%; margin:.6rem auto}
}

/* FIN DE MODAL - Modificar Configuración */


/* BARRA COOKIES */

.capa_aceptacion{position:fixed; top:0; left:0; z-index:950; width:100%; height:100%; background:rgba(0,0,0,.6); outline:0; overflow-x:hidden; overflow-y:auto}
#barraaceptacion{background-color:rgba(0,0,0,.7);color:var(--blanco);position:fixed;bottom:0;right:0;left:0;padding:2rem 1rem;z-index:950}
.inner{width:90%; margin:auto; display:flex; justify-content:space-between;line-height:1.2}
.inner a{color:#0CF; text-decoration:none; font-weight:bold}
.inner a:hover{color:#0CF; text-decoration:underline}
.inner_izq{width:75%}
.inner_der{width:24%; text-align:center}
.btncookie,.btncookie_config{border:none;cursor:pointer; width:90%; padding:.8rem 0}
.btncookie{background-color:#0CF;color:var(--negro);margin-top:10px;font-weight:bold}
.btncookie:hover{background-color:#46a049}
.btncookie_config{background-color:var(--blanco);color:var(--negro)}
.btncookie_config:hover{background-color:rgba(255,255,255,.5); color:var(--blanco)}
.btncookie_config_1{background-color:var(--gris-1);border:none; color:var(--blanco); width:150px; float:none; padding:10px; font-size:1rem}
.btncookie_config_1:hover{color:var(--negro)}
@media only screen and (max-width:750px){
#barraaceptacion{padding:1rem}
.inner{flex-direction:column}
.inner_izq,.inner_der{width:100%}
.inner_der{margin-top:1rem}
}

/* FIN DE BARRA COOKIES */

/* Tablas */

.tab-2{border-collapse:collapse;width:100%}
.tab-2 th,.tab-2 td{padding:1rem;text-align:left}
.tab-2 tr{border-bottom:1px solid #333}
.tab-2 tr:last-child{border-bottom:none}

/* FIN Tablas */