@charset "UTF-8";
@font-face {
  font-family: "Days Sans";
  src: url("tt-days-sans.woff2") format("woff2"), url("tt-days-sans.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
/*

  VARIABLES

*/
/*
	Theme Name: Duchas 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 {
  --main_rojo: #E02B20;
  --main_amarillo: #f8d56b;
  --main_amarillo_claro: #f7eed2;
  --main_azul: #63b3db;
  --main_azul_claro: #bad0db;
  --main_azul_sobre_blanco:#467e9a;
  --main_gris: #333333;
  --main_gris_claro:#e5e5e5;
  --blanco: rgba(255,255,255,1);
  --negro: var(--main_gris);
  --color_fondo_header: var(--blanco);
  --color_logo_header: var(--main_rojo);
  --color_bar_header: var(--main_gris);
  --color_barra_menu:	var(--main_gris);
  --color_borde_header: var(--main_rojo);
  --color_menu: var(--main_gris);
  --color_focus_menu: var(--blanco);
  --color_menu_movil: var(--main_rojo);
  --color_enlaces_menu: var(--blanco);
  --color_borde_dark: var(--blanco);
  --color_borde_caja: var(--main_rojo);
  --color_fondo_caja: transparent;
  --color_fondo_tarjeta: var(--main_rojo);
  --color_texto_tarjeta: var(--blanco);
  --color_titular_h1_intro_home: var(--main_rojo);
  --color_titular_h2_intro_home: var(--main_gris);
  --color_fondo_pie: var(--main_gris);
  --color_logo_footer: var(--blanco);
  --color_enlaces_pie: var(--blanco);
  --color_fondo_aside: var(--main_rojo);
  --color_textos_aside: var(--blanco);
  --tamano_menu: 24px;
  --titular_h1_intro_home: 40px;
  --color_titular_h1: var(--main_rojo);
  --fondo_oscuro: #415763;
  --verde: #92d050;
  --color_verde_siempre: #00c08a;
  --claro: rgba(0,0,0,0.1);
  --color_blanco_siempre: rgba(255,255,255,1);
  --color_negro_siempre: rgba(0,0,0,1);
  --ancho_maximo: 1200px;
  --fondo_contacto: var(--color_negro_siempre);
  --color_svg: var(--color_blanco_siempre);
  --tamano_normal: 25px;
  --titular_h1: 45px;
  --titular_h2: 35px;
  --texto_boton_clean: var(--blanco);
  --size_texto_boton_clean: 25px;
  --size_texto_boton_clean_movil: 18px;
  --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);
  --familia: "roboto-condensed", sans-serif;
  --gosha: var(--familia);
  --titulares: "Days Sans";
  --familia_menu: var(--familia);
}
@media only screen and (max-width: 550px) {
  :root, :root.light {
    --titular_h1: 40px;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --negro: rgba(255,255,255,1);
    --fondo_oscuro: #000000;
    --verde: #00c08a;
    --color_verde_siempre: #00c08a;
    --claro: #000000;
    --blanco: rgba(0,0,0,1);
    --color_blanco_siempre: rgba(255,255,255,1);
    --color_negro_siempre: rgba(0,0,0,1);
    --menu:var(--color_blanco_siempre);
    --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);
  }
  :root .kit .kit_1 img, :root .kit .kit_2 img {
    -webkit-filter: invert(100%);
            filter: invert(100%);
  }
}
:root.dark {
  --negro: rgba(255,255,255,1);
  --fondo_oscuro: #000000;
  --verde: #00c08a;
  --color_verde_siempre: #00c08a;
  --claro: #000000;
  --blanco: rgba(0,0,0,1);
  --color_blanco_siempre: rgba(255,255,255,1);
  --color_negro_siempre: rgba(0,0,0,1);
  --menu:var(--color_blanco_siempre);
  --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);
}
:root.dark .kit .kit_1 img, :root.dark .kit .kit_2 img {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}

@media (prefers-contrast: more) {
  :root {
    --azul: yellow;
    --fondo_oscuro: darkblue;
    --blanco: darkblue;
    --color_blanco_siempre: yellow;
    --claro: darkblue;
    --oscuro: yellow;
    --negro: yellow;
    --verde: yellow;
    --fondo_contacto: darkblue;
    --familia: "Verdana", sans-serif;
    --crema_menu: darkblue;
    --tamano_menu: 20px;
    --border_cookies: 10px solid var(--negro);
    --border_cookies_total: 10px solid var(--negro);
    --texto_cookies: var(--negro);
    --fondo_cookies: var(--blanco);
  }
  :root .wrapper header .centrado .nav ul {
    gap: 20px;
  }
  :root .home .wrapper main #servicios svg {
    display: none;
  }
  :root .home .wrapper main #diego .centrado .panel a {
    padding-left: 0px;
  }
  :root .home .wrapper main #diego .centrado .panel a svg {
    display: none;
  }
  :root .home .wrapper main #contacto .centrado div:last-of-type a {
    padding-left: 0px;
  }
  :root .home .wrapper main #contacto .centrado div:last-of-type a svg {
    display: none;
  }
  :root .home .wrapper main #intro .centrado h1 strong {
    display: inline-block;
  }
  :root .home .wrapper main #andrew .centrado img {
    display: none;
  }
  :root .home .wrapper main #intro .centrado {
    max-width: var(--ancho_maximo);
    margin-left: auto;
    margin-right: auto;
  }
  :root strong,
  :root .home .wrapper main #andrew .centrado .panel p strong {
    font-weight: 700;
  }
  :root .home .wrapper main #episodios > img.wall,
  :root .home .wrapper main #episodios > img.micro {
    display: none;
  }
  :root .home .wrapper main #episodios .centrado {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--ancho_maximo);
  }
  :root .home .wrapper main #episodios article {
    background-color: transparent;
  }
  :root .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;
  }
  :root .home .wrapper main #suscripcion .centrado form span {
    font-size: var(--tamano_normal);
  }
  :root footer .centrado {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  :root footer .centrado img {
    display: none;
  }
  :root footer .centrado ul {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  :root footer .centrado ul li:first-of-type {
    padding-left: 0px;
  }
  :root aside a {
    padding-left: 0px;
  }
  :root aside a svg {
    display: none;
  }
  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: var(--tamano_normal);
  font-weight: 400;
  color: var(--negro);
  background-color: var(--blanco);
}
body .rueda {
  -webkit-transform-origin: 34.4px 36px;
          transform-origin: 34.4px 36px; /* Usa el mismo centroide del círculo en tu SVG */
}
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);
  }
}

