@charset "UTF-8";
/*

  VARIABLES

*/
/*
Theme Name: LA BASE
Theme URI: https://www.loygorri.com/
Author: Gabriel García Loygorri
Author URI: https://wordpress.org
Description: Simpliest theme
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: SIMPLE

*/
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

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

hr {
  display: none;
}

:root, :root.light {
  --negro: #222222;
  --negro_siempre: #222222;
  --blanco: #FFFFFF;
  --blanco_siempre: #FFFFFF;
  --azul_enlace: #87bfff;
  --azul_claro: #e4edfd;
  --gris_claro: #999999;
  --ligero: #fafafa;
  --amarillo: #ffcc33;
  --ancho_maximo: 1200px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --negro: #FFFFFF;
    --negro_siempre: #222222;
    --blanco: #222222;
    --blanco_siempre: #FFFFFF;
    --azul_enlace: #87bfff;
    --azul_claro: #333333;
    --gris_claro: #999999;
    --ligero: #333333;
    --amarillo: #ffcc33;
  }
  :root .kit .kit_1 img, :root .kit .kit_2 img {
    -webkit-filter: invert(100%);
            filter: invert(100%);
  }
}
:root.dark {
  --negro: #FFFFFF;
  --negro_siempre: #222222;
  --blanco: #222222;
  --blanco_siempre: #FFFFFF;
  --azul_enlace: #87bfff;
  --azul_claro: #333333;
  --gris_claro: #999999;
  --ligero: #333333;
  --amarillo: #ffcc33;
}
:root.dark .kit .kit_1 img, :root.dark .kit .kit_2 img {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
  background-color: var(--blanco);
  color: var(--negro);
}
@media only screen and (max-width: 550px) {
  body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 2rem;
  }
}

/*

	VARIABLES

*/
#_x30_1,
#_x30_2,
#_x30_3,
#_x30_4,
#_x30_5 {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-animation: aparecer 0.8s ease-out forwards;
          animation: aparecer 0.8s ease-out forwards;
}

#_x30_1 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

#_x30_2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

#_x30_3 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

#_x30_4 {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

#_x30_5 {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

