@charset "UTF-8";
/*

  VARIABLES

*/
/*
	Theme Name: Base de Precios 2025 V1
	Theme URI: https://www.loygorri.com
	Description: Tailored WordPress Theme
	Version: 1.0
	Author: Gabriel García Loygorri
	Author URI: https://www.loygorri.com
	Tags: TAILORED, HTML5, CSS3, SASS

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

:root, :root.light {
  --color_principal:#cc441f;
  --color_secundario: rgba(240,240,240,1);
  --color_auxiliar: rgba(240,240,240,1);
  --verde3:#bdefcc;
  --blanco: rgba(255,255,255,1);
  --blanco_siempre: rgba(255,255,255,1);
  --negro: rgba(50,50,50,1);
  --negro_siempre: rgba(50,50,50,1);
  --border_cookies: 1px solid rgba(255,255,255,1);
  --border_cookies_total: 0px solid rgba(255,255,255,1);
  --texto_cookies: rgba(255,255,255,1);
  --fondo_cookies: rgba(0,0,0,0.8);
  --crema: rgba(255,255,255,1);
  --crema_menu: rgba(255,255,255,0.5);
  --crema_aside: rgba(255,255,255,0.8);
  --oscuro: rgba(75,75,75,1);
  --blanco: rgba(255,255,255,1);
  --blanco_75: rgba(255,255,255,0.75);
  --blanco_25: rgba(255,255,255,0.25);
  --crema_siempre: rgba(249,246,239,1);
  --oscuro_siempre: rgba(52,58,66,1);
  --blanco_siempre: rgba(255,255,255,1);
  --negro: rgba(0,0,0,1);
  --naranja: var(--color_principal);
  --naranja_oscuro: rgba(255,206,71,1);
  --oscuro_naranja: rgba(52,58,66,1);
  --blanco_naranja: rgba(249,246,239,1);
  --ancho_maximo: 1200px;
  --familia: news-gothic-std, sans-serif;
  --familia2: trade-gothic-next-compressed, sans-serif;
  --familia3: alternate-gothic-atf, sans-serif;
  --familia: "calibri", sans-serif;
  --familia2: "calibri", sans-serif;
  --familia3: "calibri", sans-serif;
  --titulares: var(--familia);
  --gosha: "calibri", sans-serif;
  --texto_boton_clean: var(--blanco);
  --size_texto_boton_clean: 25px;
  --size_texto_boton_clean_movil: 18px;
  --fondo_sponsor: rgba(225, 225, 225, 0.75);
}

@media (prefers-color-scheme: dark) {
  :root {
    --color_secundario: rgba(50,50,50,1);
    --crema: rgba(52,58,66,1);
    --oscuro: rgba(249,246,239,1);
    --crema_menu: rgba(52,58,66,0.5);
    --crema_aside: rgba(52,58,66,0.8);
    --blanco: rgba(0,0,0,1);
    --blanco_75: rgba(0,0,0,0.75);
    --naranja_oscuro: rgba(52,58,66,1);
    --blanco_naranja: rgba(255,206,71.1);
    --oscuro_naranja: rgba(255,206,71.1);
    --blanco_siempre: rgba(255,255,255,1);
    --negro: rgba(255,255,255,1);
    --border_cookies: 1px solid rgba(255,255,255,1);
    --border_cookies_total: 0px solid rgba(255,255,255,1);
    --texto_cookies: rgba(255,255,255,1);
    --fondo_cookies: rgba(0,0,0,0.8);
    --fondo_sponsor: rgba(50, 50, 50, 0.75);
  }
  :root body header .centrado .logo img.positivo {
    display: none;
  }
  :root body header .centrado .logo img.negativo {
    display: block;
  }
  :root .kit .kit_1 img {
    -webkit-filter: invert(100%);
            filter: invert(100%);
  }
  :root .kit .kit_2 img {
    -webkit-filter: invert(100%);
            filter: invert(100%);
  }
}
:root.dark {
  --color_secundario: rgba(50,50,50,1);
  --crema: rgba(52,58,66,1);
  --oscuro: rgba(249,246,239,1);
  --crema_menu: rgba(52,58,66,0.5);
  --crema_aside: rgba(52,58,66,0.8);
  --blanco: rgba(0,0,0,1);
  --blanco_75: rgba(0,0,0,0.75);
  --naranja_oscuro: rgba(52,58,66,1);
  --blanco_naranja: rgba(255,206,71.1);
  --oscuro_naranja: rgba(255,206,71.1);
  --blanco_siempre: rgba(255,255,255,1);
  --negro: rgba(255,255,255,1);
  --border_cookies: 1px solid rgba(255,255,255,1);
  --border_cookies_total: 0px solid rgba(255,255,255,1);
  --texto_cookies: rgba(255,255,255,1);
  --fondo_cookies: rgba(0,0,0,0.8);
  --fondo_sponsor: rgba(50, 50, 50, 0.75);
}
:root.dark body header .centrado .logo img.positivo {
  display: none;
}
:root.dark body header .centrado .logo img.negativo {
  display: block;
}
:root.dark .kit .kit_1 img {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}
:root.dark .kit .kit_2 img {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}

@media (prefers-contrast: more) {
  :root {
    --color_principal: yellow;
    --verde2: yellow;
    --verde3: yellow;
    --blanco: darkblue;
    --oscuro: yellow;
    --negro: yellow;
    --naranja: darkblue;
    --familia: "Verdana", sans-serif;
    --gosha: "Verdana", sans-serif;
    --crema_menu: darkblue;
    --border_cookies: 10px solid var(--negro);
    --border_cookies_total: 10px solid var(--negro);
    --texto_cookies: var(--negro);
    --fondo_cookies: var(--blanco);
  }
  body {
    letter-spacing: 0.1em;
  }
  body a,
  body #gdpr-cookie-message button,
  body #gdpr-cookie-message button:last-of-type {
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 5px;
    padding: 5px 10px;
    border: 2px solid var(--negro);
    color: var(--negro) !important;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  body a:focus,
  body #gdpr-cookie-message button:focus,
  body #gdpr-cookie-message button:last-of-type:focus {
    color: var(--blanco) !important;
    background-color: var(--negro);
  }
  header .centrado .nav .sociales {
    display: none;
  }
}
h1 {
  font-family: var(--titulares);
}

hr {
  display: none;
}

body {
  font-family: var(--familia);
  font-size: 18px;
  font-weight: 400;
  color: var(--negro);
  background-color: var(--blanco);
}
body.stop {
  height: 100dvh;
  overflow: hidden;
}
body .wrapper {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
body .wrapper.blur header, body .wrapper.blur main, body .wrapper.blur aside {
  -webkit-filter: blur(2px);
          filter: blur(2px);
}
@media only screen and (max-width: 550px) {
  body .wrapper.blur header, body .wrapper.blur main, body .wrapper.blur aside {
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
}

.clean {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100svh;
}
.clean svg#logo {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 30px;
  fill: var(--oscuro);
}
.clean svg#clean {
  max-width: 500px;
  margin: 5%;
}
.clean svg#clean #arco {
  fill: var(--naranja);
}
.clean svg#clean #texto {
  fill: var(--oscuro);
}
.clean a.boton {
  background-color: var(--oscuro);
  color: var(--texto_boton_clean);
  text-decoration: none;
  border-radius: 20px;
  padding: 10px 20px;
  font-size: var(--size_texto_boton_clean);
  font-weight: 300;
  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;
  text-align: center;
  margin: 5%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media only screen and (max-width: 550px) {
  .clean a.boton {
    font-size: var(--size_texto_boton_clean_movil);
  }
}

/*

	VARIABLES

*/
header {
  padding-top: 25px;
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
  position: sticky;
  background-color: var(--blanco);
  top: 0px;
  z-index: 4;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--blanco);
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media only screen and (max-width: 550px) {
  header {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
header .centrado {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  justify-items: center;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
header .centrado .logo {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: hidden;
  width: 340px;
}
@media only screen and (max-width: 550px) {
  header .centrado .logo {
    margin-left: 0px;
  }
}
header .centrado .logo span {
  display: none;
}
header .centrado .logo img, header .centrado .logo svg {
  height: 60px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 550px) {
  header .centrado .logo img, header .centrado .logo svg {
    height: 45px;
  }
}
header .centrado .logo img rect, header .centrado .logo img path, header .centrado .logo img polygon, header .centrado .logo svg rect, header .centrado .logo svg path, header .centrado .logo svg polygon {
  fill: var(--negro);
}
header .centrado .logo img .titulo_logo_completo,
header .centrado .logo img .claim_logo_completo,
header .centrado .logo img .bp_logo_completo, header .centrado .logo svg .titulo_logo_completo,
header .centrado .logo svg .claim_logo_completo,
header .centrado .logo svg .bp_logo_completo {
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
header .centrado .logo img .marca_logo_completo path, header .centrado .logo svg .marca_logo_completo path {
  fill: var(--color_principal);
}
header .centrado .logo img .st0, header .centrado .logo svg .st0 {
  fill: var(--negro);
}
header .centrado .logo img .st1, header .centrado .logo svg .st1 {
  fill: var(--color_principal);
}
header .centrado .logo img .st2, header .centrado .logo svg .st2 {
  fill: var(--verde2);
}
header .centrado .logo img .st3, header .centrado .logo svg .st3 {
  fill: var(--verde3);
}
header .centrado .logo h1 {
  font-size: 32px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
header .centrado .logo a {
  font-size: 32px;
  font-weight: 700;
  font-family: var(--titulares);
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
header .centrado .logo a span {
  display: none;
}
header .centrado hr {
  display: none;
}
header .centrado .bars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 30px;
  cursor: pointer;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
header .centrado .bars svg {
  width: 30px;
  fill: var(--oscuro);
}
header .centrado .nav {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 20px;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
header .centrado .nav > a {
  height: 60px;
  width: 36px;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
header .centrado .nav > a svg {
  fill: var(--color_principal);
}
@media only screen and (max-width: 550px) {
  header .centrado .nav > a {
    display: none;
  }
}
header .centrado .nav .sociales {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
@media only screen and (max-width: 550px) {
  header .centrado .nav .sociales {
    display: none;
  }
}
header .centrado .nav .sociales a {
  width: 25px;
  height: 25px;
  border-radius: 325px;
  border: 1px solid var(--oscuro);
}
header .centrado .nav .sociales a span {
  display: none;
}
header .centrado .nav .sociales a svg {
  fill: var(--oscuro);
}
header .centrado .nav .switch {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  color: var(--azul_aliot);
  font-size: 30px;
  padding-left: 10px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  opacity: 0;
}
@media only screen and (max-width: 1500px) {
  header .centrado .nav .switch {
    font-size: 22px;
  }
}
@media only screen and (max-width: 550px) {
  header .centrado .nav .switch {
    display: none;
  }
}
header .centrado .nav .switch a {
  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;
  height: 100%;
  text-align: center;
  font-size: 22px;
  color: var(--oscuro);
  font-family: var(--gosha);
  line-height: 0.8em;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
header .centrado .nav .switch a:hover {
  color: var(--naranja);
}
header .centrado .nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 0px;
  list-style: none;
  gap: 10px 30px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}
@media only screen and (max-width: 550px) {
  header .centrado .nav ul {
    display: none;
  }
}
header .centrado .nav ul li {
  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;
}
header .centrado .nav ul li.current-menu-item a, header .centrado .nav ul li.current-menu-parent a {
  color: var(--naranja);
}
header .centrado .nav ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  text-align: center;
  font-size: 17px;
  color: var(--oscuro);
  font-family: var(--gosha);
  line-height: 1em;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-transform: uppercase;
}
header .centrado .nav ul li a span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 1500px) {
  header .centrado .nav ul li a {
    font-size: 17px;
  }
}
header .centrado .nav ul li a:hover {
  color: var(--naranja);
}
header .centrado .nav ul li ul {
  display: none;
}

@media only screen and (min-width: 550px) {
  body.no_top header {
    background-color: var(--blanco_75);
    border-bottom: 1px solid var(--color_principal);
  }
  body.no_top header .centrado {
    max-width: var(--ancho_maximo);
  }
  body.no_top header .centrado .logo {
    opacity: 0;
    width: 0px;
  }
  body.no_top header .centrado nav {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 0px;
  }
  body.no_top header .centrado nav > a {
    opacity: 1;
  }
}
@media only screen and (max-width: 550px) {
  .stop .wrapper header {
    -webkit-backdrop-filter: blur(0px);
            backdrop-filter: blur(0px);
    background-color: var(--oscuro_siempre);
  }
  .stop .wrapper header .logo svg path,
  .stop .wrapper header .logo svg rect {
    fill: var(--crema_siempre);
  }
  .stop .wrapper header .centrado .bars svg {
    fill: var(--crema_siempre);
  }
  .stop .wrapper header .centrado .nav .sociales a {
    border: 1px solid var(--crema_siempre);
  }
  .stop .wrapper header .centrado .nav .sociales a svg {
    fill: var(--crema_siempre);
  }
}
.home header {
  opacity: 0;
  padding-top: 15px;
}

.aurrera header {
  opacity: 1;
}

.logo-scrolled header .centrado .logo {
  width: 36px;
}

/*

	VARIABLES

*/
.menu-desplegable {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  right: -400px;
  background-color: var(--color_principal);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  z-index: 5;
  padding: 20px 20px;
  opacity: 1;
  overflow: scroll;
  height: 100vh;
}
@media only screen and (max-width: 550px) {
  .menu-desplegable {
    right: -500px;
    top: 0px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    width: 100%;
    max-width: calc(100% - 50px);
    height: 100vh;
    background-color: var(--color_principal);
    opacity: 1;
    border-right: 0px;
  }
}
.menu-desplegable > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  width: auto;
}
@media (max-width: 900px) and (max-height: 500px) and (orientation: landscape) {
  .menu-desplegable > a {
    margin-right: 100%;
  }
}
.menu-desplegable > a svg {
  height: 100%;
  width: auto;
}
.menu-desplegable > a svg .texto_logo, .menu-desplegable > a svg .forma_logo {
  fill: var(--color_blanco_siempre);
}
.menu-desplegable > a span {
  display: none;
}
.menu-desplegable ul {
  list-style-type: none;
}
.menu-desplegable ul li {
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
}
.menu-desplegable ul li.current-menu-item a, .menu-desplegable ul li.current-menu-parent a {
  color: var(--blanco_siempre);
  position: relative;
}
.menu-desplegable ul li.current-menu-item a:before, .menu-desplegable ul li.current-menu-parent a:before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background-color: var(--blanco_siempre);
  margin-right: 10px;
}
.menu-desplegable ul li a {
  /*background-color: rgba(255, 255, 255, 0.3);*/
  color: var(--blanco_siempre);
  font-family: var(--gosha);
  line-height: 1.5em;
  letter-spacing: -0.05em;
  font-weight: 400;
  font-size: 22px;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 550px) {
  .menu-desplegable ul li a {
    color: var(--crema_siempre);
    font-size: 18px;
    text-transform: uppercase;
    line-height: 1.3em;
  }
}
.menu-desplegable ul li.activo a {
  font-weight: bold;
}
.menu-desplegable ul li i {
  position: absolute;
  top: 7px;
  right: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--azul_aliot);
  width: 20px;
  height: 20px;
  cursor: pointer;
  border-radius: 20px;
}
.menu-desplegable ul li i:hover {
  background-color: var(--color_secundario);
}
.menu-desplegable ul li i.activo {
  background-color: var(--azul_aliot);
}
.menu-desplegable ul li.interruptor a::after {
  content: "off";
  text-transform: uppercase;
  width: 40px;
  height: 20px;
  border-radius: 10px;
  margin-left: 10px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0em;
  padding-left: 0px;
  padding-right: 0px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid var(--blanco_siempre);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media only screen and (max-width: 550px) {
  .menu-desplegable ul li.interruptor a::after {
    border: 1px solid var(--blanco_siempre);
  }
}
.menu-desplegable ul li.interruptor.dark a::after {
  content: "on";
  border: 1px solid var(--blanco_siempre);
  background-color: var(--blanco_siempre);
  color: var(--color_principal);
}
.menu-desplegable ul li:last-child a {
  border-bottom: 0px;
}
.menu-desplegable ul li .sub-menu {
  display: none;
}
.menu-desplegable ul li .sub-menu.activo {
  display: block;
}
.menu-desplegable.activo {
  right: 0px;
}
@media only screen and (max-width: 550px) {
  .menu-desplegable.activo {
    right: 0px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
}

.cierre-menu-desplegable {
  position: fixed;
  top: 0px;
  left: 100%;
  width: 100%;
  height: 100vh;
  z-index: 4;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
  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;
}
.cierre-menu-desplegable svg {
  fill: var(--color_principal);
  width: 100vw;
  -webkit-transition: all 0.4s ease-in-out 0.2s;
  transition: all 0.4s ease-in-out 0.2s;
  opacity: 1;
}
@media only screen and (max-width: 550px) {
  .cierre-menu-desplegable svg {
    display: none;
  }
}
.cierre-menu-desplegable.activo {
  left: 0px;
}
.cierre-menu-desplegable.activo svg {
  fill: var(--color_principal);
  width: 100vw;
  opacity: 1;
}
@media only screen and (max-width: 550px) {
  .cierre-menu-desplegable.activo svg {
    display: none;
  }
}
/* FIRMA */
.firma {
  background-color: rgb(10, 10, 10);
  color: rgb(255, 255, 255);
  padding: 10px;
  font-size: 11px;
  text-transform: uppercase;
}

.firma a {
  color: rgb(255, 255, 255);
}

.firma a:hover {
  font-weight: 700;
}

.enlace_firma {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-bottom: 75px;
  max-width: 200px;
  margin-top: 20px;
}

.enlace_firma span {
  color: rgb(255, 255, 255);
  padding: 0px 10px;
  font-size: 11px;
  text-transform: uppercase;
}

.enlace_firma span a {
  color: rgb(255, 255, 255);
  font-weight: 700;
}

.enlace_firma a {
  height: 30px;
  font-weight: 700;
}

.enlace_firma a svg {
  height: 30px;
}

/*

	VARIABLES
	--color_fondo_footer




*/
footer {
  background-color: var(--negro_siempre);
}
footer .centrado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  max-width: var(--ancho_maximo);
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media only screen and (max-width: 1200px) {
  footer .centrado {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 550px) {
  footer .centrado {
    padding-left: 10px;
    padding-right: 10px;
  }
}
footer .centrado ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  list-style: none;
  margin: 0px;
}
@media only screen and (max-width: 550px) {
  footer .centrado ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}
footer .centrado ul li {
  padding-left: 10px;
  padding-right: 10px;
}
footer .centrado ul li a {
  color: var(--blanco_siempre);
  text-decoration: none;
}
footer .centrado.footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
footer .centrado.footer svg {
  fill: var(--color_principal);
  width: 75px;
}
@media only screen and (max-width: 550px) {
  footer .centrado.footer {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
footer .centrado.footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
footer .centrado.footer ul:last-child {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
footer .centrado.footer ul:not(.redes) {
  width: calc(100% - 100px);
}
footer .centrado.footer ul.redes {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media only screen and (max-width: 550px) {
  footer .centrado.footer ul.redes {
    margin-top: 20px;
  }
}
footer .centrado.footer ul.redes li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
footer .centrado.footer ul.redes li a svg {
  height: 25px;
  width: auto;
  fill: white;
}
footer .centrado:not(.footer) {
  border-top: 1px solid white;
}

.wpcf7 .screen-reader-response {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  word-wrap: normal !important;
}

.wpcf7 form .wpcf7-response-output {
  margin: 2em 0.5em 1em;
  padding: 0.2em 1em;
  border: 2px solid #00a0d2;
}

.wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output {
  display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450;
}

.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {
  border-color: #dc3232;
}

.wpcf7 form.spam .wpcf7-response-output {
  border-color: #f56e28;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #ffb900;
}

.wpcf7-form-control-wrap {
  position: relative;
}

.wpcf7-not-valid-tip {
  color: #dc3232;
  font-size: 1em;
  font-weight: 400;
  display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
  position: relative;
  top: -2ex;
  left: 1em;
  z-index: 100;
  border: 1px solid #dc3232;
  background: #fff;
  padding: 0.2em 0.8em;
  width: 24em;
}

.wpcf7-list-item {
  display: inline-block;
  margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before, .wpcf7-list-item-label::after {
  content: " ";
}

.wpcf7-spinner {
  visibility: hidden;
  display: inline-block;
  background-color: #23282d;
  opacity: 0.75;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 100%;
  padding: 0;
  margin: 0 24px;
  position: relative;
}

form.submitting .wpcf7-spinner {
  visibility: visible;
}

.wpcf7-spinner::before {
  content: "";
  position: absolute;
  background-color: #fbfbfc;
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
  border: none;
  border-radius: 100%;
  -webkit-transform-origin: 8px 8px;
          transform-origin: 8px 8px;
  -webkit-animation-name: spin;
          animation-name: spin;
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
  .wpcf7-spinner::before {
    -webkit-animation-name: blink;
            animation-name: blink;
    -webkit-animation-duration: 2000ms;
            animation-duration: 2000ms;
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes blink {
  from {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes blink {
  from {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.wpcf7 input[type=file] {
  cursor: pointer;
}

.wpcf7 input[type=file]:disabled {
  cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
  cursor: not-allowed;
}

.wpcf7 input[type=url], .wpcf7 input[type=email], .wpcf7 input[type=tel] {
  direction: ltr;
}

.wpcf7-reflection > output {
  display: list-item;
  list-style: none;
}

form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 100%;
    gap: 10px;
    padding: 20px;
  }
}
@media only screen and (max-width: 550px) {
  form {
    padding: 0px;
  }
}
form > div.medios {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-width: 100%;
  gap: 10px;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 1024px) {
  form > div.medios {
    max-width: 100%;
  }
}
form > div.primera {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}
form > div.primera label:first-child {
  width: 100%;
}
@media only screen and (max-width: 768px) and (min-width: 429px) {
  form > div.primera label:first-child {
    max-width: 100%;
  }
}
@media only screen and (max-width: 428px) {
  form > div.primera label:first-child {
    max-width: 100%;
  }
}
@media only screen and (max-width: 768px) and (min-width: 429px) {
  form > div.primera label:nth-child(2) {
    max-width: 100%;
  }
}
@media only screen and (max-width: 428px) {
  form > div.primera label:nth-child(2) {
    max-width: 100%;
  }
}
form label {
  display: block;
  width: 100%;
}
form input {
  font-family: var(--family);
  font-size: var(--dieciocho);
}
form input:not([type=checkbox]),
form textarea {
  width: 100%;
  padding: 10px 10px;
  font-family: var(--family);
  font-size: var(--dieciocho);
  background-color: var(--color_principal_light);
  border: 0px;
}
form select {
  width: 100%;
  padding: 10px 10px;
  font-family: var(--family);
  font-size: var(--dieciocho);
  background-color: var(--color_principal_light);
  border: 0px;
}
form input[type=submit] {
  -webkit-appearance: none;
  -webkit-border-radius: none;
  margin-top: 10px;
  background-color: var(--color_secundario);
  font-size: var(--veinticuatro);
  color: var(--color_blanco_siempre);
  text-transform: uppercase;
  text-decoration: none;
  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;
  padding: 10px 15px;
  border-radius: var(--radio_boton);
  white-space: nowrap;
  width: 100%;
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  form input[type=submit] {
    white-space: normal;
    text-align: center;
  }
}
form a {
  color: var(--color_principal);
}
form .wpcf7-form-control-wrap {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
}
form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  position: absolute;
  right: 5px;
  top: 5px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}
form .wpcf7-spinner {
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  display: block;
  margin: 0px;
}
form .wpcf7-response-output {
  position: absolute;
  bottom: -75px;
  left: 0px;
  border: 0px;
  margin: 0px;
  padding: 10px;
  width: 100%;
  border-radius: 5px;
}
form.invalid .wpcf7-response-output {
  background-color: #ffb900;
  color: black;
}
form.sent .wpcf7-response-output {
  background-color: #46b450;
  color: black;
}

.wpcf7.no-js {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wpcf7.no-js p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  gap: 20px;
  width: 100%;
}
.wpcf7.no-js p .wpcf7-form-control-wrap .wpcf7-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0px;
  margin: 0px;
}
.wpcf7.no-js p .wpcf7-form-control-wrap .wpcf7-list-item label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  gap: 10px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.wpcf7.no-js p .wpcf7-form-control-wrap .wpcf7-list-item label input[type=checkbox] {
  margin-top: 3px;
}
.wpcf7.no-js p .wpcf7-form-control-wrap .wpcf7-list-item label input[type=checkbox] {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  vertical-align: middle;
  border: 1px solid var(--color_principal);
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  position: relative;
}
.wpcf7.no-js p .wpcf7-form-control-wrap .wpcf7-list-item label input[type=checkbox]:checked {
  background-color: var(--color_principal);
}
.wpcf7.no-js p .wpcf7-form-control-wrap .wpcf7-list-item label a {
  color: var(--color_principal);
}
.wpcf7.no-js p label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.wpcf7.no-js p label span {
  font-size: 17px;
}
.wpcf7.no-js p label span a {
  color: var(--color_principal);
}
.wpcf7.no-js p label input:not([type=checkbox]), .wpcf7.no-js p label textarea {
  width: 100%;
  background-color: transparent;
  border: 0px;
  border-bottom: 1px solid var(--color_principal);
  background-color: var(--color_secundario);
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  font-size: 17px;
  font-weight: 400;
  font-family: var(--gosha);
  color: var(--color_principal);
}
.wpcf7.no-js p .wpcf7-submit {
  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;
  height: 100%;
  width: 100%;
  max-width: 125px;
  text-align: center;
  font-size: 18px;
  color: var(--blanco);
  font-family: var(--gosha);
  text-decoration: none;
  background-color: var(--color_principal);
  border: 1px solid var(--color_principal);
  border-radius: 20px;
  padding-left: 25px;
  padding-right: 25px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.wpcf7.no-js p .wpcf7-submit:hover {
  background-color: var(--blanco);
  color: var(--color_principal);
}

/*

	VARIABLES
	--color_fondo_footer

*/
.legal main {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
}
.legal main > .centrado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  min-height: 100vh;
  margin: auto;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado {
    padding: 0px;
  }
}
.legal main > .centrado.si {
  max-width: var(--ancho_maximo);
  padding: 40px 25px;
}
@media only screen and (max-width: 1200px) {
  .legal main > .centrado.si {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.legal main > .centrado section {
  padding-top: 50px;
  padding-bottom: 50px;
  /**/
  /**/
}
.legal main > .centrado section .centrado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-width: var(--ancho_maximo);
  margin: auto;
}
@media only screen and (max-width: 1200px) {
  .legal main > .centrado section .centrado {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section .centrado {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.legal main > .centrado section.linea {
  border-bottom: 1px solid var(--color_principal);
}
.legal main > .centrado section.continuidad_inferior {
  padding-bottom: 0px;
}
.legal main > .centrado section.continuidad_superior {
  padding-top: 0px;
}
.legal main > .centrado section.entero {
  min-height: 100svh;
}
.legal main > .centrado section.trescuartos {
  min-height: 75vh;
}
.legal main > .centrado section.medio {
  min-height: 50vh;
}
.legal main > .centrado section h2, .legal main > .centrado section h3, .legal main > .centrado section a {
  color: var(--color_principal);
}
.legal main > .centrado section.primario {
  background-color: var(--color_principal);
}
.legal main > .centrado section.primario .mitad h2, .legal main > .centrado section.primario .mitad h3, .legal main > .centrado section.primario .mitad p, .legal main > .centrado section.primario .mitad li, .legal main > .centrado section.primario .mitad a {
  color: var(--blanco_siempre);
}
.legal main > .centrado section.primario .mitad svg {
  fill: white;
}
.legal main > .centrado section.secundario {
  background-color: var(--color_secundario);
}
.legal main > .centrado section.auxiliar {
  background-color: var(--color_auxiliar);
}
.legal main > .centrado section.blanco {
  background-color: var(--blanco);
}
.legal main > .centrado section.blanco h2, .legal main > .centrado section.blanco h3, .legal main > .centrado section.blanco p, .legal main > .centrado section.blanco li, .legal main > .centrado section.blanco a {
  color: var(--color_principal);
}
.legal main > .centrado section.negro {
  background-color: var(--negro);
  color: var(--blanco);
}
.legal main > .centrado section.negro h1, .legal main > .centrado section.negro h2, .legal main > .centrado section.negro h3, .legal main > .centrado section.negro h4, .legal main > .centrado section.negro h5, .legal main > .centrado section.negro h6, .legal main > .centrado section.negro li, .legal main > .centrado section.negro p {
  color: var(--blanco);
}
.legal main > .centrado section.sticky {
  position: sticky;
  bottom: 0px;
  padding-left: 20px;
  padding-right: 20px;
  z-index: 2;
}
.legal main > .centrado section.sticky .centrado {
  background-color: var(--color_principal);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px;
}
.legal main > .centrado section.sticky .centrado p {
  color: var(--blanco_siempre);
  font-size: 23px;
  padding: 10px 20px;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.sticky .centrado p {
    font-size: 20px;
  }
}
.legal main > .centrado section.sticky .centrado p a {
  color: var(--blanco_siempre);
}
.legal main > .centrado section.banner {
  padding: 0px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--color_principal);
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.banner {
    min-height: 90svh;
  }
}
.legal main > .centrado section.banner video {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  max-width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.legal main > .centrado section.banner img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  max-width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.legal main > .centrado section.banner .centrado {
  height: 100%;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  gap: 10px;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.banner .centrado {
    margin: initial;
    height: initial;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-bottom: 10vh;
  }
}
.legal main > .centrado section.banner .sponsors_banner {
  padding: 0px;
  max-width: 50%;
  margin-left: 50%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 10px;
  overflow: hidden;
  gap: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.banner .sponsors_banner {
    max-width: 100%;
    margin-left: 0%;
    padding: 0px;
  }
}
.legal main > .centrado section.banner .sponsors_banner:hover {
  opacity: 1 !important;
}
.legal main > .centrado section.banner .sponsors_banner li {
  width: 50%;
  list-style-type: none;
  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;
  border-radius: 10px;
}
.legal main > .centrado section.banner .sponsors_banner li a {
  width: 100%;
  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;
  padding: 10px;
}
.legal main > .centrado section.banner .sponsors_banner li a img {
  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;
  max-width: 100%;
  position: relative;
}
.legal main > .centrado section.banner:hover .sponsors_banner, .legal main > .centrado section.banner:hover .panel {
  opacity: 0.3;
}
.legal main > .centrado section.banner .panel {
  position: relative;
  z-index: 2;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.legal main > .centrado section.banner .panel:hover {
  opacity: 1 !important;
}
.legal main > .centrado section.banner .panel svg {
  position: absolute;
  bottom: -25%;
  right: 0px;
  max-width: 50%;
  z-index: 1;
  opacity: 0.25;
}
.legal main > .centrado section.banner .panel.panel_visible {
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 50px;
  max-width: 50%;
  margin-left: 50%;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.banner .panel.panel_visible {
    max-width: 100%;
    margin-left: 0%;
    padding: 25px;
  }
}
.legal main > .centrado section.banner .panel.panel_visible.verde {
  color: rgb(255, 255, 255);
  background-color: var(--color_principal);
}
.legal main > .centrado section.banner .panel.panel_visible.verde h1 {
  color: var(--blanco_siempre);
}
.legal main > .centrado section.banner .panel.panel_visible.verde p {
  color: var(--blanco_siempre);
}
.legal main > .centrado section.banner .panel.panel_visible.verde p strong {
  font-size: 25px;
  font-weight: 400;
}
.legal main > .centrado section.banner .panel.panel_visible.verde svg.arco path {
  fill: white;
}
.legal main > .centrado section.banner .panel.panel_visible svg.arco path {
  fill: white;
}
.legal main > .centrado section.banner .panel h1 {
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.banner .panel h1 {
    font-size: 35px;
  }
}
.legal main > .centrado section.banner .panel h1:last-child {
  padding-bottom: 0px;
}
.legal main > .centrado section.banner .panel p {
  position: relative;
  z-index: 2;
}
.legal main > .centrado section.banner .panel p a {
  background-color: var(--blanco_siempre);
  color: black;
}
.legal main > .centrado section.cac .centrado h2 {
  margin-bottom: 5px;
}
.legal main > .centrado section.cac .centrado p {
  padding-bottom: 5px;
  font-size: 20px;
}
.legal main > .centrado section.cac .centrado p:last-of-type {
  padding-bottom: 20px;
}
.legal main > .centrado section.basico h1 {
  line-height: 1.2em;
  font-weight: 400;
  font-size: 45px;
  color: var(--color_principal);
}
.legal main > .centrado section.basico h2 {
  line-height: 1.2em;
  font-weight: 400;
  font-size: 30px;
  color: var(--color_principal);
}
.legal main > .centrado section.basico h3 {
  line-height: 1.2em;
  color: var(--negro);
}
.legal main > .centrado section.basico h4 {
  line-height: 1.2em;
}
.legal main > .centrado section.basico ol li {
  padding-bottom: 10px;
}
.legal main > .centrado section.basico ol li::marker {
  color: var(--color_principal);
  font-size: 25px;
}
.legal main > .centrado section.basico ol li:last-child {
  padding-bottom: 0px;
}
.legal main > .centrado section.basico ol li strong {
  color: var(--color_principal);
  font-size: 20px;
  font-weight: 700;
}
.legal main > .centrado section.basico ul li {
  padding-bottom: 10px;
}
.legal main > .centrado section.basico ul li::marker {
  color: var(--color_principal);
  font-size: 25px;
}
.legal main > .centrado section.basico ul li:last-child {
  padding-bottom: 0px;
}
.legal main > .centrado section.basico ul li strong {
  font-size: 20px;
  font-weight: 700;
  color: var(--color_principal);
}
.legal main > .centrado section.basico .enlace_basico {
  border-radius: 5px;
  padding: 5px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 340px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 50px;
  text-decoration: none;
  background-color: var(--color_principal);
  color: var(--blanco_siempre);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding-left: 50px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.basico .enlace_basico {
    width: 100%;
    max-width: 100%;
    text-transform: uppercase;
  }
}
.legal main > .centrado section.basico .enlace_basico:hover svg {
  position: absolute;
  top: -10%;
  left: -1%;
  height: 120%;
}
.legal main > .centrado section.basico .enlace_basico svg {
  position: absolute;
  top: -5%;
  left: -5%;
  height: 110%;
  fill: var(--blanco_siempre);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.basico .enlace_basico svg {
    top: -5%;
    left: -1px;
    height: 150%;
  }
}
.legal main > .centrado section.basico.binomio .centrado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.basico.binomio .centrado {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.legal main > .centrado section.basico.binomio .centrado.sentido {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.basico.binomio .centrado.sentido {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.legal main > .centrado section.basico.binomio .centrado .conjunto h3 {
  text-transform: uppercase;
  font-size: 25px;
  color: var(--color_principal);
}
.legal main > .centrado section.basico.binomio .centrado img, .legal main > .centrado section.basico.binomio .centrado svg {
  max-width: 300px;
}
.legal main > .centrado section.basico.binomio .centrado > svg .st1 {
  fill: var(--color_principal);
}
.legal main > .centrado section.basico.binomio .centrado > svg .st2 {
  fill: var(--verde2);
}
.legal main > .centrado section.basico.binomio .centrado > svg .st3 {
  fill: var(--verde3);
}
.legal main > .centrado section.mapa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 70vh;
  width: 100%;
  max-width: var(--ancho_maximo);
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  margin-bottom: 100px;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.mapa {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.legal main > .centrado section #map {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  z-index: 1;
  height: 70vh;
  width: 100%;
  z-index: 1;
  border-radius: 20px;
  border: 2px solid var(--color_principal);
}
.legal main > .centrado section .leaflet-popup-close-button {
  display: none !important;
}
.legal main > .centrado section .leaflet-right .leaflet-control {
  display: none;
}
.legal main > .centrado section #buscador {
  position: absolute;
  top: 10vh;
  left: 10vh;
  z-index: 3;
  background-color: var(--color_principal);
  color: var(--blanco);
  border-radius: 10px;
  font-size: 18px;
  font-family: var(--familia);
  line-height: 1.5em;
  width: 300px;
  padding: 1rem;
  padding-left: 20px;
  border: none;
  border-bottom: 0px solid #ccc;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section #buscador {
    top: initial;
    bottom: 200px;
    left: 20px;
    width: calc(100% - 40px);
  }
}
.legal main > .centrado section #buscador::-webkit-input-placeholder {
  color: white;
  opacity: 1; /* Para asegurar visibilidad en todos los navegadores */
}
.legal main > .centrado section #buscador::-moz-placeholder {
  color: white;
  opacity: 1; /* Para asegurar visibilidad en todos los navegadores */
}
.legal main > .centrado section #buscador:-ms-input-placeholder {
  color: white;
  opacity: 1; /* Para asegurar visibilidad en todos los navegadores */
}
.legal main > .centrado section #buscador::-ms-input-placeholder {
  color: white;
  opacity: 1; /* Para asegurar visibilidad en todos los navegadores */
}
.legal main > .centrado section #buscador::placeholder {
  color: white;
  opacity: 1; /* Para asegurar visibilidad en todos los navegadores */
}
.legal main > .centrado section #lista-puntos {
  list-style: none;
  margin: 0;
  padding: 1rem;
  padding-top: 60px;
  width: 300px;
  overflow-y: auto;
  border-right: 1px solid #ddd;
  max-height: 50vh;
  position: absolute;
  top: 10vh;
  left: 10vh;
  z-index: 2;
  background-color: var(--blanco);
  border-radius: 10px;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE y Edge antiguos */
}
.legal main > .centrado section #lista-puntos::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section #lista-puntos {
    top: initial;
    bottom: 20px;
    max-height: 240px;
    height: 240px;
    left: 20px;
    width: calc(100% - 40px);
    background-color: var(--blanco_75);
  }
}
.legal main > .centrado section #lista-puntos li {
  padding: 0.5rem;
  cursor: pointer;
  border-radius: 4px;
}
.legal main > .centrado section #lista-puntos li:hover {
  background-color: #f0f0f0;
}
.legal main > .centrado section #lista-puntos li.activo {
  background-color: var(--color_principal);
  color: white;
}
.legal main > .centrado section.cac h2 {
  line-height: 1.2em;
  font-weight: 500;
  color: var(--color_principal);
}
.legal main > .centrado section.cac h3 {
  line-height: 1.2em;
  color: var(--negro);
}
.legal main > .centrado section.cac h4 {
  line-height: 1.2em;
}
.legal main > .centrado section.cac .enlace_basico {
  border-radius: 5px;
  padding: 5px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 100px;
  text-decoration: none;
  background-color: var(--color_principal);
  color: var(--blanco_siempre);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding-left: 60px;
  position: relative;
  overflow: hidden;
  font-size: 30px;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.cac .enlace_basico {
    width: 100%;
    max-width: 100%;
    text-transform: uppercase;
  }
}
.legal main > .centrado section.cac .enlace_basico:hover svg {
  position: absolute;
  top: 10px;
  left: 10px;
  height: 120%;
}
.legal main > .centrado section.cac .enlace_basico svg {
  position: absolute;
  top: 10px;
  left: -10px;
  height: 110%;
  fill: var(--blanco_siempre);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.cac .enlace_basico svg {
    top: -5%;
    left: -1px;
    height: 150%;
  }
}
.legal main > .centrado section.medios {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0px;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.medios {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.legal main > .centrado section.medios.sentido {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.medios.sentido {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.legal main > .centrado section.medios.sentido .mitad:last-child {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.legal main > .centrado section.medios .mitad {
  min-height: 200px;
  width: 100%;
  max-width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 50px;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.medios .mitad {
    padding: 50px 20px;
  }
}
.legal main > .centrado section.medios .mitad:has(img) {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.medios .mitad:has(img) {
    padding: 20px 20px;
  }
}
.legal main > .centrado section.medios .mitad img.imagen {
  width: 100%;
  max-width: 350px;
  z-index: 2;
  position: relative;
}
.legal main > .centrado section.medios .mitad svg {
  width: 100%;
  max-width: 350px;
  z-index: 2;
  position: relative;
  margin: auto;
}
.legal main > .centrado section.medios .mitad img.imagen_de_fondo {
  width: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  z-index: 1;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.medios .mitad {
    max-width: 100%;
  }
  .legal main > .centrado section.medios .mitad:empty {
    display: none;
  }
}
.legal main > .centrado section.medios .mitad h1, .legal main > .centrado section.medios .mitad h2, .legal main > .centrado section.medios .mitad h3, .legal main > .centrado section.medios .mitad h4, .legal main > .centrado section.medios .mitad h5, .legal main > .centrado section.medios .mitad h6, .legal main > .centrado section.medios .mitad p {
  width: 100%;
  max-width: calc(var(--ancho_maximo) / 2);
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.medios .mitad h1, .legal main > .centrado section.medios .mitad h2, .legal main > .centrado section.medios .mitad h3, .legal main > .centrado section.medios .mitad h4, .legal main > .centrado section.medios .mitad h5, .legal main > .centrado section.medios .mitad h6, .legal main > .centrado section.medios .mitad p {
    max-width: 100%;
  }
}
.legal main > .centrado section.medios h2 {
  line-height: 1.2em;
  font-weight: 700;
}
.legal main > .centrado section.medios h3 {
  line-height: 1.2em;
}
.legal main > .centrado section.medios h4 {
  line-height: 1.2em;
}
.legal main > .centrado section.medios .enlace_basico {
  border-radius: 5px;
  border: 1px solid black;
  padding: 5px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 340px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 50px;
  text-decoration: none;
  background-color: var(--blanco);
  color: var(--color_principal);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding-left: 60px;
}
.legal main > .centrado section.medios .enlace_basico:hover {
  background-color: var(--color_principal);
  color: var(--blanco);
}
.legal main > .centrado section.medios.binomio .centrado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.medios.binomio .centrado {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.legal main > .centrado section.medios.binomio .centrado .conjunto h3 {
  text-transform: uppercase;
  font-size: 25px;
  color: var(--color_principal);
}
.legal main > .centrado section.medios.binomio .centrado img {
  max-width: 300px;
}
.legal main > .centrado section.logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.legal main > .centrado section.logos .centrado {
  width: 100%;
  max-width: var(--ancho_maximo);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.legal main > .centrado section.logos .item {
  padding: 10px;
  background-color: var(--blanco_siempre);
  border-radius: 5px;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.logos .item {
    max-width: 45%;
  }
}
.legal main > .centrado section.logos .item img {
  max-width: 100%;
}
.legal main > .centrado section.colaboradores {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.legal main > .centrado section.colaboradores .centrado {
  width: 100%;
  max-width: var(--ancho_maximo);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.legal main > .centrado section.colaboradores h2 {
  color: var(--color_principal);
  font-size: 40px;
  font-weight: 400;
}
.legal main > .centrado section.colaboradores ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  gap: 20px;
  margin: 0px;
  padding: 0px;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.colaboradores ul {
    padding: 10px;
  }
}
.legal main > .centrado section.colaboradores ul li {
  padding: 10px 20px;
  background-color: var(--blanco_siempre);
  border-radius: 10px;
  max-width: calc(25% - 20px);
  min-width: 100px;
}
.legal main > .centrado section.colaboradores ul li.fondo-blanco {
  border: 1px solid rgba(0, 0, 0, 0.05);
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.colaboradores ul li {
    width: 100%;
    max-width: calc(50% - 10px);
  }
}
.legal main > .centrado section.colaboradores ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.legal main > .centrado section.colaboradores ul li a:hover span {
  opacity: 1;
}
.legal main > .centrado section.colaboradores ul li a:hover img.imagen_alternativa {
  opacity: 1;
}
.legal main > .centrado section.colaboradores ul li span {
  position: absolute;
  opacity: 0;
  z-index: 2;
  height: 100%;
  width: 100%;
  background: white;
  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;
  padding: 10px;
  text-align: center;
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  color: black;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.legal main > .centrado section.colaboradores ul li img, .legal main > .centrado section.colaboradores ul li svg {
  max-width: 200px;
  max-height: 100px;
  width: auto;
  height: auto;
  z-index: 1;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.colaboradores ul li img, .legal main > .centrado section.colaboradores ul li svg {
    max-width: 150px;
  }
}
.legal main > .centrado section.colaboradores ul li img.imagen_alternativa, .legal main > .centrado section.colaboradores ul li svg.imagen_alternativa {
  position: absolute;
  z-index: 2;
  opacity: 0;
}
.legal main > .centrado section.bloque_paneles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.legal main > .centrado section.bloque_paneles.sin_retorno .centrado {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.bloque_paneles {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.legal main > .centrado section.bloque_paneles h2 {
  color: var(--color_principal);
}
.legal main > .centrado section.bloque_paneles .paneles {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.bloque_paneles .paneles {
    border-right: 0px solid var(--color_principal);
    border-bottom: 1px solid var(--color_principal);
    padding: 40px 0px;
    max-width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.legal main > .centrado section.bloque_paneles .paneles:last-child {
  border-right: 0px solid var(--color_principal);
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.bloque_paneles .paneles:last-child {
    border-bottom: 0px solid var(--color_principal);
  }
}
.legal main > .centrado section.bloque_paneles .paneles img, .legal main > .centrado section.bloque_paneles .paneles svg {
  display: block;
  width: 100%;
  max-width: 200px;
  margin: auto;
  margin-bottom: 20px;
}
.legal main > .centrado section.bloque_paneles .paneles .panel {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  border-radius: 10px;
  border: 1px solid var(--color_principal);
  padding: 10px 20px;
  aspect-ratio: 3/1;
  position: relative; /* Necesario para posicionar el tooltip */
  display: inline-block;
  overflow: hidden;
  background-color: var(--color_principal);
}
.legal main > .centrado section.bloque_paneles .paneles .panel svg {
  position: absolute;
  bottom: -40px;
  right: 0px;
  width: 100px;
  z-index: 1;
  opacity: 0.25;
}
.legal main > .centrado section.bloque_paneles .paneles .panel p {
  display: block;
  max-width: 60%;
  color: var(--blanco);
  font-size: 20px;
}
.legal main > .centrado section.bloque_paneles .paneles .panel p abbr::after {
  content: attr(title); /* Toma el contenido del atributo `title` del <abbr> */
  position: absolute;
  width: 75%;
  bottom: 5px;
  right: -40px;
  text-align: right;
  line-height: 1em;
  font-size: 18px;
  font-weight: 700;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  -webkit-filter: blur(5px);
          filter: blur(5px);
}
.legal main > .centrado section.bloque_paneles .paneles .panel p a {
  color: var(--blanco_siempre);
  text-decoration: none;
}
.legal main > .centrado section.bloque_paneles .paneles .panel:hover abbr::after {
  opacity: 0.75; /* Hace visible el tooltip al hacer hover */
  right: 10px;
  bottom: 5px;
  -webkit-filter: blur(0px);
          filter: blur(0px);
  z-index: 2;
}
.legal main > .centrado section.numeros {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.numeros {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.legal main > .centrado section.numeros .centrado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.numeros .centrado {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.legal main > .centrado section.numeros h2 {
  color: var(--color_principal);
}
.legal main > .centrado section.numeros .array {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1%;
  -webkit-column-gap: 1%;
     -moz-column-gap: 1%;
          column-gap: 1%;
  padding-top: 50px;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.numeros .array {
    gap: 20px;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }
}
.legal main > .centrado section.numeros .array p {
  width: 19%;
  margin-bottom: 20px;
  position: relative;
  padding: 20px;
  z-index: 2;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid var(--verde3);
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.numeros .array p {
    width: calc(50% - 10px);
    margin-bottom: 0px;
  }
}
.legal main > .centrado section.numeros .array p:first-of-type {
  counter-reset: paragraph;
}
.legal main > .centrado section.numeros .array p:before {
  content: counter(paragraph) ". ";
  counter-increment: paragraph;
  font-weight: bold;
  position: absolute;
  right: -26px;
  bottom: 27px;
  font-size: 100px;
  z-index: 1;
  opacity: 0.25;
  color: var(--color_principal);
}
.legal main > .centrado section.columnas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.legal main > .centrado section.columnas.sin_retorno .centrado {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.columnas {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.legal main > .centrado section.columnas article {
  border-right: 1px solid var(--color_principal);
  padding: 20px 40px;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  width: 100%;
  max-width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.legal main > .centrado section.columnas article img, .legal main > .centrado section.columnas article svg {
  display: block;
  width: 100%;
  max-width: 200px;
  margin-bottom: 20px;
  max-height: 180px;
  fill: var(--color_principal);
}
.legal main > .centrado section.columnas article h2 {
  color: var(--color_principal);
  margin-bottom: 10px;
  text-align: center;
}
.legal main > .centrado section.columnas article p a, .legal main > .centrado section.columnas article p strong {
  color: var(--color_principal);
}
.legal main > .centrado section.columnas article p:not(:last-of-type) {
  padding-bottom: 10px;
}
.legal main > .centrado section.columnas article:has(img) h3, .legal main > .centrado section.columnas article:has(img) p, .legal main > .centrado section.columnas article:has(svg) h3, .legal main > .centrado section.columnas article:has(svg) p {
  text-align: center;
}
.legal main > .centrado section.columnas article:has(img) h3 strong, .legal main > .centrado section.columnas article:has(img) p strong, .legal main > .centrado section.columnas article:has(svg) h3 strong, .legal main > .centrado section.columnas article:has(svg) p strong {
  font-size: 25px;
  font-weight: 400;
  line-height: 1.1em;
}
.legal main > .centrado section.columnas article:has(img) h3 a, .legal main > .centrado section.columnas article:has(img) p a, .legal main > .centrado section.columnas article:has(svg) h3 a, .legal main > .centrado section.columnas article:has(svg) p a {
  font-weight: 700;
  color: var(--color_principal);
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.columnas article {
    border-right: 0px solid var(--color_principal);
    border-bottom: 1px solid var(--color_principal);
    padding: 40px 0px;
    max-width: 100%;
  }
}
.legal main > .centrado section.columnas article:last-child {
  border-right: 0px solid var(--color_principal);
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.columnas article:last-child {
    border-bottom: 0px solid var(--color_principal);
  }
}
.legal main > .centrado section.columnas article.bios .circulo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  border-radius: 200%;
  max-width: 200px;
  border: 5px solid var(--color_principal);
  position: relative;
  overflow: hidden;
  background-color: black;
  cursor: pointer;
}
.legal main > .centrado section.columnas article.bios .circulo img {
  border-radius: 200%;
  max-width: 200px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  margin-bottom: 0px;
}
.legal main > .centrado section.columnas article.bios .circulo svg {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: absolute;
  top: 240px;
  left: 80px;
  z-index: 2;
  width: 40px;
  margin: auto;
}
.legal main > .centrado section.columnas article.bios .circulo:hover img {
  opacity: 0.5;
}
.legal main > .centrado section.columnas article.bios .circulo:hover svg {
  top: 80px;
  fill: white;
}
.legal main > .centrado section.columnas article.bios h2 {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 25px;
  margin-bottom: 10px;
}
.legal main > .centrado section.columnas article.bios h3 {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.legal main > .centrado section.columnas article.bios .linkedin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  max-width: 30px;
  margin-bottom: 25px;
}
.legal main > .centrado section.columnas article.bios p {
  width: 100%;
  text-align: left;
}
.legal main > .centrado section.columnas article.con_enlace {
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  border-radius: 0px;
}
.legal main > .centrado section.columnas article.con_enlace .more {
  position: absolute;
  top: 75%;
  left: 0px;
  width: 100%;
  font-size: 50px;
  height: 100%;
  z-index: 2;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  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;
  color: var(--blanco_siempre);
  font-family: var(--familia2);
  text-decoration: none;
  text-align: center;
  padding: 20px;
  opacity: 0;
}
.legal main > .centrado section.columnas article.con_enlace:hover {
  background-color: var(--color_principal);
  border-radius: 10px;
  border-color: transparent;
}
.legal main > .centrado section.columnas article.con_enlace:hover svg {
  fill: var(--blanco);
  opacity: 0.25;
}
.legal main > .centrado section.columnas article.con_enlace:hover h2 {
  color: var(--blanco);
  opacity: 0.25;
}
.legal main > .centrado section.columnas article.con_enlace:hover p {
  color: var(--blanco);
  opacity: 0.25;
}
.legal main > .centrado section.columnas article.con_enlace:hover .more {
  top: 0%;
  opacity: 1;
}
.legal main > .centrado section.columnas .centrado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.columnas .centrado {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.legal main > .centrado section.columnas .centrado > h2 {
  width: 100%;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 25px;
}
.legal main > .centrado section.columnas .centrado article {
  border-right: 1px solid var(--color_principal);
  padding: 20px 40px;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  width: 100%;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.columnas .centrado article {
    border-right: 0px solid var(--color_principal);
    border-bottom: 1px solid var(--color_principal);
    padding: 40px 0px;
  }
}
.legal main > .centrado section.columnas .centrado article:last-child {
  border-right: 0px solid var(--color_principal);
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado section.columnas .centrado article:last-child {
    border-bottom: 0px solid var(--color_principal);
  }
}
.legal main > .centrado h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 60px;
  color: var(--azul_aliot);
  font-family: var(--titulares);
  line-height: 1em;
  font-weight: 900;
  padding-bottom: 20px;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado h1 {
    font-size: 50px;
  }
}
.legal main > .centrado h1:last-child {
  padding-bottom: 0px;
}
.legal main > .centrado h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 20px;
  font-family: var(--titulares);
  font-weight: 900;
  font-size: 30px;
  line-height: 1em;
  color: var(--oscuro);
}
.legal main > .centrado h2:last-child {
  margin-bottom: 0px;
}
.legal main > .centrado h2 span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.legal main > .centrado h2 span.number {
  border-radius: 100px;
  padding: 15px;
  background-color: var(--oscuro);
  color: white;
  border-radius: 100px;
  margin-bottom: 20px;
  font-size: 23px;
  font-family: var(--titulares);
  line-height: 0.8em;
  letter-spacing: -0.05em;
  width: 60px;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.legal main > .centrado h3 {
  padding-bottom: 10px;
}
.legal main > .centrado h3:last-child {
  padding-bottom: 0px;
}
.legal main > .centrado p {
  padding-bottom: 20px;
  font-family: var(--familia);
  line-height: 1.5em;
  color: var(--oscuro);
}
.legal main > .centrado p:last-child {
  padding-bottom: 0px;
}
.legal main > .centrado ol, .legal main > .centrado ul {
  padding-bottom: 20px;
  padding-left: 20px;
}
.legal main > .centrado ol:last-child, .legal main > .centrado ul:last-child {
  padding-bottom: 0px;
}
.legal main > .centrado ol li, .legal main > .centrado ul li {
  color: var(--oscuro);
  font-family: var(--familia);
  line-height: 1.5em;
}
.legal main > .centrado ol li strong, .legal main > .centrado ul li strong {
  font-weight: 400;
}
/*

    VARIABLES
    --color_fondo_hitos
    --color_fondo_panel_hitos
    --color_titulo_panel_hitos
    --color_texto_panel_hitos

    --treitayseis
    --dieciocho

*/
.aurrera.sponsors_banner-visible .sponsors {
  bottom: -200px;
}

.aurrera .sponsors {
  bottom: 0px;
}

.sponsors {
  list-style: none;
  position: sticky;
  bottom: -200px;
  left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 10px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  overflow: auto;
  scrollbar-width: none;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-top: 30px;
  z-index: 2;
  background-color: var(--fondo_sponsor);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.sponsors:after {
  text-transform: uppercase;
  font-size: 15px;
  top: 5px;
  left: 10px;
  position: absolute;
}
.sponsors li {
  border-radius: 10px;
  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;
}
.sponsors li a {
  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;
  padding: 10px;
}
.sponsors li a img, .sponsors li a svg {
  max-width: 250px;
}
.sponsors.sponsors_interiores {
  background-color: var(--fondo_sponsor);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.sponsors.sponsors_interiores:after {
  text-transform: uppercase;
  font-size: 15px;
  top: 5px;
  left: 10px;
  position: absolute;
}
.sponsors.sponsors_interiores li a img, .sponsors.sponsors_interiores li a svg {
  max-height: 70px;
}

/**/
.kit {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 20px;
}
.kit .kit_1 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kit .kit_1 img {
  display: block;
  width: auto;
  height: 100%;
  max-height: 50px;
}
.kit .kit_2 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kit .kit_2 img {
  display: block;
  width: auto;
  height: 100%;
  max-height: 50px;
}
@media only screen and (max-width: 550px) {
  .kit .kit_2 img {
    height: 50px;
  }
}

/*

	VARIABLES

	--color_fondo_alert
	--color_borde_alert

	--grosor_uno

*/
.alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  z-index: 3;
  bottom: -50px;
  left: 0px;
  width: 100%;
  background-color: var(--color_principal);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid var(--oscuro_siempre);
}
@media only screen and (max-width: 550px) {
  .alert {
    border-top: var(--grosor_uno) solid var(--color_borde_alert);
  }
}
.alert p {
  width: 100%;
  padding: 10px;
  margin: 0px;
  color: var(--blanco);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media only screen and (max-width: 550px) {
  .alert p {
    padding: 15px 10px;
  }
}
.alert p a {
  font-weight: 700;
  color: var(--blanco);
  margin-left: 20px;
  text-decoration: none;
}
.alert span {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.alert span svg {
  fill: var(--blanco);
}
.alert.dark {
  bottom: 0px;
  text-transform: uppercase;
}

/*

  VARIABLES

  --grosor_uno

*/
.again {
  cursor: pointer;
}

#gdpr-cookie-message {
  position: fixed;
  bottom: 0px;
  z-index: 20;
  background-color: var(--fondo_cookies);
  border-top: var(--border_cookies);
  border: var(--border_cookies_total);
  color: var(--texto_cookies);
  padding: 20px;
}

#gdpr-cookie-message h4 {
  text-transform: uppercase;
  padding-bottom: 10px;
  font-size: 15px;
}

#gdpr-cookie-message p {
  line-height: 1.3em;
  font-size: 14px;
}

#gdpr-cookie-message a {
  color: rgb(255, 255, 255);
}

#gdpr-cookie-types {
  padding: 20px 0px;
}

#gdpr-cookie-types h5 {
  text-transform: uppercase;
  padding-bottom: 10px;
}

#gdpr-cookie-types ul {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#gdpr-cookie-types ul li {
  padding: 0px 10px;
}

#gdpr-cookie-types ul li input[type=checkbox] {
  margin-top: -2px;
}

#gdpr-cookie-types ul li input[type=checkbox] {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  vertical-align: middle;
  border: 1px solid rgb(255, 255, 255);
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  position: relative;
}

#gdpr-cookie-types ul li input[type=checkbox]:checked {
  background-color: rgb(255, 255, 255);
}

#gdpr-cookie-message p:last-of-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 20px;
}

#gdpr-cookie-message button {
  padding: 10px 20px;
  border-radius: 0px;
  border: 0px;
  text-transform: uppercase;
  font-size: 14px;
  font-family: var(--familia);
  font-weight: 700;
  cursor: pointer;
  border: 1px solid rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  background-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#gdpr-cookie-message button:first-of-type:hover {
  background-color: rgba(0, 0, 0, 0);
}

#gdpr-cookie-message button:last-of-type {
  margin-left: 20px;
  padding: 0px;
  border: 0px;
  text-decoration: underline;
  font-size: 12px;
}

#gdpr-cookie-message label {
  cursor: pointer;
}

@media (max-width: 414px) {
  #gdpr-cookie-types {
    padding-bottom: 0px;
  }
  #gdpr-cookie-types h5 {
    margin: 0px;
  }
  #gdpr-cookie-types ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0px;
    padding: 0px;
  }
}