.move {
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.move_2 {
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out 0.2s;
  transition: all 0.5s ease-in-out 0.2s;
}

.move_3 {
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out 0.4s;
  transition: all 0.5s ease-in-out 0.4s;
}

.move_4 {
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out 0.6s;
  transition: all 0.5s ease-in-out 0.6s;
}

.move_5 {
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out 0.8s;
  transition: all 0.5s ease-in-out 0.8s;
}

.move_6 {
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out 1s;
  transition: all 0.5s ease-in-out 1s;
}

/*

	VARIABLES

*/
.abajo header {
  top: 0;
}

.abajo header:focus-within {
  top: 0;
}

.quick {
  background-color: var(--main_rojo);
  color: var(--blanco);
  padding: 15px 20px;
  border-radius: 10px;
  font-size: 20px;
  text-transform: uppercase;
  position: fixed;
  top: -100px;
  opacity: 0;
  left: 10px;
  z-index: 5;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.quick:focus {
  top: 10px;
  opacity: 1;
  outline-color: var(--main_rojo);
  outline-width: 3px;
  outline-style: solid;
  outline-offset: 4px;
}

.arriba header {
  top: 0px;
}

.abajo header {
  top: -120px;
}

header {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  position: fixed;
  width: 100%;
  background-color: var(--color_fondo_header);
  top: 0px;
  z-index: 3;
  -webkit-backdrop-filter: blur(0px);
          backdrop-filter: blur(0px);
  border-bottom: 2px solid var(--color_borde_header);
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
header:not(.home) {
  opacity: 1;
}
@media only screen and (max-width: 550px) {
  header {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
header .centrado {
  width: 100%;
  max-width: var(--ancho_maximo);
  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.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
header .centrado .logo {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 550px) {
  header .centrado .logo {
    margin-left: 0px;
  }
}
header .centrado .logo span {
  display: none;
}
header .centrado .logo svg {
  height: 60px;
  fill: var(--color_logo_header);
}
@media only screen and (max-width: 550px) {
  header .centrado .logo svg {
    height: 50px;
    width: initial;
  }
}
header .centrado .logo svg .st1, header .centrado .logo svg .st0 {
  stroke: var(--color_logo_header);
}
header .centrado .logo svg .st0 {
  stroke-linecap: round;
  stroke-linejoin: round;
}
header .centrado .logo svg .st0, header .centrado .logo svg .st1 {
  fill: none;
  stroke-width: 3px;
}
header .centrado .logo svg .st3 {
  isolation: isolate;
}
header .centrado .logo svg .st1 {
  stroke-miterlimit: 10;
}
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:focus {
  outline-color: var(--main_rojo);
  outline-width: 3px;
  outline-style: solid;
  outline-offset: 4px;
  background-color: var(--main_rojo);
}
header .centrado .logo a span {
  display: none;
}
header .centrado .bar {
  width: 40px;
  display: none;
  fill: var(--color_bar_header);
}
@media only screen and (max-width: 550px) {
  header .centrado .bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
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: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -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;
}
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 0px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 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;
  border-right: 1px solid var(--color_barra_menu);
}
header .centrado .nav ul li:last-child {
  border-right: 0px solid var(--color_barra_menu);
}
header .centrado .nav ul li.current-menu-item a, header .centrado .nav ul li.current-menu-parent a {
  color: var(--main_rojo);
}
header .centrado .nav ul 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;
  height: 100%;
  text-align: center;
  font-size: var(--tamano_menu);
  color: var(--color_menu);
  font-weight: 700;
  font-family: var(--familia_menu);
  line-height: 1.1em;
  padding: 5px 10px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
header .centrado .nav ul li a:focus {
  outline-color: var(--main_rojo);
  outline-width: 3px;
  outline-style: solid;
  outline-offset: 4px;
  background-color: var(--main_rojo);
  color: var(--color_focus_menu);
}
header .centrado .nav ul li ul {
  display: none;
}

body.no_top header .centrado nav .switch {
  opacity: 1;
}
.home header {
  opacity: 1;
}
.home header .centrado nav {
  opacity: 1;
}
.home header .centrado .logo {
  opacity: 1;
}

.aurrera.home .wrapper header {
  opacity: 1;
}
.aurrera.home .wrapper header .centrado nav {
  opacity: 1;
}
.aurrera.home .wrapper header .centrado .logo {
  opacity: 1;
}
.aurrera.home .wrapper main #intro .ondas .conjunto img {
  opacity: 1;
}
.aurrera.home .wrapper main #intro .centrado figure {
  opacity: 1;
}
.aurrera.home .wrapper main #intro .centrado figure blockquote {
  opacity: 1;
}
.aurrera.home .wrapper main #intro .centrado figure figcaption {
  opacity: 1;
}
.aurrera.home .wrapper main #intro .centrado h1 {
  opacity: 1;
}
.aurrera.home .wrapper main #intro .centrado p {
  opacity: 1;
}

body.primera-visita header {
  -webkit-transition: all 0.2s ease-in-out 0.5s;
  transition: all 0.2s ease-in-out 0.5s;
  opacity: 1;
}

.aurrera.intro-visible .wrapper header,
.aurrera.diego-visible .wrapper header,
.aurrera.servicios-visible .wrapper header,
.aurrera.contacto-visible .wrapper header {
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.aurrera.intro-visible .wrapper header .centrado .logo,
.aurrera.diego-visible .wrapper header .centrado .logo,
.aurrera.servicios-visible .wrapper header .centrado .logo,
.aurrera.contacto-visible .wrapper header .centrado .logo {
  opacity: 1;
}
.aurrera.intro-visible .wrapper main #intro .ondas,
.aurrera.diego-visible .wrapper main #intro .ondas,
.aurrera.servicios-visible .wrapper main #intro .ondas,
.aurrera.contacto-visible .wrapper main #intro .ondas {
  opacity: 0.25;
  -webkit-filter: blur(10px);
          filter: blur(10px);
}

/*

	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_menu_movil);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  z-index: 5;
  padding: 20px 20px;
  opacity: 0.9;
  overflow: scroll;
}
@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%;
    height: 100vh;
    background-color: var(--color_menu_movil);
    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: 10px;
}
.menu-desplegable ul li.current-menu-item a, .menu-desplegable ul li.current-menu-parent a {
  color: var(--color_enlaces_menu);
}
.menu-desplegable ul li a {
  /*background-color: rgba(255, 255, 255, 0.3);*/
  color: var(--color_enlaces_menu);
  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 {
    font-size: 28px;
    line-height: 1.3em;
  }
}
.menu-desplegable ul li a:focus {
  outline-color: var(--main_rojo);
  outline-width: 3px;
  outline-style: solid;
  outline-offset: 4px;
  background-color: var(--main_rojo);
}
.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;
  width: 20px;
  height: 20px;
  cursor: pointer;
  border-radius: 20px;
}
.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(--oscuro);
  -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(--color_borde_dark);
  }
}
.menu-desplegable ul li.interruptor.dark a::after {
  content: "on";
  border: 1px solid var(--naranja);
  background-color: var(--naranja);
  color: var(--oscuro_siempre);
}
.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: 50px;
}
@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.1);
  cursor: pointer;
}
@media only screen and (max-width: 550px) {
  .cierre-menu-desplegable {
    display: none;
  }
}