@-webkit-keyframes aparecer {
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes aparecer {
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
/*

	VARIABLES

*/
header {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media only screen and (max-width: 550px) {
  header {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
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;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 1240px) {
  header .centrado {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 550px) {
  header .centrado {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
header .centrado h1, header .centrado > a {
  padding-bottom: 0px;
}
header .centrado h1 span, header .centrado > a span {
  display: none;
}
header .centrado h1 svg, header .centrado > a svg {
  width: 200px;
}
header .centrado #icono_burguer {
  display: none;
  fill: var(--negro);
}
@media only screen and (max-width: 550px) {
  header .centrado #icono_burguer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
  }
}
header .centrado nav {
  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: 20px;
  padding-right: 0px;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}
@media only screen and (max-width: 550px) {
  header .centrado nav {
    padding: 0px;
  }
}
@media only screen and (max-width: 550px) {
  header .centrado nav {
    display: none;
  }
}
header .centrado nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  padding: 20px;
  padding-right: 0px;
}
@media only screen and (max-width: 550px) {
  header .centrado nav ul {
    padding: 0px;
  }
}
header .centrado nav ul > li {
  padding: 10px 15px;
  padding-bottom: 0px;
}
header .centrado nav ul > li:last-child {
  padding-right: 0px;
}
header .centrado nav ul > li a {
  color: var(--negro);
  text-decoration: none;
}
header .centrado nav ul > li ul {
  display: none;
}
@media only screen and (max-width: 550px) {
  .menu-activo .menu-principal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    z-index: 3;
    width: 100%;
    top: 0px;
    left: 0px;
    height: 100vh;
    background-color: black;
    color: white;
  }
  .menu-activo .menu-principal ul {
    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%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .menu-activo .menu-principal ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 3rem;
    color: white;
    width: 100%;
    text-align: center;
  }
  .menu-activo .menu-principal ul li ul {
    display: none;
  }
  .menu-activo .menu-principal ul li ul li a {
    font-size: 2rem;
  }
}
/*

	VARIABLES
	--color_fondo_footer

*/
.banner {
  position: relative;
  min-height: 60vh;
  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;
}
.banner .centrado {
  width: 100%;
  height: 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: stretch;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
  z-index: 2;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}
@media only screen and (max-width: 1240px) {
  .banner .centrado {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 550px) {
  .banner .centrado {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.banner .centrado h2 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  width: 100%;
  font-weight: 300;
  font-size: 7rem;
  color: var(--blanco_siempre);
  text-align: center;
}
@media only screen and (max-width: 550px) {
  .banner .centrado h2 {
    font-size: 4rem;
  }
}
@media only screen and (max-width: 550px) {
  .banner .centrado h2 br {
    display: none;
  }
}
.banner .centrado h2 span {
  display: block;
}
@media only screen and (max-width: 550px) {
  .banner .centrado h2 span {
    display: inline;
  }
}
.banner img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  z-index: 1;
}

.intro {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 50px;
  padding-bottom: 50px;
}
.intro .centrado {
  width: 100%;
  height: 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: stretch;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
  z-index: 2;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2rem 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
@media only screen and (max-width: 1240px) {
  .intro .centrado {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 550px) {
  .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;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.intro .centrado h2 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/span 2; /* Alto truco: que ocupe todas las filas posibles */
  -ms-grid-row-align: start;
      align-self: start;
  font-size: 4rem;
  font-weight: 400;
  width: 100%;
}
.intro .centrado h2 span {
  display: block;
}
.intro .centrado p {
  width: 100%;
  -ms-grid-column: 2;
  grid-column: 2;
  padding-bottom: 0px;
}

.las_terapias {
  position: relative;
  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;
  background-color: var(--negro_siempre);
  border-bottom: 1px solid var(--gris_claro);
}
.las_terapias .centrado {
  width: 100%;
  height: 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: stretch;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
  z-index: 2;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2rem 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 1240px) {
  .las_terapias .centrado {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 550px) {
  .las_terapias .centrado {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.las_terapias .centrado h2 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/span 2; /* Alto truco: que ocupe todas las filas posibles */
  -ms-grid-row-align: start;
      align-self: start;
  font-size: 2.5rem;
  font-weight: 400;
  width: 100%;
  color: var(--blanco_siempre);
  padding-bottom: 0px;
}
.las_terapias .centrado h2 span {
  display: block;
}
.las_terapias .centrado p {
  width: 100%;
  -ms-grid-column: 2;
  grid-column: 2;
  color: var(--gris_claro);
  padding-bottom: 0px;
}
.las_terapias .centrado p a {
  color: #87bfff;
  text-decoration: none;
}
.blog {
  position: relative;
  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;
  background-color: var(--azul_claro);
  border-bottom: 1px solid var(--negro);
}
.blog .centrado {
  width: 100%;
  height: 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: stretch;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
  z-index: 2;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2rem 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 1240px) {
  .blog .centrado {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 550px) {
  .blog .centrado {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.blog .centrado:first-child {
  padding-bottom: 0px;
}
.blog .centrado > h2 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/span 2; /* Alto truco: que ocupe todas las filas posibles */
  -ms-grid-row-align: start;
      align-self: start;
  font-size: 3rem;
  font-weight: 600;
  width: 100%;
  color: var(--negro);
}
.blog .centrado > h2 span {
  display: block;
}
.blog .centrado > p {
  width: 100%;
  -ms-grid-column: 2;
  grid-column: 2;
  color: var(--negro);
  padding-bottom: 0px;
}
.blog .centrado a {
  font-size: 2.5rem;
  font-weight: 400;
  padding-bottom: 0px;
  color: var(--negro);
  text-decoration: none;
}
.blog .centrado article {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 20px 1fr;
  grid-template-columns: auto 1fr;
  -ms-grid-rows: auto 10px 1fr;
  grid-template-rows: auto 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 10px;
}
.blog .centrado article > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.blog .centrado article > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.blog .centrado article > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.blog .centrado article > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
@media only screen and (max-width: 550px) {
  .blog .centrado article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 50px;
  }
}
.blog .centrado article h3 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 1/2/2/3;
  font-size: 2.5rem;
  font-weight: 600;
  padding-bottom: 0px;
}
.blog .centrado article h3 a {
  color: var(--negro);
  text-decoration: none;
}
.blog .centrado article h3 a:hover {
  text-decoration: none;
}
.blog .centrado article > a {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/3/2;
}
.blog .centrado article > a img, .blog .centrado article > a picture {
  max-width: 100%;
}
.blog .centrado article p {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 2/2/3/3;
}

.testimonios {
  position: relative;
  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;
}
.testimonios .centrado {
  width: 100%;
  height: 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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  justify-items: stretch;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
  z-index: 2;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 1240px) {
  .testimonios .centrado {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 550px) {
  .testimonios .centrado {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.testimonios .centrado .testimonio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 50px;
  gap: 5px;
}
.testimonios .centrado .testimonio h3 {
  width: 100%;
  text-align: center;
}
.testimonios .centrado .testimonio p {
  width: 100%;
  text-align: center;
}
.testimonios .centrado .testimonio svg {
  fill: var(--amarillo);
}
.testimonios .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;
}
.testimonios .centrado .owl-dot {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 0px;
  background-color: var(--azul_enlace);
  opacity: 0.5;
  cursor: pointer;
}
.testimonios .centrado .owl-dot.active {
  opacity: 1;
}
.testimonios .centrado .owl-item {
  padding: 5px;
}
.testimonios .centrado .owl-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.testimonios .centrado .owl-nav.disabled {
  display: none;
}
.testimonios .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: black;
  -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 var(--azul_enlace);
}
.testimonios .centrado .owl-nav button.disabled {
  opacity: 0.5;
}
.testimonios .centrado .owl-nav .owl-prev {
  left: 10px;
}
.testimonios .centrado .owl-nav .owl-next {
  right: 10px;
}
.testimonios .centrado .owl-nav .owl-next span {
  margin-left: 5px;
}
.testimonios .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;
  font-size: 40px;
  margin-top: -5px;
}

/*

	VARIABLES
	--color_fondo_footer

*/
.quien {
  position: relative;
  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;
}
.quien > div {
  width: 100%;
  background-color: var(--ligero);
}
.quien > div > img {
  max-width: 100%;
}
@media only screen and (max-width: 550px) {
  .quien > div > img {
    -o-object-fit: cover;
       object-fit: cover;
    min-height: 250px;
  }
}
.quien > div .centrado {
  width: 100%;
  height: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  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: stretch;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
  z-index: 2;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2rem 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}
@media only screen and (max-width: 1240px) {
  .quien > div .centrado {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 550px) {
  .quien > div .centrado {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.quien > div .centrado h1 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/span 2; /* Alto truco: que ocupe todas las filas posibles */
  -ms-grid-row-align: start;
      align-self: start;
  font-size: 4rem;
  font-weight: 400;
  width: 100%;
}
.quien > div .centrado h1 span {
  display: block;
}
.quien > div .centrado img {
  display: block;
  width: 100%;
  max-width: 600px;
  margin: auto;
}
.quien > div .centrado p {
  width: 100%;
  -ms-grid-column: 2;
  grid-column: 2;
  padding-bottom: 0px;
}
.quien .metodos {
  position: relative;
  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;
}
.quien .metodos.foto {
  width: 100%;
  border-bottom: 1px solid var(--negro);
  margin-bottom: -1px;
  background-color: var(--ligero);
}
.quien .metodos.foto .centrado {
  display: block;
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
}
.quien .metodos.foto .centrado p {
  padding-bottom: 15px;
}
.quien .metodos.foto .centrado img {
  display: block;
  width: 100%;
  max-width: 350px;
  margin: auto;
}
@media only screen and (max-width: 550px) {
  .quien .metodos.foto .centrado {
    -webkit-columns: 1;
       -moz-columns: 1;
            columns: 1;
    padding-left: 20px;
  }
}
.quien .metodos.basico .centrado {
  border-top: 1px solid var(--negro);
}
.quien .metodos.basico:first-of-type .centrado {
  border-top: 0px;
}
.quien .metodos.basico h2 {
  padding-bottom: 0px;
}
.quien .metodos.lista {
  background-color: var(--azul_claro);
  width: 100%;
  margin-bottom: 50px;
}
.quien .metodos.lista ul {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
}
@media only screen and (max-width: 550px) {
  .quien .metodos.lista ul {
    -webkit-columns: 1;
       -moz-columns: 1;
            columns: 1;
    padding-left: 20px;
  }
}
.quien .metodos.lista ul li {
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
}
.quien .metodos .centrado {
  width: 100%;
  height: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  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: stretch;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
  z-index: 2;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2rem 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
@media only screen and (max-width: 1240px) {
  .quien .metodos .centrado {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 550px) {
  .quien .metodos .centrado {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.quien .metodos .centrado h2 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/span 2; /* Alto truco: que ocupe todas las filas posibles */
  -ms-grid-row-align: start;
      align-self: start;
  font-size: 3.2rem;
  font-weight: 400;
  width: 100%;
}
.quien .metodos .centrado h2 span {
  display: block;
}
.quien .metodos .centrado p {
  width: 100%;
  -ms-grid-column: 2;
  grid-column: 2;
  padding-bottom: 0px;
}
.quien .metodos .centrado p a {
  color: #4e6e93;
}

/*

	VARIABLES
	--color_fondo_footer

*/
.contacto {
  position: relative;
  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;
  background-color: var(--azul_claro);
}
.contacto .centrado {
  width: 100%;
  height: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  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: stretch;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
  z-index: 2;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2rem 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}
@media only screen and (max-width: 1240px) {
  .contacto .centrado {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 550px) {
  .contacto .centrado {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.contacto .centrado h1 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/span 2; /* Alto truco: que ocupe todas las filas posibles */
  -ms-grid-row-align: start;
      align-self: start;
  font-size: 4rem;
  font-weight: 400;
  width: 100%;
}
.contacto .centrado h1 span {
  display: block;
}
.contacto .centrado img {
  width: 100%;
  max-width: 600px;
}
.contacto .centrado p {
  width: 100%;
  -ms-grid-column: 2;
  grid-column: 2;
  padding-bottom: 0px;
}

.metodos {
  position: relative;
  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;
}
.metodos .centrado {
  width: 100%;
  height: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  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: stretch;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
  z-index: 2;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2rem 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
@media only screen and (max-width: 1240px) {
  .metodos .centrado {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 550px) {
  .metodos .centrado {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.metodos .centrado h2 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/span 2; /* Alto truco: que ocupe todas las filas posibles */
  -ms-grid-row-align: start;
      align-self: start;
  font-size: 3.2rem;
  font-weight: 400;
  width: 100%;
}
.metodos .centrado h2 span {
  display: block;
}
.metodos .centrado p {
  width: 100%;
  -ms-grid-column: 2;
  grid-column: 2;
  padding-bottom: 0px;
}
.metodos .centrado p a {
  color: #4e6e93;
}

.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;
  width: 100%;
}
.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 {
  -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;
  width: 100%;
}
.legal.modalidad {
  background-color: var(--azul_claro);
}
.legal > h1 {
  width: 100%;
  font-weight: 500;
  max-width: var(--ancho_maximo);
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0px;
  padding-top: 50px;
}
@media only screen and (max-width: 1240px) {
  .legal > h1 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 550px) {
  .legal > h1 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.legal article {
  width: 100%;
  height: 100%;
  padding-top: 0px;
  padding-bottom: 50px;
  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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  justify-items: stretch;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1240px) {
  .legal article {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 550px) {
  .legal article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px;
    padding-bottom: 50px;
  }
}
.legal article h1 {
  font-size: 3.5rem;
}
.legal article h2 {
  font-size: 2.5rem;
  font-weight: 500;
}
.legal article h3 {
  font-size: 2rem;
}
.legal article h4 {
  font-size: 1.8rem;
  text-transform: uppercase;
}
.legal article ul, .legal article ol {
  margin-left: 20px;
}

/*

	VARIABLES

*/
main {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}
@media only screen and (max-width: 550px) {
  main {
    padding-left: 0px;
    padding-right: 0px;
  }
}
main .terapias {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media only screen and (max-width: 550px) {
  main .terapias {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
main .terapias .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;
}
@media only screen and (max-width: 1240px) {
  main .terapias .centrado {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 550px) {
  main .terapias .centrado {
    padding-left: 20px;
    padding-right: 20px;
  }
}
main .terapias .centrado ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  gap: 20px;
}
main .terapias .centrado ul.cuatro li {
  max-width: calc(25% - 15px);
}
@media only screen and (max-width: 550px) {
  main .terapias .centrado ul.cuatro li {
    max-width: 100%;
  }
}
main .terapias .centrado ul li {
  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;
  padding-bottom: 30px;
}
main .terapias .centrado ul li img {
  position: relative;
  z-index: 1;
  max-width: 100%;
}
main .terapias .centrado ul li a {
  font-size: 2rem;
  color: var(--negro);
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

/*

	VARIABLES
	--color_fondo_footer

*/
.blog-page {
  -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;
  min-height: 100vh;
  width: 100%;
}
.blog-page .centrado {
  width: 100%;
  height: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  justify-items: stretch;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1240px) {
  .blog-page .centrado {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 550px) {
  .blog-page .centrado {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.blog-page .centrado > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 550px) {
  .blog-page .centrado > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.blog-page .centrado > div h1 {
  width: 50%;
  font-weight: 500;
}
@media only screen and (max-width: 550px) {
  .blog-page .centrado > div h1 {
    width: 100%;
  }
}
.blog-page .centrado > div p {
  width: 50%;
}
@media only screen and (max-width: 550px) {
  .blog-page .centrado > div p {
    width: 100%;
  }
}
.blog-page .centrado section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  padding-top: 50px;
}
.blog-page .centrado section article {
  width: 100%;
  max-width: calc(33.3333333333% - 14px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid var(--gris_claro);
}
@media only screen and (max-width: 550px) {
  .blog-page .centrado section article {
    max-width: 100%;
  }
}
.blog-page .centrado section article h2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding: 20px;
  font-weight: 500;
}
@media only screen and (max-width: 550px) {
  .blog-page .centrado section article h2 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.blog-page .centrado section article h2 a {
  color: var(--negro);
}
.blog-page .centrado section article img {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 100%;
}
@media only screen and (max-width: 550px) {
  .blog-page .centrado section article img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.blog-page .centrado section article p {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  padding: 20px;
  padding-top: 0px;
}
@media only screen and (max-width: 550px) {
  .blog-page .centrado section article p {
    padding-top: 20px;
  }
}

/*

	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-bottom: 50px;
  width: 100%;
  max-width: var(--ancho_maximo);
  margin-left: auto;
  margin-right: auto;
  gap: 20px;
}
.single main .centrado:has(aside) {
  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(aside) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 50px;
  }
}
.single main .centrado:has(aside) aside {
  max-width: 400px;
}
@media only screen and (max-width: 550px) {
  .single main .centrado:has(aside) aside {
    max-width: 100%;
    margin-top: 20px;
  }
}
.single main .centrado:has(aside) aside h3 {
  margin-bottom: 10px;
  padding-bottom: 0px;
  font-size: 2.5rem;
}
.single main .centrado:has(aside) aside ul:not(.relacionadas) {
  list-style: none;
}
.single main .centrado:has(aside) aside ul:not(.relacionadas) li {
  border-top: 1px 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(aside) aside ul:not(.relacionadas) li time {
  text-transform: uppercase;
  font-weight: bold;
}
.single main .centrado:has(aside) aside ul:not(.relacionadas) li a {
  color: var(--negro);
  text-decoration: none;
}
.single main .centrado:has(aside) aside ul:not(.relacionadas) li a:hover {
  text-decoration: underline;
}
.single main .centrado:has(aside) aside .relacionadas {
  list-style: none;
  margin-bottom: 20px;
}
.single main .centrado:has(aside) aside .relacionadas li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 0px;
}
.single main .centrado:has(aside) aside .relacionadas li a {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 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;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.25);
  color: white;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.single main .centrado:has(aside) aside .relacionadas li a:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.single main .centrado:has(aside) aside .relacionadas li a:hover > span {
  opacity: 1;
}
.single main .centrado:has(aside) aside .relacionadas li a:hover > span > span {
  opacity: 1;
}
.single main .centrado:has(aside) aside .relacionadas li a strong {
  font-size: 25px;
}
.single main .centrado:has(aside) aside .relacionadas li a > span {
  font-size: 20px;
  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-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  opacity: 0.5;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media only screen and (max-width: 550px) {
  .single main .centrado:has(aside) aside .relacionadas li a > span {
    opacity: 1;
  }
}
.single main .centrado:has(aside) aside .relacionadas li a > span > span {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
@media only screen and (max-width: 550px) {
  .single main .centrado:has(aside) aside .relacionadas li a > span > span {
    opacity: 1;
  }
}
.single main .centrado:has(aside) aside .relacionadas li img {
  position: relative;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 30vh;
}
.single main .centrado .article {
  width: 100%;
  height: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
}
@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 > img {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  margin-bottom: 20px;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 60vh;
}
.single main .centrado .article time {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.single main .centrado .article h1, .single main .centrado .article h2, .single main .centrado .article h3 {
  line-height: 1.2em;
}
.single main .centrado .article h1 {
  font-size: 3.5rem;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.single main .centrado .article h2 {
  font-size: 2.5rem;
}
.single main .centrado .article h3 {
  font-size: 2rem;
}
.single main .centrado .article h4 {
  font-size: 1.8rem;
  text-transform: uppercase;
}
.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);
  border-bottom: 1px solid var(--negro);
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 550px) {
  .single main .centrado .article nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px;
    background-color: var(--claro);
  }
}
.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;
  position: relative;
}
.single main .centrado .article nav div time {
  text-transform: uppercase;
  font-weight: 600;
  opacity: 1;
}
.single main .centrado .article nav div h3 {
  font-size: 2rem;
  padding-bottom: 0px;
  opacity: 1;
}
.single main .centrado .article nav div a {
  color: var(--negro);
  text-decoration: none;
  font-size: 2.5rem;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/*

	VARIABLES
	--color_fondo_footer




*/
footer {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media only screen and (max-width: 550px) {
  footer {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
footer .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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
footer .centrado > a {
  padding: 0px;
  color: var(--negro);
  text-decoration: none;
}
footer .centrado > a:hover {
  text-decoration: none;
}
footer .centrado p {
  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;
}
footer .centrado nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}
footer .centrado nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
footer .centrado nav ul > li {
  padding: 0px 10px;
  border-right: 2px solid var(--negro);
}
@media only screen and (max-width: 550px) {
  footer .centrado nav ul > li {
    border-right: 0px;
    padding: 10px;
  }
}
footer .centrado nav ul > li:last-child {
  border-right: 0px;
}
footer .centrado nav ul > li a {
  color: var(--negro);
  text-decoration: none;
}
footer .centrado nav ul > li a:hover {
  text-decoration: none;
}
footer .centrado nav ul > li ul {
  display: none;
}
/*

	VARIABLES

	--color_fondo_alert
	--color_borde_alert

	--grosor_uno

*/
.alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  z-index: 3;
  bottom: -50px;
  left: 0px;
  width: 100%;
  background-color: var(--naranja);
  -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: 20px;
  height: 20px;
  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(--negro_siempre);
  border-top: var(--border_cookies);
  border: var(--border_cookies_total);
  color: var(--blanco_siempre);
  padding: 20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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