.cierre-menu-desplegable.activo {
  left: 0px;
}
@media only screen and (max-width: 550px) {
  .cierre-menu-desplegable.activo {
    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_pie




*/
footer {
  background-color: var(--color_fondo_pie);
  color: white;
}
footer .centrado {
  width: 100%;
  max-width: var(--ancho_maximo);
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 0px auto;
  grid-template-columns: repeat(2, auto);
  -ms-grid-rows: 1fr 0px 1fr;
  grid-template-rows: repeat(2, 1fr);
  gap: 0px;
}
footer .centrado > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
footer .centrado > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
footer .centrado > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
footer .centrado > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
@media only screen and (max-width: 1250px) {
  footer .centrado {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 550px) {
  footer .centrado {
    padding-left: 10px;
    padding-right: 10px;
    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 svg {
  -ms-grid-row-span: 3;
  grid-row: span 3/span 3;
  width: 75px;
  fill: var(--color_logo_footer);
}
@media only screen and (max-width: 550px) {
  footer .centrado svg {
    margin-left: auto;
    margin-right: auto;
  }
}
footer .centrado svg .st1, footer .centrado svg .st0 {
  stroke: var(--color_logo_footer);
}
footer .centrado svg .st0 {
  stroke-linecap: round;
  stroke-linejoin: round;
}
footer .centrado svg .st0, footer .centrado svg .st1 {
  fill: none;
  stroke-width: 3px;
}
footer .centrado svg .st3 {
  isolation: isolate;
}
footer .centrado svg .st1 {
  stroke-miterlimit: 10;
}
@media only screen and (max-width: 550px) {
  footer .centrado ul:first-of-type {
    display: none;
  }
}
footer .centrado ul:first-of-type li a {
  font-size: 24px;
}
footer .centrado ul:last-of-type {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
footer .centrado ul:last-of-type li a {
  font-size: 18px;
}
footer .centrado .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0px;
}
@media only screen and (max-width: 550px) {
  footer .centrado .social {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
footer .centrado .social ul li a svg {
  width: 40px;
}
footer .centrado .social span, footer .centrado .social a {
  color: white;
  text-decoration: none;
  font-size: 18px;
}
footer .centrado .social span:focus, footer .centrado .social a:focus {
  outline-color: var(--main_rojo);
  outline-width: 3px;
  outline-style: solid;
  outline-offset: 4px;
  background-color: var(--main_rojo);
}
footer .centrado .social span {
  padding-left: 20px;
  padding-right: 5px;
}
footer .centrado .menu-cierre {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
footer .centrado ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  list-style: none;
  margin: 0px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
@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;
    padding-bottom: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (max-width: 550px) {
  footer .centrado ul li {
    padding-left: 0px;
    padding-right: 0px;
  }
}
footer .centrado ul li:first {
  padding-left: 0px;
}
footer .centrado ul li:last-of-type {
  padding-right: 0px;
}
footer .centrado ul li a {
  color: var(--color_enlaces_pie);
  text-decoration: none;
}
footer .centrado ul li a:focus {
  outline-color: var(--main_rojo);
  outline-width: 3px;
  outline-style: solid;
  outline-offset: 4px;
  background-color: var(--main_rojo);
  display: block;
}

.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 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: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  border: 0px;
}
form input:not([type=checkbox]):focus,
form textarea:focus {
  background-color: var(--verde);
}
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(--negro);
  color: var(--blanco);
  border-radius: 5px;
  cursor: pointer;
}
form a {
  color: var(--color_principal);
}
form a:focus {
  top: 10px;
  opacity: 1;
  outline-color: var(--main_rojo);
  outline-width: 3px;
  outline-style: solid;
  outline-offset: 4px;
}
form .wpcf7-form-control-wrap {
  position: relative;
  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;
  padding-top: 20px;
  padding-bottom: 20px;
}
.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%;
}
@media only screen and (max-width: 550px) {
  .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;
  }
}
.wpcf7.no-js p > label {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/2/2;
}
.wpcf7.no-js p > input {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 1/2/2/3;
}
.wpcf7.no-js p span {
  width: 100%;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 2/1/3/2;
}
.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(--negro);
  -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(--azul_aliot);
}
.wpcf7.no-js p .wpcf7-form-control-wrap .wpcf7-list-item label a {
  color: var(--negro);
}
.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(--azul_aliot);
}
.wpcf7.no-js p label input:not([type=checkbox]), .wpcf7.no-js p label textarea {
  width: 100%;
  background-color: transparent;
  border: 0px;
  border: 1px solid var(--negro);
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  border-radius: 10px;
  font-size: 25px;
  font-weight: 300;
  color: var(--negro);
}
.wpcf7.no-js p label input:not([type=checkbox])::-webkit-input-placeholder, .wpcf7.no-js p label textarea::-webkit-input-placeholder {
  color: var(--negro);
  opacity: 1;
}
.wpcf7.no-js p label input:not([type=checkbox])::-moz-placeholder, .wpcf7.no-js p label textarea::-moz-placeholder {
  color: var(--negro);
  opacity: 1;
}
.wpcf7.no-js p label input:not([type=checkbox]):-ms-input-placeholder, .wpcf7.no-js p label textarea:-ms-input-placeholder {
  color: var(--negro);
  opacity: 1;
}
.wpcf7.no-js p label input:not([type=checkbox])::-ms-input-placeholder, .wpcf7.no-js p label textarea::-ms-input-placeholder {
  color: var(--negro);
  opacity: 1;
}
.wpcf7.no-js p label input:not([type=checkbox])::placeholder, .wpcf7.no-js p label textarea::placeholder {
  color: var(--negro);
  opacity: 1;
}
.wpcf7.no-js p label input:not([type=checkbox]):-ms-input-placeholder, .wpcf7.no-js p label textarea:-ms-input-placeholder {
  color: var(--negro);
}
.wpcf7.no-js p label input:not([type=checkbox])::-ms-input-placeholder, .wpcf7.no-js p label textarea::-ms-input-placeholder {
  color: var(--negro);
}
.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(--familia);
  text-decoration: none;
  background-color: var(--negro);
  border: 1px solid var(--negro);
  border-radius: 10px;
  padding-left: 25px;
  padding-right: 25px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  margin-top: 0px;
}
.wpcf7.no-js p .wpcf7-submit:hover {
  background-color: var(--verde);
  color: var(--color_blanco_siempre);
}

/*

	VARIABLES


*/
.home .wrapper main {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /**/
  /**/
}
.home .wrapper main #intro {
  min-height: 101vh;
  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;
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #intro {
    padding-bottom: 25px;
  }
}
.home .wrapper main #intro > picture, .home .wrapper main #intro > img {
  width: 100vw;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  -o-object-position: center center;
     object-position: center center;
  bottom: 0%;
  left: 0%;
  top: 0%;
  right: 0%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.home .wrapper main #intro > picture img, .home .wrapper main #intro > img img {
  width: 100vw;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  position: absolute;
  bottom: 0%;
  left: 0%;
  top: 0%;
  right: 0%;
}
.home .wrapper main #intro.clip {
  clip-path: inset(0% 0% 0% 0% round 0px);
  position: relative;
}
.home .wrapper main #intro.clip .tarjeta {
  background-color: var(--color_negro_siempre);
  color: var(--color_blanco_siempre);
  padding: 20px;
  font-weight: 700;
  border-radius: 10px;
  border: 1px solid var(--negro);
  font-family: var(--titulares);
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 20%;
  z-index: 2;
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #intro.clip .tarjeta {
    top: -210px;
    width: 100%;
    left: 0px;
  }
}
.home .wrapper main #intro.clip .tarjeta p {
  padding-bottom: 10px;
}
.home .wrapper main #intro.clip .tarjeta p strong {
  display: block;
  font-weight: 700;
}
.home .wrapper main #intro.clip .tarjeta p span {
  display: block;
  font-weight: 700;
}
.home .wrapper main #intro.clip .tarjeta p:last-child {
  padding-bottom: 0px;
}
.home .wrapper main #intro.clip svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  fill: var(--verde);
  z-index: 2;
  cursor: pointer;
}
.home .wrapper main #intro.clip > picture, .home .wrapper main #intro.clip > img {
  z-index: 1;
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #intro {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    overflow: hidden;
  }
}
.home .wrapper main #intro .conjunto {
  width: 50%;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #intro .conjunto {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.home .wrapper main #intro .conjunto .caja {
  background-color: var(--color_fondo_caja);
  position: relative;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 2px solid var(--color_borde_caja);
  border-left: 0px;
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #intro .conjunto .caja {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 2px solid var(--color_borde_caja);
    overflow: visible;
  }
}
.home .wrapper main #intro .conjunto .caja .tarjeta {
  background-color: var(--color_fondo_tarjeta);
  color: var(--color_texto_tarjeta);
  padding: 20px;
  font-weight: 700;
  border-radius: 10px;
  border: 1px solid var(--negro);
  font-family: var(--titulares);
  font-weight: 700;
  position: absolute;
  bottom: 15%;
  right: 25%;
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #intro .conjunto .caja .tarjeta {
    top: -190px;
    bottom: initial;
    width: 100%;
    left: 0px;
  }
}
.home .wrapper main #intro .conjunto .caja .tarjeta p {
  padding-bottom: 10px;
}
.home .wrapper main #intro .conjunto .caja .tarjeta p strong {
  display: block;
  font-weight: 700;
}
.home .wrapper main #intro .conjunto .caja .tarjeta p span {
  display: block;
  font-weight: 700;
}
.home .wrapper main #intro .conjunto .caja .tarjeta p:last-child {
  padding-bottom: 0px;
}
.home .wrapper main #intro .conjunto .caja img {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #intro .conjunto .caja img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 0px solid var(--negro);
  }
}
.home .wrapper main #intro .conjunto .caja svg {
  position: absolute;
  bottom: 20%;
  right: 30%;
  width: 80px;
  fill: var(--verde);
}
.home .wrapper main #intro .centrado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: calc(var(--ancho_maximo) / 2);
  padding: 50px;
  padding-top: 150px;
  padding-bottom: 50px;
  position: relative;
  z-index: 2;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 1250px) {
  .home .wrapper main #intro .centrado {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #intro .centrado {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 100px;
    padding-bottom: 200px;
  }
}
.home .wrapper main #intro .centrado h1 {
  font-family: var(--titulares);
  font-size: var(--titular_h1_intro_home);
  color: var(--color_titular_h1_intro_home);
  padding-bottom: 15px;
  font-weight: 700;
  opacity: 0;
  line-height: 1em;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.home .wrapper main #intro .centrado h1 strong {
  display: block;
  font-weight: 700;
}
.home .wrapper main #intro .centrado h2 {
  font-size: var(--titular_h2);
  color: var(--color_titular_h2_intro_home);
  line-height: 1em;
  padding-bottom: 15px;
}
.home .wrapper main #intro .centrado p {
  padding-bottom: 25px;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.home .wrapper main #intro .centrado p:last-of-type {
  padding-bottom: 0px;
}
.home .wrapper main #reformas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 2;
  position: relative;
  background-color: var(--main_gris_claro);
  border-top: 2px solid var(--main_rojo);
  border-bottom: 2px solid var(--main_rojo);
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #reformas {
    border-top: 0px solid var(--negro);
  }
}
.home .wrapper main #reformas .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: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: var(--ancho_maximo);
  position: relative;
  z-index: 2;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 1250px) {
  .home .wrapper main #reformas .centrado {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #reformas .centrado {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.home .wrapper main #reformas .centrado .panel {
  padding-top: 100px;
  padding-bottom: 100px;
  max-width: 50%;
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #reformas .centrado .panel {
    padding-top: 50px;
    padding-bottom: 50px;
    max-width: 100%;
  }
}
.home .wrapper main #reformas .centrado .panel h2 {
  padding-bottom: 15px;
  font-size: var(--titular_h1);
  font-family: var(--titulares);
  color: var(--color_titular_h1_intro_home);
  line-height: 1em;
  font-weight: 700;
  text-transform: initial;
}
.home .wrapper main #reformas .centrado .panel p {
  padding-bottom: 25px;
}
.home .wrapper main #reformas .centrado .panel p strong {
  color: var(--verde);
  font-weight: 400;
}
.home .wrapper main #reformas .centrado .panel a {
  color: var(--blanco);
  width: 100%;
  max-width: 350px;
  border-radius: 10px;
  border: 1px solid var(--main_gris);
  background-color: var(--main_rojo);
  padding: 5px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 50px;
  padding-left: 100px;
  text-decoration: none;
  font-weight: 700;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #reformas .centrado .panel a {
    max-width: 100%;
  }
}
.home .wrapper main #reformas .centrado .panel a svg {
  position: absolute;
  height: calc(100% - 20px);
  fill: var(--blanco);
  top: 10px;
  left: 20px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.home .wrapper main #reformas .centrado .panel a:focus {
  outline-color: var(--negro);
  outline-width: 3px;
  outline-style: solid;
  outline-offset: 4px;
  background-color: var(--negro);
}
.home .wrapper main #reformas .centrado .panel a:hover {
  background-color: var(--main_azul);
  color: var(--blanco);
}
.home .wrapper main #reformas .centrado .panel a:hover svg {
  fill: var(--blanco);
}
.home .wrapper main #reformas .centrado img {
  width: 45%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 20px;
  margin-bottom: 100px;
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #reformas .centrado img {
    width: 100%;
  }
}
.home .wrapper main #servicios {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  position: relative;
  padding-bottom: 100px;
  padding-top: 100px;
  background-color: var(--blanco);
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #servicios {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.home .wrapper main #servicios svg {
  position: relative;
  z-index: 2;
  position: absolute;
  height: 80vh;
  top: calc(50% - 40vh);
  left: -20vw;
  opacity: 0.1;
}
.home .wrapper main #servicios svg .st0 {
  stroke-linecap: round;
  stroke-linejoin: round;
}
.home .wrapper main #servicios svg .st0, .home .wrapper main #servicios svg .st1 {
  fill: none;
  stroke-width: 3px;
}
.home .wrapper main #servicios svg .st1 {
  stroke-miterlimit: 10;
}
.home .wrapper main #servicios .centrado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: calc(var(--ancho_maximo));
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1250px) {
  .home .wrapper main #servicios .centrado {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #servicios .centrado {
    margin-left: 0%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #servicios .centrado {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.home .wrapper main #servicios .centrado h2 {
  font-size: var(--titular_h1);
  font-family: var(--titulares);
  color: var(--color_titular_h1);
  font-weight: 700;
}
.home .wrapper main #servicios .centrado .servicios {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
}
.home .wrapper main #servicios .centrado .servicios ul {
  list-style-type: none;
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #servicios .centrado .servicios ul {
    display: none;
  }
}
.home .wrapper main #servicios .centrado .servicios ul li {
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  text-align: right;
  font-size: 22px;
  padding: 15px;
  cursor: pointer;
  font-weight: 700;
  border-bottom: 1px solid var(--negro);
  color: var(--color_titular_h1);
}
.home .wrapper main #servicios .centrado .servicios ul li:not(.active) {
  border-right: 1px solid var(--negro);
  border-bottom: 1px solid var(--negro);
  font-weight: 400;
}
.home .wrapper main #servicios .centrado .servicios ul li:not(.active) a {
  color: var(--negro);
}
.home .wrapper main #servicios .centrado .servicios ul li:last-child {
  border-bottom: 0px solid var(--negro);
}
.home .wrapper main #servicios .centrado .servicios ul li a {
  text-decoration: none;
  color: var(--color_titular_h1);
}
.home .wrapper main #servicios .centrado .servicios ul li a:focus {
  outline-color: var(--main_rojo);
  outline-width: 3px;
  outline-style: solid;
  outline-offset: 4px;
  background-color: var(--main_rojo);
  color: var(--blanco);
}
.home .wrapper main #servicios article {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px 20px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: none;
  padding-top: 130px;
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #servicios article {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0px;
    padding-top: 50px;
    padding-bottom: 20px;
  }
}
.home .wrapper main #servicios article div {
  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;
  gap: 40px;
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #servicios article div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.home .wrapper main #servicios article:last-child {
  border-bottom: 0px;
}
.home .wrapper main #servicios article h3 {
  font-size: var(--titular_h1);
  font-family: var(--titulares);
  color: var(--color_titular_h1);
  font-weight: 700;
  line-height: 1em;
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #servicios article h3 {
    font-size: 35px;
  }
}
.home .wrapper main #servicios article p:first-of-type {
  padding-top: 20px;
  padding-bottom: 20px;
}
.home .wrapper main #servicios article p.fullwidth {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
}
.home .wrapper main #servicios article img {
  width: 100%;
  max-width: 400px;
  margin-top: 20px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 15px;
}
.home .wrapper main #planes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  position: relative;
  padding-bottom: 100px;
  padding-top: 100px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #planes {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.home .wrapper main #planes svg {
  position: relative;
  z-index: 2;
  position: absolute;
  height: 80vh;
  top: calc(50% - 40vh);
  left: -20vw;
  opacity: 0.1;
}
.home .wrapper main #planes svg .st0 {
  stroke-linecap: round;
  stroke-linejoin: round;
}
.home .wrapper main #planes svg .st0, .home .wrapper main #planes svg .st1 {
  fill: none;
  stroke-width: 3px;
}
.home .wrapper main #planes svg .st1 {
  stroke-miterlimit: 10;
}
.home .wrapper main #planes .centrado {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: calc(var(--ancho_maximo));
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1250px) {
  .home .wrapper main #planes .centrado {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #planes .centrado {
    margin-left: 0%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #planes .centrado {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.home .wrapper main #planes .centrado h2 {
  font-size: var(--titular_h1);
  font-family: var(--titulares);
  font-weight: 700;
}
.home .wrapper main #planes .centrado .servicios {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #planes .centrado .servicios {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.home .wrapper main #planes .centrado .servicios .plan {
  border-radius: 10px;
  border: 2px solid var(--main_gris);
  padding: 0px;
  padding-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.home .wrapper main #planes .centrado .servicios .plan img {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  width: 100%;
  margin-bottom: 20px;
}
.home .wrapper main #planes .centrado .servicios .plan h3 {
  font-weight: 30px;
  padding-left: 20px;
  padding-right: 20px;
}
.home .wrapper main #planes .centrado .servicios .plan h4 {
  font-size: 25px;
  padding-left: 20px;
  padding-right: 20px;
}
.home .wrapper main #planes .centrado .servicios .plan p {
  padding-left: 20px;
  padding-right: 20px;
}
.home .wrapper main #planes .centrado .servicios .plan ul {
  margin-left: 40px;
  margin-right: 40px;
}
.home .wrapper main #planes .centrado .servicios .plan ul li {
  padding-bottom: 10px;
}
.home .wrapper main #planes .centrado .servicios .plan ul li:last-child {
  padding-bottom: 0px;
}
.home .wrapper main #planes .centrado .servicios h4 {
  padding-top: 20px;
}
.home .wrapper main #planes .centrado .servicios ul {
  padding-top: 20px;
}
.home .wrapper main #planes article {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px 20px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: none;
  padding-top: 130px;
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #planes article {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0px;
    padding-top: 50px;
    padding-bottom: 20px;
  }
}
.home .wrapper main #planes article:last-child {
  border-bottom: 0px;
}
.home .wrapper main #planes article h3 {
  font-size: var(--titular_h1);
  font-family: var(--titulares);
  font-weight: 700;
  line-height: 1em;
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #planes article h3 {
    font-size: 35px;
  }
}
.home .wrapper main #planes article p:first-of-type {
  padding-top: 20px;
  padding-bottom: 20px;
}
.home .wrapper main .galeria {
  padding-bottom: 100px;
  padding-top: 100px;
}
.home .wrapper main .galeria .centrado {
  width: 100%;
  max-width: var(--ancho_maximo);
  margin-left: auto;
  margin-right: auto;
  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;
  color: var(--negro);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
@media only screen and (max-width: 1250px) {
  .home .wrapper main .galeria .centrado {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 550px) {
  .home .wrapper main .galeria .centrado {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 25px;
  }
}
.home .wrapper main .galeria .centrado .array_galeria .owl-dots {
  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;
  width: 100%;
  gap: 10px;
  position: absolute;
  bottom: -40px;
}
.home .wrapper main .galeria .centrado .array_galeria .array_item a img {
  height: 100%;
  max-height: 500px;
  border-radius: 15px;
}
.home .wrapper main .galeria .centrado .array_galeria .owl-dot {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 0px;
  background-color: var(--main_rojo);
  opacity: 0.5;
  cursor: pointer;
}
.home .wrapper main .galeria .centrado .array_galeria .owl-dot.active {
  opacity: 1;
}
.home .wrapper main .galeria .centrado .array_galeria .owl-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.home .wrapper main .galeria .centrado .array_galeria .owl-nav button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background-color: var(--main_rojo);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  align-items: center;
  position: absolute;
  top: calc(50% - 20px);
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border: 0px;
  cursor: pointer;
  border: 2px solid white;
}
.home .wrapper main .galeria .centrado .array_galeria .owl-nav button.disabled {
  opacity: 0.5;
}
.home .wrapper main .galeria .centrado .array_galeria .owl-nav .owl-prev {
  left: 10px;
}
.home .wrapper main .galeria .centrado .array_galeria .owl-nav .owl-next {
  right: 10px;
}
.home .wrapper main .galeria .centrado .array_galeria .owl-nav .owl-next span {
  margin-left: 5px;
}
.home .wrapper main .galeria .centrado .array_galeria .owl-nav button span {
  width: 100%;
  height: 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;
  color: white;
  font-size: 40px;
  margin-top: -5px;
}
.home .wrapper main #responde {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 100px;
  padding-top: 100px;
  border-top: 2px solid var(--negro);
  border-bottom: 2px solid white;
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #responde {
    padding-bottom: 50px;
    padding-top: 50px;
  }
}
.home .wrapper main #responde .centrado {
  width: 100%;
  max-width: var(--ancho_maximo);
  margin-left: auto;
  margin-right: auto;
  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;
  color: var(--negro);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
@media only screen and (max-width: 1250px) {
  .home .wrapper main #responde .centrado {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #responde .centrado {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 25px;
  }
}
.home .wrapper main #responde .centrado time {
  color: var(--negro);
  text-transform: uppercase;
}
.home .wrapper main #responde .centrado a {
  color: var(--negro);
  text-transform: uppercase;
}
.home .wrapper main #responde .centrado a:focus {
  top: 10px;
  opacity: 1;
  outline-color: var(--main_rojo);
  outline-width: 3px;
  outline-style: solid;
  outline-offset: 4px;
}
.home .wrapper main .comentarios {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: var(--claro);
  padding-bottom: 100px;
  padding-top: 100px;
  border-top: 2px solid var(--negro);
  border-bottom: 2px solid white;
}
@media only screen and (max-width: 550px) {
  .home .wrapper main .comentarios {
    padding-bottom: 50px;
    padding-top: 50px;
  }
}
.home .wrapper main .comentarios .centrado {
  width: 100%;
  max-width: var(--ancho_maximo);
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: var(--negro);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 1250px) {
  .home .wrapper main .comentarios .centrado {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 550px) {
  .home .wrapper main .comentarios .centrado {
    margin-left: 0%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 550px) {
  .home .wrapper main .comentarios .centrado {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.home .wrapper main .comentarios .centrado h2 {
  padding-bottom: 50px;
}
.home .wrapper main .comentarios .centrado .owl-dots {
  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;
  width: 100%;
  gap: 10px;
  position: absolute;
  bottom: -40px;
}
.home .wrapper main .comentarios .centrado .owl-dot {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 0px;
  background-color: var(--main_rojo);
  opacity: 0.5;
  cursor: pointer;
}
.home .wrapper main .comentarios .centrado .owl-dot.active {
  opacity: 1;
}
.home .wrapper main .comentarios .centrado .owl-item {
  padding: 5px;
}
.home .wrapper main .comentarios .centrado .owl-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.home .wrapper main .comentarios .centrado .owl-nav.disabled {
  display: none;
}
.home .wrapper main .comentarios .centrado .owl-nav button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background-color: var(--main_rojo);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  align-items: center;
  position: absolute;
  top: calc(50% - 20px);
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border: 0px;
  cursor: pointer;
  border: 2px solid white;
}
.home .wrapper main .comentarios .centrado .owl-nav button.disabled {
  opacity: 0.5;
}
.home .wrapper main .comentarios .centrado .owl-nav .owl-prev {
  left: 10px;
}
.home .wrapper main .comentarios .centrado .owl-nav .owl-next {
  right: 10px;
}
.home .wrapper main .comentarios .centrado .owl-nav .owl-next span {
  margin-left: 5px;
}
.home .wrapper main .comentarios .centrado .owl-nav button span {
  width: 100%;
  height: 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;
  color: white;
  font-size: 40px;
  margin-top: -5px;
}
.home .wrapper main .comentarios .centrado .item_comentario {
  background-color: white;
  border-radius: 10px;
  padding: 40px 20px;
  -webkit-box-shadow: inset 0 0 0 1px black;
          box-shadow: inset 0 0 0 1px black;
}
.home .wrapper main .comentarios .centrado .item_comentario .comment {
  display: -webkit-box;
  -webkit-line-clamp: 10; /* Número de líneas visibles */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.home .wrapper main .comentarios .centrado .item_comentario .fecha {
  text-transform: capitalize;
}
.home .wrapper main .comentarios .centrado .item_comentario .autor {
  font-weight: 700;
  padding-top: 10px;
}
.home .wrapper main #contacto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: var(--claro);
  padding-bottom: 100px;
  padding-top: 100px;
  border-top: 2px solid var(--negro);
  border-bottom: 2px solid white;
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #contacto {
    padding-bottom: 50px;
    padding-top: 50px;
  }
}
.home .wrapper main #contacto .centrado {
  width: 100%;
  max-width: var(--ancho_maximo);
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: var(--negro);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 1250px) {
  .home .wrapper main #contacto .centrado {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #contacto .centrado {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 25px;
  }
}
.home .wrapper main #contacto .centrado h2 {
  width: 100%;
  font-size: var(--titular_h1);
  font-family: var(--titulares);
  font-weight: 700;
}
.home .wrapper main #contacto .centrado div {
  width: 100%;
  max-width: 50%;
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #contacto .centrado div {
    max-width: 100%;
  }
}
.home .wrapper main #contacto .centrado div p strong {
  font-weight: 700;
}
.home .wrapper main #contacto .centrado div p span {
  display: block;
}
.home .wrapper main #contacto .centrado div:last-of-type {
  width: 100%;
  max-width: 350px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #contacto .centrado div:last-of-type {
    max-width: 100%;
  }
}
.home .wrapper main #contacto .centrado div:last-of-type dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.home .wrapper main #contacto .centrado div:last-of-type dl dt {
  width: 50%;
  padding-top: 10px;
}
.home .wrapper main #contacto .centrado div:last-of-type dl dd {
  width: 50%;
  padding-top: 10px;
  text-align: right;
}
.home .wrapper main #contacto .centrado div:last-of-type dl dd strong {
  display: block;
  font-weight: 400;
}
.home .wrapper main #contacto .centrado div:last-of-type a {
  width: 100%;
  max-width: 350px;
  border-radius: 10px;
  border: 1px solid var(--color_blanco_siempre);
  background-color: var(--fondo_pie);
  padding: 5px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 50px;
  padding-left: 100px;
  text-decoration: none;
  font-weight: 700;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #contacto .centrado div:last-of-type a {
    max-width: 100%;
    margin-top: 25px;
  }
}
.home .wrapper main #contacto .centrado div:last-of-type a span {
  display: block;
}
.home .wrapper main #contacto .centrado div:last-of-type a svg {
  position: absolute;
  height: calc(100% - 20px);
  fill: var(--color_svg);
  top: 10px;
  left: 20px;
}
.home .wrapper main #contacto .centrado div:last-of-type a:focus {
  outline-color: var(--main_rojo);
  outline-width: 3px;
  outline-style: solid;
  outline-offset: 4px;
  background-color: var(--main_rojo);
}
.home .wrapper main #contacto .centrado div .precio {
  width: 100%;
  max-width: 350px;
  border-radius: 10px;
  border: 1px solid var(--color_blanco_siempre);
  background-color: var(--fondo_pie);
  padding: 5px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 50px;
}
@media only screen and (max-width: 550px) {
  .home .wrapper main #contacto .centrado div .precio {
    max-width: 100%;
    margin-top: 25px;
  }
}
.home .wrapper main #contacto .centrado div .precio span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
}
.home .wrapper main #contacto .centrado div .precio span:first-of-type {
  font-size: 25px;
  max-width: 100px;
}
.home .wrapper main #contacto .centrado div .precio span:last-of-type {
  font-size: 50px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.home .wrapper main #contacto .centrado div .precio span:last-of-type strong {
  font-size: 25px;
}
.home .wrapper main #contacto .centrado h2 {
  padding-bottom: 15px;
}
.home .wrapper main #contacto .centrado a {
  padding-bottom: 10px;
  color: var(--color_blanco_siempre);
}

.home .wrapper header {
  opacity: 0;
}
.home .wrapper main #intro .conjunto {
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0.2s;
  transition: all 0.4s ease-in-out 0.2s;
}
.home .wrapper main #intro .centrado {
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0.4s;
  transition: all 0.4s ease-in-out 0.4s;
}
.home .wrapper main #intro > picture, .home .wrapper main #intro > img {
  opacity: 1;
}
.home .wrapper aside {
  bottom: -20vh;
}

.aurrera.home .wrapper header {
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.aurrera.home .wrapper main #intro .conjunto {
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out 0.6s;
  transition: all 0.4s ease-in-out 0.6s;
}
.aurrera.home .wrapper main #intro .centrado {
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out 0.8s;
  transition: all 0.4s ease-in-out 0.8s;
}
.aurrera.home .wrapper main #intro > picture, .aurrera.home .wrapper main #intro > img {
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0.4s;
  transition: all 0.4s ease-in-out 0.4s;
}
.aurrera.home .wrapper main #intro.clip {
  -webkit-transition: all 1s ease-in-out 0.5s;
  transition: all 1s ease-in-out 0.5s;
  clip-path: inset(35% 50% 35% 0% round 0px 20px 20px 0px);
}
.aurrera.home .wrapper main #intro.clip.activo {
  clip-path: inset(0% 0% 0% 0% round 0px);
  position: relative;
}
.aurrera.home .wrapper main #intro.clip > picture, .aurrera.home .wrapper main #intro.clip > img {
  opacity: 1;
}
.aurrera.home .wrapper aside {
  -webkit-transition: all 0.8s ease-in-out 0.8s;
  transition: all 0.8s ease-in-out 0.8s;
}

/*

	VARIABLES
	--color_fondo_footer

*/
.single main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}
.single 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;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  padding-top: 150px;
  padding-bottom: 150px;
  width: 100%;
  max-width: var(--ancho_maximo);
  margin-left: auto;
  margin-right: auto;
}
.single main .centrado:has(section) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media only screen and (max-width: 550px) {
  .single main .centrado:has(section) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 50px;
  }
}
.single main .centrado:has(section) section {
  max-width: 400px;
}
@media only screen and (max-width: 550px) {
  .single main .centrado:has(section) section {
    max-width: 100%;
    margin-top: 20px;
  }
}
.single main .centrado:has(section) section h3 {
  margin-bottom: 10px;
}
.single main .centrado:has(section) section ul {
  list-style: none;
}
.single main .centrado:has(section) section ul li {
  border-top: 2px solid var(--negro);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 10px;
  padding-bottom: 10px;
}
.single main .centrado:has(section) section ul li time {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
}
.single main .centrado:has(section) section ul li a {
  color: var(--negro);
  text-decoration: none;
  font-size: 23px;
}
.single main .centrado:has(section) section ul li a:focus {
  top: 10px;
  opacity: 1;
  outline-color: var(--main_rojo);
  outline-width: 3px;
  outline-style: solid;
  outline-offset: 4px;
}
.single main .centrado:has(section) section ul li a:hover {
  text-decoration: underline;
}
.single main .centrado article {
  width: 100%;
  height: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 25px;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media only screen and (max-width: 550px) {
  .single main .centrado article {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0px;
  }
}
.single main .centrado article h1, .single main .centrado article h2 {
  line-height: 1.2em;
}
.single main .centrado article ul, .single main .centrado article ol {
  margin-left: 20px;
}
.single main .centrado article ul li, .single main .centrado article ol li {
  padding-bottom: 5px;
}
.single main .centrado article nav {
  border-top: 1px solid var(--negro);
  margin-top: 20px;
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 550px) {
  .single main .centrado article nav {
    border-top: 0px solid var(--negro);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px;
    background-color: var(--claro);
    border-radius: 20px;
  }
}
.single main .centrado article nav div {
  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;
}
.single main .centrado article nav div time {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
}
.single main .centrado article nav div a {
  color: var(--negro);
  text-decoration: none;
  font-size: 23px;
}
.single main .centrado article nav div a:focus {
  top: 10px;
  opacity: 1;
  outline-color: var(--main_rojo);
  outline-width: 3px;
  outline-style: solid;
  outline-offset: 4px;
}
.single main .centrado article nav div a:hover {
  text-decoration: underline;
}

/*

	VARIABLES
	--color_fondo_footer

*/
.blog main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}
.blog 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;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  padding-top: 150px;
  padding-bottom: 150px;
  width: 100%;
  max-width: var(--ancho_maximo);
  margin-left: auto;
  margin-right: auto;
}
.blog main .centrado:has(section) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media only screen and (max-width: 550px) {
  .blog main .centrado:has(section) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 50px;
  }
}
.blog main .centrado:has(section) section {
  max-width: 400px;
}
@media only screen and (max-width: 550px) {
  .blog main .centrado:has(section) section {
    max-width: 100%;
    margin-top: 20px;
  }
}
.blog main .centrado:has(section) section h3 {
  margin-bottom: 10px;
}
.blog main .centrado:has(section) section ul {
  list-style: none;
}
.blog main .centrado:has(section) section ul li {
  border-top: 2px solid var(--negro);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 10px;
  padding-bottom: 10px;
}
.blog main .centrado:has(section) section ul li time {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
}
.blog main .centrado:has(section) section ul li a {
  color: var(--negro);
  text-decoration: none;
  font-size: 23px;
}
.blog main .centrado:has(section) section ul li a:hover {
  text-decoration: underline;
}
.blog main .centrado:has(section) section ul li a:focus {
  outline-color: var(--main_rojo);
  outline-width: 3px;
  outline-style: solid;
  outline-offset: 4px;
  background-color: var(--main_rojo);
}
.blog main .centrado h1 {
  line-height: 1em;
}
.blog main .centrado article {
  width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 0px;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  margin-top: 50px;
  border-bottom: 2px solid var(--negro);
  padding-bottom: 50px;
}
@media only screen and (max-width: 550px) {
  .blog main .centrado article {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0px;
    padding-bottom: 50px;
  }
}
.blog main .centrado article:last-of-type {
  border-bottom: 0px solid var(--negro);
  padding-bottom: 0px;
}
.blog main .centrado article time {
  font-weight: bold;
}
.blog main .centrado article a {
  color: var(--negro);
}
.blog main .centrado article a:focus {
  top: 10px;
  opacity: 1;
  outline-color: var(--main_rojo);
  outline-width: 3px;
  outline-style: solid;
  outline-offset: 4px;
}
.blog main .centrado article > a:last-child {
  text-transform: uppercase;
}
.blog main .centrado article h1, .blog main .centrado article h2 {
  line-height: 1.2em;
}
.blog main .centrado article ul, .blog main .centrado article ol {
  margin-left: 20px;
}
.blog main .centrado article nav {
  border-top: 1px solid var(--negro);
  margin-top: 20px;
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 550px) {
  .blog main .centrado article nav {
    border-top: 0px solid var(--negro);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px;
    background-color: var(--claro);
    border-radius: 20px;
  }
}
.blog main .centrado article nav div {
  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;
}
.blog main .centrado article nav div time {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: bold;
}
.blog main .centrado article nav div a {
  color: var(--negro);
  text-decoration: none;
  font-size: 23px;
}
.blog main .centrado article nav div a:hover {
  text-decoration: underline;
}
.blog main .centrado article nav div a:focus {
  top: 10px;
  opacity: 1;
  outline-color: var(--main_rojo);
  outline-width: 3px;
  outline-style: solid;
  outline-offset: 4px;
}
.blog main .centrado .pagination .navigation h2 {
  padding-top: 25px;
}
.blog main .centrado .pagination .navigation .nav-links a {
  color: var(--negro);
}

/*

	VARIABLES
	--color_fondo_footer

*/
.error404 main {
  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;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.error404 main section a {
  color: var(--negro);
}

/*

	VARIABLES
	--color_fondo_footer




*/
.contacto-visible aside {
  bottom: -25vh;
}

.arriba .wrapper aside {
  bottom: -15vh;
}

.abajo .wrapper aside {
  bottom: 5vh;
}

aside {
  background-color: var(--color_fondo_aside);
  color: white;
  position: fixed;
  bottom: 5vh;
  width: 80%;
  left: 10%;
  right: 10%;
  z-index: 5;
  border-radius: 10px;
  padding: 10px 20px;
  overflow: hidden;
  border: 2px solid var(--color_textos_aside);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media only screen and (max-width: 550px) {
  aside {
    width: 90%;
    left: 5%;
    right: 5%;
  }
}
aside a {
  color: var(--color_textos_aside);
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  padding-left: 90px;
}
@media only screen and (max-width: 550px) {
  aside a {
    padding-left: 0px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 20px;
  }
}
aside a:focus {
  outline-color: var(--main_rojo);
  outline-width: 3px;
  outline-style: solid;
  outline-offset: 4px;
  background-color: var(--main_rojo);
}
aside a svg {
  fill: var(--color_textos_aside);
  position: absolute;
  top: 5%;
  left: 0px;
  height: 90%;
}
@media only screen and (max-width: 550px) {
  aside a svg {
    position: relative;
    height: 30px;
  }
}
aside a span {
  font-size: 25px;
  font-weight: 700;
}
aside a span strong {
  font-weight: 700;
  display: block;
}
@media only screen and (max-width: 550px) {
  aside a span:first-of-type {
    display: none;
  }
}
aside a span:last-child {
  font-size: 45px;
  font-weight: 700;
}
@media only screen and (max-width: 550px) {
  aside a span:last-child {
    font-size: 25px;
  }
}

.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_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;
  max-width: var(--ancho_maximo);
  padding-top: 100px;
  padding-bottom: 100px;
  margin: auto;
}
@media only screen and (max-width: 550px) {
  .legal main > .centrado {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 75px;
    padding-bottom: 50px;
  }
}
.legal main > .centrado h1 {
  font-weight: 400;
  font-size: var(--titular_h1);
  color: var(--color_titular_h1);
  padding-top: 20px;
}
.legal main > .centrado h2 {
  padding-top: 20px;
}
.legal main > .centrado h3 {
  padding-top: 20px;
}
.legal main > .centrado h4 {
  padding-top: 20px;
}
.legal main > .centrado p {
  padding-bottom: 10px;
}
.legal main > .centrado ul, .legal main > .centrado ol {
  margin-left: 25px;
}
.legal main > .centrado ul li, .legal main > .centrado ol li {
  padding-bottom: 5px;
}
.legal main > .centrado ul li ol, .legal main > .centrado ul li ul, .legal main > .centrado ol li ol, .legal main > .centrado ol li ul {
  margin-left: 25px;
  padding-top: 5px;
}
.legal main > .centrado ul li ol li, .legal main > .centrado ul li ul li, .legal main > .centrado ol li ol li, .legal main > .centrado ol li ul li {
  padding-bottom: 5px;
}

/*

	VARIABLES

	--color_fondo_alert
	--color_borde_alert

	--grosor_uno

*/
.alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  z-index: 3;
  bottom: -75px;
  left: 0px;
  width: 100%;
  background-color: var(--verde);
  -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: black;
  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: black;
  margin-left: 20px;
}
.alert span {
  width: 33px;
  height: 33px;
  margin-right: 10px;
}
.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;
  width: 100%;
}

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

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

#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: 5px;
  border: 0px;
  text-transform: uppercase;
  font-size: 20px;
  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: 15px;
}

#gdpr-cookie-message label {
  cursor: pointer;
  font-size: 20px;
}

@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;
  }
}
@media print {
  * {
    opacity: 1 !important;
  }
  .aurrera aside {
    display: none !important;
  }
  .aurrera .wrapper header {
    position: relative !important;
    top: 0px !important;
  }
  .aurrera .wrapper header .centrado nav {
    display: none !important;
  }
  .aurrera.home .wrapper main #intro {
    min-height: initial !important;
  }
  .aurrera.home .wrapper main #intro > img {
    display: none !important;
  }
  .aurrera.home .wrapper main #intro .centrado {
    max-width: 100% !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .aurrera.home .wrapper main #intro .conjunto {
    display: none !important;
  }
  .aurrera.home .wrapper main #diego {
    border: 0px !important;
  }
  .aurrera.home .wrapper main #diego .centrado .panel {
    max-width: 100% !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .aurrera.home .wrapper main #diego .centrado .panel a {
    display: none !important;
  }
  .aurrera.home .wrapper main #diego .centrado img {
    display: none !important;
  }
  .aurrera.home .wrapper main #servicios {
    background-color: var(--color_blanco_siempre) !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .aurrera.home .wrapper main #servicios svg {
    display: none !important;
  }
  .aurrera.home .wrapper main #servicios .centrado .servicios ul {
    display: none !important;
  }
  .aurrera.home .wrapper main #servicios article {
    display: block !important;
    padding: 0px !important;
    margin-top: 20px !important;
  }
  .aurrera.home .wrapper main #contacto {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    background-color: var(--color_blanco_siempre) !important;
    border-top: 0px !important;
  }
  .aurrera.home .wrapper main #contacto .centrado {
    color: var(--color_negro_siempre) !important;
  }
  .home .wrapper main #contacto .centrado div {
    max-width: 100% !important;
  }
  .aurrera.home .wrapper main #contacto .centrado div .precio {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    background-color: var(--color_blanco_siempre) !important;
    border: 2px solid var(--color_negro_siempre) !important;
  }
  .aurrera.home .wrapper main #contacto .centrado div:last-of-type a {
    display: none !important;
  }
  .aurrera.home .wrapper main #contacto .centrado div:last-of-type dl dd strong {
    display: inline-block !important;
  }
  .aurrera footer {
    display: none !important;
    background-color: var(--color_blanco_siempre) !important;
  }
  .aurrera footer .centrado ul li a {
    color: var(--color_negro_siempre) !important;
  }
  .aurrera .cierre-menu-desplegable {
    display: none !important;
  }
  .aurrera .alert {
    display: none !important;
  }
  .aurrera .legal main > .centrado {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
  }
  #gdpr-cookie-message {
    display: none !important;
  }
}