@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Georgina&display=swap"); * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
:root, :root.light {
--color_blanco: rgba(255,255,255,1);
--color_blanco_siempre: rgba(255,255,255,1);
--color_negro: rgba(50,50,50,1);
--color_negro_siempre: rgba(50,50,50,1);
--color_adulto_fuerte: rgba(126, 160, 252,1);
--color_adulto: rgba(205,218,253,1);
--color_pareja_fuerte: rgba(240, 225, 168, 1);
--color_pareja_fuerte: rgba(240, 210, 100, 1);
--color_pareja: rgba(255, 241, 230, 1);
--color_adolescentes_fuerte: rgba(252, 177, 182, 1);
--color_adolescentes: rgba(253, 226, 228, 1);
--color_social_fuerte: rgba(166, 237, 216, 1);
--color_social_fuerte: rgba(163, 212, 196, 1);
--color_social: rgba(226, 236, 233, 1);
--color_pedagogica_fuerte: rgba(235, 164, 223, 1);
--color_pedagogica: rgba(250, 210, 225, 1);
--color_juridica_fuerte: rgba(138, 219, 230, 1);
--color_juridica_fuerte: rgba(145, 201, 211, 1);
--color_juridica: rgba(190, 225, 230, 1);
--color_fondo_tratamiento: rgba(234, 228, 233, 1);
--color_curso: rgba(250, 150, 188, 1);
--color_fondo_barra: var(--color_adulto_fuerte);
--color_enlace_barra: var(--color_blanco);
--ancho_maximo: 1200px;
--titulares: "Bree Serif", serif;
--texto-normal: "Roboto", sans-serif;
--fondo_pie: var(--color_pareja);
--borde_pie:var(--color_adulto_fuerte);
}
:root,
.root.light {
--color-line: rgba(234, 226, 214, 1); --color-oyster: rgba(213, 195, 170, 1); --color-pewter: rgba(134, 118, 102, 1); --color-lemon-tea: rgba(225, 184, 13, 1); }
hr {
display: none;
}
body {
background-color: var(--color_blanco);
color: var(--color_negro);
}
@media (prefers-color-scheme: dark) {
:root {
--color_negro: rgba(255,255,255,1);
--color_blanco_siempre: rgba(255,255,255,1);
--color_blanco: rgba(0,0,0,1);
--color_negro_siempre: rgba(0,0,0,1);
}
}
:root.dark {
--color_negro: rgba(255,255,255,1);
--color_blanco_siempre: rgba(255,255,255,1);
--color_blanco: rgba(0,0,0,1);
--color_negro_siempre: rgba(0,0,0,1);
}
h1 {
font-family: var(--titulares);
font-display: swap;
}
body {
font-family: var(--texto-normal);
font-size: 100%;
}
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;
}  .barra {
background-color: var(--color_fondo_barra);
width: 100%;
position: relative;
z-index: 2;
border: 1px solid var(--color_blanco);
}
.barra .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-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
max-width: var(--ancho_maximo);
margin-left: auto;
margin-right: auto;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
padding-top: 20px;
padding-bottom: 20px;
}
@media only screen and (max-width: 1180px) {
.barra .centrado {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media only screen and (max-width: 1200px) {
.barra .centrado {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width: 550px) {
.barra .centrado {
padding-left: 10px;
padding-right: 10px;
}
}
.barra .centrado ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style: none;
}
.barra .centrado ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.barra .centrado ul li:before {
content: "|";
color: var(--color_enlace_barra);
padding-left: 10px;
padding-right: 10px;
font-weight: 500;
}
.barra .centrado ul li:first-child:before {
content: "";
padding-left: 0px;
padding-right: 0px;
}
@media only screen and (max-width: 550px) {
.barra .centrado ul li {
display: none;
}
}
.barra .centrado ul li:last-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 550px) {
.barra .centrado ul li:last-child:before {
content: "";
padding-left: 0px;
padding-right: 0px;
}
}
.barra .centrado ul li a {
color: var(--color_enlace_barra);
text-transform: uppercase;
text-decoration: none;
font-size: 16px;
font-weight: 500;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
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;
}
.barra .centrado ul li a:hover {
text-decoration: underline;
}
.barra .centrado ul li a em {
font-style: normal;
}
.barra .centrado ul li a span {
white-space: nowrap;
}
@media only screen and (max-width: 820px) {
.barra .centrado ul li a span {
display: none;
}
} header {
position: relative;
z-index: 1;
}
header .elmeenu {
position: relative;
width: 100%;
z-index: 2;
background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.5) 100%);
}
header.nada .elmeenu {
background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.5) 100%);
}
header.listado_de_posts .elmeenu {
background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(126, 160, 252, 0)), to(rgba(126, 160, 252, 0.5)));
background: linear-gradient(0deg, rgba(126, 160, 252, 0) 10%, rgba(126, 160, 252, 0.5) 100%);
}
header.color_adulto_fuerte .elmeenu {
background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(126, 160, 252, 0)), to(rgba(126, 160, 252, 0.5)));
background: linear-gradient(0deg, rgba(126, 160, 252, 0) 10%, rgba(126, 160, 252, 0.5) 100%);
}
header.color_pareja_fuerte .elmeenu {
background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(240, 225, 168, 0)), to(rgba(240, 225, 168, 0.5)));
background: linear-gradient(0deg, rgba(240, 225, 168, 0) 10%, rgba(240, 225, 168, 0.5) 100%);
}
header.color_adolescentes_fuerte .elmeenu {
background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(252, 177, 182, 0)), to(rgba(252, 177, 182, 0.5)));
background: linear-gradient(0deg, rgba(252, 177, 182, 0) 10%, rgba(252, 177, 182, 0.5) 100%);
}
header.color_social_fuerte .elmeenu {
background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(166, 237, 216, 0)), to(rgba(166, 237, 216, 0.5)));
background: linear-gradient(0deg, rgba(166, 237, 216, 0) 10%, rgba(166, 237, 216, 0.5) 100%);
}
header.color_pedagogica_fuerte .elmeenu {
background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(235, 164, 223, 0)), to(rgba(235, 164, 223, 0.5)));
background: linear-gradient(0deg, rgba(235, 164, 223, 0) 10%, rgba(235, 164, 223, 0.5) 100%);
}
header.color_juridica_fuerte .elmeenu {
background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(138, 219, 230, 0)), to(rgba(138, 219, 230, 0.5)));
background: linear-gradient(0deg, rgba(138, 219, 230, 0) 10%, rgba(138, 219, 230, 0.5) 100%);
}
header.nada .elmeenu {
background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(138, 219, 230, 0)), to(rgba(138, 219, 230, 0.5)));
background: linear-gradient(0deg, rgba(138, 219, 230, 0) 10%, rgba(138, 219, 230, 0.5) 100%);
}
header.talleres .elmeenu {
background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(190, 225, 230, 0)), to(rgb(190, 225, 230)));
background: linear-gradient(0deg, rgba(190, 225, 230, 0) 10%, rgb(190, 225, 230) 100%);
}
header.cursos .elmeenu {
background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(190, 225, 230, 0)), to(rgb(190, 225, 230)));
background: linear-gradient(0deg, rgba(190, 225, 230, 0) 10%, rgb(190, 225, 230) 100%);
}
header.tratamientos .elmeenu {
background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(126, 160, 252, 0)), to(rgba(126, 160, 252, 0.5)));
background: linear-gradient(0deg, rgba(126, 160, 252, 0) 10%, rgba(126, 160, 252, 0.5) 100%);
}
header .centrado {
position: relative;
z-index: 2;
width: 100%;
max-width: var(--ancho_maximo);
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 20px;
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: 1200px) {
header .centrado {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width: 550px) {
header .centrado {
padding-left: 10px;
padding-right: 10px;
}
}
header .centrado .logo {
width: 100%;
max-width: 285px;
}
@media only screen and (max-width: 1180px) {
header .centrado .logo {
max-width: 250px;
}
}
@media only screen and (max-width: 550px) {
header .centrado .logo {
max-width: 200px;
}
}
header .centrado .logo h1 {
font-size: 32px;
line-height: 1em;
font-weight: 700;
text-align: center;
}
@media only screen and (max-width: 550px) {
header .centrado .logo h1 {
font-size: 25px;
}
}
header .centrado .logo a {
display: block;
font-size: 32px;
line-height: 1em;
font-weight: 700;
font-family: var(--titulares);
text-decoration: none;
text-align: center;
}
@media only screen and (max-width: 550px) {
header .centrado .logo a {
font-size: 25px;
}
}
header .centrado hr {
display: none;
}
header .centrado .bars {
width: 30px;
display: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
header .centrado .bars svg {
width: 30px;
fill: var(--color_blanco);
}
@media only screen and (max-width: 550px) {
header .centrado .bars {
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;
}
@media only screen and (max-width: 550px) {
header .centrado .nav {
display: none;
}
}
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;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
@media only screen and (max-width: 1180px) {
header .centrado .nav ul {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
header .centrado .nav ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header .centrado .nav ul li 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-family: var(--titulares);
font-size: 25px;
text-transform: uppercase;
text-decoration: none;
color: white;
text-shadow: 2px 2px 5px black;
}
@media only screen and (max-width: 1180px) {
header .centrado .nav ul li a {
font-size: 23px;
}
}
header .centrado .nav ul li a:hover {
text-decoration: none;
}
header .centrado .nav ul li.current-menu-ancestor a, header .centrado .nav ul li.current-menu-item a {
border-bottom: 5px solid white;
}
header .centrado .nav ul li ul {
display: none;
}
header.color_adulto_fuerte .elmeenu nav ul li a {
color: var(--color_adulto_fuerte);
text-shadow: none;
}
header.color_adulto_fuerte .elmeenu nav ul li.current-menu-ancestor a, header.color_adulto_fuerte .elmeenu nav ul li.current-menu-item a {
border-bottom: 5px solid var(--color_adulto_fuerte);
}
header.color_pareja_fuerte .elmeenu nav ul li a {
color: var(--color_pareja_fuerte);
text-shadow: none;
}
header.color_pareja_fuerte .elmeenu nav ul li.current-menu-ancestor a, header.color_pareja_fuerte .elmeenu nav ul li.current-menu-item a {
border-bottom: 5px solid var(--color_pareja_fuerte);
}
header.color_adolescentes_fuerte .elmeenu nav ul li a {
color: var(--color_adolescentes_fuerte);
text-shadow: none;
}
header.color_adolescentes_fuerte .elmeenu nav ul li.current-menu-ancestor a, header.color_adolescentes_fuerte .elmeenu nav ul li.current-menu-item a {
border-bottom: 5px solid var(--color_adolescentes_fuerte);
}
header.color_social_fuerte .elmeenu nav ul li a {
color: var(--color_social_fuerte);
text-shadow: none;
}
header.color_social_fuerte .elmeenu nav ul li.current-menu-ancestor a, header.color_social_fuerte .elmeenu nav ul li.current-menu-item a {
border-bottom: 5px solid var(--color_social_fuerte);
}
header.color_pedagogica_fuerte .elmeenu nav ul li a {
color: var(--color_pedagogica_fuerte);
text-shadow: none;
}
header.color_pedagogica_fuerte .elmeenu nav ul li.current-menu-ancestor a, header.color_pedagogica_fuerte .elmeenu nav ul li.current-menu-item a {
border-bottom: 5px solid var(--color_pedagogica_fuerte);
}
header.color_juridica_fuerte .elmeenu nav ul li a {
color: var(--color_juridica_fuerte);
text-shadow: none;
}
header.color_juridica_fuerte .elmeenu nav ul li.current-menu-ancestor a, header.color_juridica_fuerte .elmeenu nav ul li.current-menu-item a {
border-bottom: 5px solid var(--color_juridica_fuerte);
}
header.talleres .elmeenu nav ul li a {
color: var(--color_curso);
text-shadow: none;
}
header.talleres .elmeenu nav ul li.current-menu-ancestor a, header.talleres .elmeenu nav ul li.current-menu-item a {
border-bottom: 5px solid var(--color_curso);
}
header.cursos .elmeenu nav ul li a {
color: var(--color_curso);
text-shadow: none;
}
header.cursos .elmeenu nav ul li.current-menu-ancestor a, header.cursos .elmeenu nav ul li.current-menu-item a {
border-bottom: 5px solid var(--color_curso);
}
header.tratamientos .elmeenu nav ul li a {
color: var(--color_adulto_fuerte);
text-shadow: none;
}
header.tratamientos .elmeenu nav ul li.current-menu-ancestor a, header.tratamientos .elmeenu nav ul li.current-menu-item a {
border-bottom: 5px solid var(--color_adulto_fuerte);
}
header:has(.cuadricula) {
height: 100vh;
}
@media only screen and (max-width: 550px) {
header:has(.cuadricula) {
height: initial;
}
}
header .cuadricula {
position: absolute;
top: 0px;
z-index: 1;
width: 100%;
max-width: 100%;
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 550px) {
header .cuadricula {
position: relative;
top: -125px;
height: initial;
}
}
header .cuadricula .contenedor_curva {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
z-index: 3;
margin-top: -6%;
}
header .cuadricula .contenedor_curva_inversa {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
z-index: 3;
}
header .cuadricula .curva {
width: 100%;
}
header .cuadricula .curva .banda {
fill: var(--color_adulto_fuerte);
}
header .cuadricula .curva .fondo {
fill: var(--color_blanco);
}
header .cuadricula svg.logo_cuadrado {
position: absolute;
top: calc(50% - 130px);
z-index: 3;
left: calc(50% - 130px);
width: 260px;
background-color: black;
padding: 15px;
}
@media only screen and (max-width: 1180px) {
header .cuadricula svg.logo_cuadrado {
width: 200px;
top: calc(50% - 100px);
left: calc(50% - 100px);
}
}
@media only screen and (max-width: 550px) {
header .cuadricula svg.logo_cuadrado {
display: none;
}
}
header .cuadricula svg.logo_cuadrado .color_logo_centrado {
fill: white;
}
header .cuadricula svg.logo_cuadrado .color_logo_centrado_opacidad {
fill: white;
opacity: 0.45;
}
header .cuadricula .cuadro {
position: relative;
width: 100%;
max-width: 50%;
height: 50vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-top: 2px solid white;
}
@media only screen and (max-width: 550px) {
header .cuadricula .cuadro {
max-width: 100%;
}
}
header .cuadricula .cuadro img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}
header .cuadricula .cuadro:nth-child(even) {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
border-left: 2px solid white;
}
@media only screen and (max-width: 550px) {
header .cuadricula .cuadro:nth-child(even) {
border-left: 0px solid white;
}
}
header .cuadricula .cuadro:nth-child(even) .cuadricula_centrado {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media only screen and (max-width: 550px) {
header .cuadricula .cuadro:nth-child(even) .cuadricula_centrado {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-bottom: 40px;
}
}
header .cuadricula .cuadro:nth-child(even) .cuadricula_centrado a span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-right: 10px solid pink;
}
@media only screen and (max-width: 550px) {
header .cuadricula .cuadro:nth-child(even) .cuadricula_centrado a span {
border-right: 0px solid pink;
border-left: 5px solid pink;
}
}
header .cuadricula .cuadro:nth-child(-n+2) {
border-bottom: 2px solid white;
border-top: 0px;
}
header .cuadricula .cuadro:nth-child(-n+2) .cuadricula_centrado {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-bottom: 100px;
}
@media only screen and (max-width: 550px) {
header .cuadricula .cuadro:nth-child(-n+2) .cuadricula_centrado {
padding-bottom: 40px;
}
}
header .cuadricula .cuadro:nth-child(odd) {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
border-right: 2px solid white;
}
@media only screen and (max-width: 550px) {
header .cuadricula .cuadro:nth-child(odd) {
border-right: 0px solid white;
}
}
header .cuadricula .cuadro:nth-child(odd) .cuadricula_centrado {
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) {
header .cuadricula .cuadro:nth-child(odd) .cuadricula_centrado {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-bottom: 40px;
}
}
header .cuadricula .cuadro:nth-child(odd) .cuadricula_centrado a span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-left: 10px solid pink;
}
@media only screen and (max-width: 550px) {
header .cuadricula .cuadro:nth-child(odd) .cuadricula_centrado a span {
border-left: 5px solid pink;
}
}
header .cuadricula .cuadro .cuadricula_centrado {
position: relative;
z-index: 2;
width: 100%;
max-width: 600px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px;
}
@media only screen and (max-width: 550px) {
header .cuadricula .cuadro .cuadricula_centrado {
max-width: 100%;
}
}
header .cuadricula .cuadro .cuadricula_centrado a {
display: block;
text-decoration: none;
}
header .cuadricula .cuadro .cuadricula_centrado a span {
display: block;
min-width: 50%;
font-size: 40px;
font-family: var(--titulares);
text-transform: uppercase;
padding: 20px 40px;
}
@media only screen and (max-width: 1180px) {
header .cuadricula .cuadro .cuadricula_centrado a span {
font-size: 25px;
padding: 10px 20px;
}
}
header .cuadricula .cuadro .cuadricula_centrado a.color_adulto_fuerte, header .cuadricula .cuadro .cuadricula_centrado a .color_adulto {
background-color: var(--color_adulto);
}
header .cuadricula .cuadro .cuadricula_centrado a.color_adulto_fuerte span, header .cuadricula .cuadro .cuadricula_centrado a .color_adulto span {
border-color: var(--color_adulto_fuerte);
color: var(--color_adulto_fuerte);
}
header .cuadricula .cuadro .cuadricula_centrado a.color_pareja_fuerte, header .cuadricula .cuadro .cuadricula_centrado a .color_pareja {
background-color: var(--color_pareja);
}
header .cuadricula .cuadro .cuadricula_centrado a.color_pareja_fuerte span, header .cuadricula .cuadro .cuadricula_centrado a .color_pareja span {
border-color: var(--color_pareja_fuerte);
color: var(--color_pareja_fuerte);
}
header .cuadricula .cuadro .cuadricula_centrado a.color_adolescentes_fuerte, header .cuadricula .cuadro .cuadricula_centrado a .color_adolescentes {
background-color: var(--color_adolescentes);
}
header .cuadricula .cuadro .cuadricula_centrado a.color_adolescentes_fuerte span, header .cuadricula .cuadro .cuadricula_centrado a .color_adolescentes span {
border-color: var(--color_adolescentes_fuerte);
color: var(--color_adolescentes_fuerte);
}
header .cuadricula .cuadro .cuadricula_centrado a.color_social_fuerte, header .cuadricula .cuadro .cuadricula_centrado a .color_social {
background-color: var(--color_social);
}
header .cuadricula .cuadro .cuadricula_centrado a.color_social_fuerte span, header .cuadricula .cuadro .cuadricula_centrado a .color_social span {
border-color: var(--color_social_fuerte);
color: var(--color_social_fuerte);
}
header .cuadricula .cuadro .cuadricula_centrado a.color_pedagogica_fuerte, header .cuadricula .cuadro .cuadricula_centrado a .color_pedagogica {
background-color: var(--color_pedagogica);
}
header .cuadricula .cuadro .cuadricula_centrado a.color_pedagogica_fuerte span, header .cuadricula .cuadro .cuadricula_centrado a .color_pedagogica span {
border-color: var(--color_pedagogica_fuerte);
color: var(--color_pedagogica_fuerte);
}
header .cuadricula .cuadro .cuadricula_centrado a.color_juridica_fuerte, header .cuadricula .cuadro .cuadricula_centrado a .color_juridica {
background-color: var(--color_juridica);
}
header .cuadricula .cuadro .cuadricula_centrado a.color_juridica_fuerte span, header .cuadricula .cuadro .cuadricula_centrado a .color_juridica span {
border-color: var(--color_juridica_fuerte);
color: var(--color_juridica_fuerte);
}
body.single:not(.single-tratamientos):not(.single-cursos) header .centrado .nav ul li:last-child a {
border-bottom: 5px solid white;
}
.page-contacto header .elmeenu nav ul li a {
color: var(--color_adulto_fuerte);
text-shadow: none;
}
.page-contacto header .elmeenu nav ul li.current-menu-ancestor a, .page-contacto header .elmeenu nav ul li.current-menu-item a {
border-bottom: 5px solid var(--color_adulto_fuerte);
} main {
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
}
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-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
max-width: var(--ancho_maximo);
margin-left: auto;
margin-right: auto;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
padding-top: 20px;
padding-bottom: 20px;
margin: 100px;
}
@media only screen and (max-width: 1200px) {
main .centrado {
padding-left: 20px;
padding-right: 20px;
margin: 100px;
}
}
@media only screen and (max-width: 550px) {
main .centrado {
padding-left: 10px;
padding-right: 10px;
}
} .home .wrapper header .centrado .logo {
border: 0px;
}
.home .wrapper header .centrado .logo svg {
border: 0px;
-webkit-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.7));
filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.7));
}
.home .wrapper header .centrado .logo svg .plano {
fill: white;
stroke: 0;
}
.home .wrapper header .centrado .logo svg .plano_opacidad {
stroke: 0;
opacity: 0.45;
fill: white;
}
.home .wrapper main {
position: relative;
z-index: 2;
overflow: inherit;
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 {
margin-top: 1.2rem;
}
}
.home .wrapper .introduccion_home {
position: relative;
width: 100%;
overflow: hidden;
}
.home .wrapper .introduccion_home .contenedor_curva {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
z-index: 3;
margin-top: -6%;
}
@media only screen and (max-width: 550px) {
.home .wrapper .introduccion_home .contenedor_curva {
margin-top: -40%;
}
}
.home .wrapper .introduccion_home .contenedor_curva_inversa {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
z-index: 3;
}
.home .wrapper .introduccion_home .curva {
width: 100%;
}
.home .wrapper .introduccion_home .curva .banda {
fill: var(--color_adulto_fuerte);
}
.home .wrapper .introduccion_home .curva .fondo {
fill: white;
}
.home .wrapper .introduccion_home > img, .home .wrapper .introduccion_home > svg {
position: absolute;
z-index: 1;
top: 10%;
height: 75%;
left: 75%;
z-index: 1;
opacity: 0.15;
fill: var(--color_negro);
}
@media only screen and (max-width: 550px) {
.home .wrapper .introduccion_home > img, .home .wrapper .introduccion_home > svg {
display: none;
position: relative;
left: 0px;
width: 100%;
}
}
.home .wrapper .introduccion_home .centrado {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
padding-bottom: 100px;
z-index: 2;
position: relative;
}
@media only screen and (max-width: 550px) {
.home .wrapper .introduccion_home .centrado {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 0px;
}
}
.home .wrapper .introduccion_home .centrado div {
width: 100%;
max-width: 50%;
}
@media only screen and (max-width: 550px) {
.home .wrapper .introduccion_home .centrado div {
max-width: 100%;
}
}
.home .wrapper .introduccion_home .centrado div h1 {
color: black;
font-size: 36px;
font-weight: 400;
font-family: var(--titulares);
margin-bottom: 20px;
}
.home .wrapper .introduccion_home .centrado div p {
font-size: 18px;
line-height: 1.5em;
margin-bottom: 20px;
}
.home .wrapper .introduccion_home .centrado div p a {
background-color: black;
color: white;
text-transform: uppercase;
text-decoration: none;
font-size: 24px;
font-weight: 400;
font-family: var(--titulares);
text-align: center;
border-radius: 10px;
display: inline-block;
padding: 10px 20px;
width: 100%;
max-width: 300px;
margin-top: 20px;
}
@media only screen and (max-width: 550px) {
.home .wrapper .introduccion_home .centrado div p a {
max-width: 100%;
}
}
.home .wrapper .introduccion_home .centrado div p:has(strong) {
text-align: center;
}
.home .wrapper .introduccion_home .centrado div p:has(strong) strong {
color: var(--color_adulto_fuerte);
font-size: 30px;
font-weight: 400;
font-family: var(--titulares);
text-align: center;
}
.home .wrapper .introduccion_home .centrado div:last-child {
padding-top: 50px;
max-width: 40%;
}
@media only screen and (max-width: 820px) {
.home .wrapper .introduccion_home .centrado div:last-child {
max-width: 50%;
}
}
@media only screen and (max-width: 550px) {
.home .wrapper .introduccion_home .centrado div:last-child {
padding-top: 10px;
max-width: 100%;
}
}
.home .wrapper .tratamiento_home {
position: relative;
}
.home .wrapper .tratamiento_home > img {
position: absolute;
z-index: 1;
bottom: 0px;
width: 50%;
right: 60%;
z-index: 1;
}
@media only screen and (max-width: 820px) {
.home .wrapper .tratamiento_home > img {
right: 0px;
width: 70%;
left: 15%;
bottom: 5%;
}
}
@media only screen and (max-width: 550px) {
.home .wrapper .tratamiento_home > img {
width: 50%;
width: 100%;
right: 0px;
left: 0px;
}
}
.home .wrapper .tratamiento_home .contenedor_curva {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
z-index: 3;
}
.home .wrapper .tratamiento_home .contenedor_curva .curva {
width: 100%;
}
.home .wrapper .tratamiento_home .contenedor_curva .curva .banda {
fill: var(--color_adulto_fuerte);
}
.home .wrapper .tratamiento_home .contenedor_curva .curva .fondo {
fill: var(--color_fondo_tratamiento);
}
.home .wrapper .tratamiento_home .contenedor_curva_inversa {
position: relative;
z-index: 2;
background-color: white;
}
.home .wrapper .tratamiento_home .contenedor_curva_inversa .curva_inversa {
width: 100%;
}
.home .wrapper .tratamiento_home .contenedor_curva_inversa .curva_inversa .banda {
fill: var(--color_adulto_fuerte);
}
.home .wrapper .tratamiento_home .contenedor_curva_inversa .curva_inversa .fondo {
fill: var(--color_fondo_tratamiento);
}
.home .wrapper .trio .centrado {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding-bottom: 100px;
position: relative;
-webkit-column-gap: 25px;
-moz-column-gap: 25px;
column-gap: 25px;
}
@media only screen and (max-width: 820px) {
.home .wrapper .trio .centrado {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 10px;
}
}
@media only screen and (max-width: 550px) {
.home .wrapper .trio .centrado {
padding-right: 10px;
padding-bottom: initial;
}
}
@media only screen and (max-width: 550px) {
.home .wrapper .trio .centrado {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.home .wrapper .trio .centrado .cursos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-right: 5px solid var(--color_curso);
}
@media only screen and (max-width: 820px) {
.home .wrapper .trio .centrado .cursos {
border-right: 0px solid var(--color_curso);
}
}
@media only screen and (max-width: 550px) {
.home .wrapper .trio .centrado .cursos {
min-width: 100%;
max-width: 100%;
padding-right: initial;
margin-right: initial;
border-right: 0px;
}
}
.home .wrapper .trio .centrado .cursos h2 {
color: var(--color_curso);
font-weight: 400;
font-size: 38px;
font-family: var(--titulares);
}
.home .wrapper .trio .centrado .cursos .array_cursos {
padding-right: 25px;
}
@media only screen and (max-width: 820px) {
.home .wrapper .trio .centrado .cursos .array_cursos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-right: 0px;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
}
@media only screen and (max-width: 550px) {
.home .wrapper .trio .centrado .cursos .array_cursos {
margin-top: 20px;
padding-right: 0px;
}
}
.home .wrapper .trio .centrado .cursos .array_cursos .tratamiento {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
background-color: var(--color_juridica);
border-radius: 10px;
margin-bottom: 20px;
padding: 20px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 820px) {
.home .wrapper .trio .centrado .cursos .array_cursos .tratamiento {
max-width: 48%;
}
}
@media only screen and (max-width: 550px) {
.home .wrapper .trio .centrado .cursos .array_cursos .tratamiento {
max-width: 100%;
}
}
.home .wrapper .trio .centrado .cursos .array_cursos .tratamiento h2 {
color: var(--color_curso);
font-size: 28px;
font-weight: 400;
font-family: var(--titulares);
}
.home .wrapper .trio .centrado .cursos .array_cursos .tratamiento p {
font-size: 16px;
line-height: 28px;
}
.home .wrapper .trio .centrado .cursos .array_cursos .tratamiento a {
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: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--color_curso);
color: white;
padding: 5px 20px;
border-radius: 10px;
text-transform: uppercase;
text-decoration: none;
font-family: var(--titulares);
width: 100%;
max-width: 300px;
}
@media only screen and (max-width: 820px) {
.home .wrapper .trio .centrado .cursos .array_cursos .tratamiento a {
margin-top: 10px;
}
}
@media only screen and (max-width: 550px) {
.home .wrapper .trio .centrado .cursos .array_cursos .tratamiento a {
max-width: 100%;
margin-top: 10px;
}
}
.home .wrapper .trio .centrado .cursos .array_cursos .tratamiento a span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.home .wrapper .trio .centrado .cursos .array_cursos .tratamiento a span:first-child {
text-align: right;
border-right: 2px solid white;
padding-right: 5px;
}
.home .wrapper .trio .centrado .cursos .array_cursos .tratamiento a span:last-child {
text-align: left;
padding-left: 5px;
}
@media only screen and (max-width: 820px) {
.home .wrapper .trio .centrado .blog {
width: 100%;
max-width: 40%;
}
}
@media only screen and (max-width: 550px) {
.home .wrapper .trio .centrado .blog {
width: 100%;
max-width: 100%;
}
}
.home .wrapper .trio .centrado .blog h1 {
color: var(--color_adulto_fuerte);
font-weight: 400;
font-size: 38px;
font-family: var(--titulares);
}
@media only screen and (max-width: 820px) {
.home .wrapper .trio .centrado .blog h1 {
font-size: 30px;
margin-bottom: 20px;
}
}
.home .wrapper .trio .centrado .blog div {
position: relative;
margin-bottom: 50px;
width: 300px;
}
@media only screen and (max-width: 820px) {
.home .wrapper .trio .centrado .blog div {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 550px) {
.home .wrapper .trio .centrado .blog div {
margin-bottom: 20px;
width: 100%;
}
}
.home .wrapper .trio .centrado .blog div .enlace-imagen {
text-decoration: none;
border: 5px solid white;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
display: block;
margin-bottom: 10px;
overflow: hidden; aspect-ratio: 16 / 9;
}
.home .wrapper .trio .centrado .blog div .enlace-imagen img {
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
width: 100%;
height: auto;
}
.blog .enlace-imagen { 
display: inline-block;
max-width: 220px; width: 100%;
}
.blog .enlace-imagen img {
display: block;
width: 100%;
height: auto;
}
.home .wrapper .trio .centrado .blog div .date {
position: absolute;
top: 20px;
left: 0px;
color: black;
font-weight: 500;
background-color: var(--color_adulto);
z-index: 2;
padding: 5px 10px;
}
.home .wrapper .trio .centrado .blog div h2 {
font-weight: 500;
font-family: var(--titulares);
line-height: 1em;
}
.home .wrapper .trio .centrado .blog div .enlace-texto {
text-decoration: none;
font-size: 18px;
text-transform: uppercase;
color: black;
}
.home .wrapper .trio .centrado .formulario {
width: 300px;
}
@media only screen and (max-width: 820px) {
.home .wrapper .trio .centrado .formulario {
width: 100%;
max-width: 55%;
}
}
@media only screen and (max-width: 550px) {
.home .wrapper .trio .centrado .formulario {
width: 100%;
position: relative;
top: initial;
right: initial;
width: 100%;
max-width: 100%;
}
}
.home .wrapper .trio .centrado .formulario .panel-formulario {
position: sticky;
top: 10px;
padding: 10px;
width: 300px;
}
@media only screen and (max-width: 820px) {
.home .wrapper .trio .centrado .formulario .panel-formulario {
width: 100%;
}
}
@media only screen and (max-width: 550px) {
.home .wrapper .trio .centrado .formulario .panel-formulario {
margin-bottom: 0px;
width: 100%;
padding: 0px;
}
}
.home .wrapper .trio .centrado .formulario .panel-formulario h2 {
color: var(--color_adulto_fuerte);
font-weight: 400;
font-size: 28px;
font-family: var(--titulares);
margin-bottom: 10px;
}
.home .wrapper .trio .centrado .formulario .panel-formulario .primera input, .home .wrapper .trio .centrado .formulario .panel-formulario .primera select {
border-radius: 10px;
background-color: var(--color_adulto);
padding: 10px 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 5px;
border: 0px;
width: 100%;
font-size: 18px;
margin-bottom: 5px;
height: 40px;
}
.home .wrapper .trio .centrado .formulario .panel-formulario .wpcf7-list-item {
margin: 0px;
padding-bottom: 10px;
padding-top: 10px;
}
.home .wrapper .trio .centrado .formulario .panel-formulario .wpcf7-list-item label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
}
.home .wrapper .trio .centrado .formulario .panel-formulario .wpcf7-list-item label input {
width: initial;
}
.home .wrapper .trio .centrado .formulario .panel-formulario .wpcf7-submit {
padding: 10px 10px;
border: 0px;
width: 100%;
font-size: 18px;
margin-bottom: 5px;
background-color: var(--color_adulto_fuerte);
color: white;
text-transform: uppercase;
border-radius: 5px;
border: 1px solid black;
margin-top: 20px;
cursor: pointer;
}
.cac {
width: 100%;
position: sticky;
bottom: 20px;
z-index: 4;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
@media only screen and (max-width: 1180px) {
.cac {
width: calc(100% - 40px);
margin: auto;
}
}
@media only screen and (max-width: 550px) {
.cac {
width: calc(100% - 20px);
bottom: 10px;
}
}
.cac .centrado {
width: 100%;
max-width: 1200px;
border-radius: 10px;
background-color: var(--color_adulto_fuerte);
color: white;
margin: auto;
padding: 10px 20px;
border: 5px solid white;
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 550px) {
.cac .centrado {
padding: 5px 5px;
}
}
.cac .centrado ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
list-style: none;
}
@media only screen and (max-width: 1180px) {
.cac .centrado ul {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.cac .centrado ul li {
font-size: 20px;
font-family: var(--titulares);
width: 25%;
line-height: 1em;
padding-left: 30px;
padding-right: 30px;
border-left: 2px solid white;
}
@media only screen and (max-width: 1180px) {
.cac .centrado ul li {
text-align: center;
}
}
@media only screen and (max-width: 1180px) {
.cac .centrado ul li {
padding-left: 25px;
padding-right: 25px;
}
}
@media only screen and (max-width: 1180px) {
.cac .centrado ul li {
font-size: 20px;
}
}
@media only screen and (max-width: 550px) {
.cac .centrado ul li {
width: 50%;
padding-left: 5px;
padding-right: 5px;
border-left: 0px;
}
}
.cac .centrado ul li:first-child {
text-transform: uppercase;
width: initial;
text-align: right;
border-left: 0px solid white;
}
@media only screen and (max-width: 1180px) {
.cac .centrado ul li:first-child {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 15px;
width: 100%;
padding-left: 0px;
padding-right: 0px;
text-align: center;
}
}
@media only screen and (max-width: 550px) {
.cac .centrado ul li:first-child {
padding-bottom: 5px;
}
}
@media only screen and (max-width: 550px) {
.cac .centrado ul li:not(:first-child) {
display: none;
}
}
@media only screen and (max-width: 1180px) {
.cac .centrado ul li:nth-child(2) {
border-left: 0px solid white;
}
}
.cac .centrado ul li a {
color: white;
text-decoration: none;
line-height: 1em;
}
@media only screen and (max-width: 1180px) {
.cac .centrado ul li a {
text-align: center;
}
}
.cac .centrado ul li a em {
font-style: normal;
}
.cac .centrado ul li a span {
display: block;
white-space: nowrap;
}
@media only screen and (max-width: 550px) {
.cac .centrado ul li a span {
display: inline-block;
}
}
@media only screen and (max-width: 550px) {
.cac .centrado ul.activo li:not(:first-child) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.arriba .cac {
bottom: -100px;
}
.landing-tratamientos .cac .centrado ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 5px;
}
.landing-tratamientos .cac .centrado ul li {
width: initial;
padding-left: 0px;
padding-right: 0px;
border-left: 0px solid white;
}
.landing-tratamientos .cac .centrado ul li:first-child {
width: initial;
padding-bottom: 0px;
}
.landing-tratamientos .cac .centrado ul li a span {
display: initial;
} .archive .wrapper header .centrado .logo svg .plano_opacidad {
stroke: 0;
opacity: 0.45;
}
.archive .wrapper header.cursos .elmeenu .centrado .bars svg {
fill: var(--color_curso);
}
.archive .wrapper header.cursos .elmeenu .centrado .logo svg {
-webkit-filter: none;
filter: none;
}
.archive .wrapper header.cursos .elmeenu .centrado .logo svg .plano,
.archive .wrapper header.cursos .elmeenu .centrado .logo svg .plano_opacidad {
fill: var(--color_curso);
}
.archive .wrapper header.tratamientos .elmeenu .centrado .bars svg {
fill: var(--color_adulto_fuerte);
}
.archive .wrapper header.tratamientos .elmeenu .centrado .logo svg {
-webkit-filter: none;
filter: none;
}
.archive .wrapper header.tratamientos .elmeenu .centrado .logo svg .plano,
.archive .wrapper header.tratamientos .elmeenu .centrado .logo svg .plano_opacidad {
fill: var(--color_adulto_fuerte);
}
.archive .wrapper main section .centrado h1 {
font-size: 36px;
}
.archive .wrapper main.tratamientos h1 {
color: var(--color_adulto_fuerte);
}
.archive .wrapper main.cursos h1 {
color: var(--color_curso);
}
header.listado_de_posts .elmeenu .centrado .bars svg {
fill: var(--color_adulto_fuerte);
}
header.listado_de_posts .elmeenu .centrado .logo svg {
-webkit-filter: none;
filter: none;
}
header.listado_de_posts .elmeenu .centrado .logo svg .plano,
header.listado_de_posts .elmeenu .centrado .logo svg .plano_opacidad {
fill: var(--color_adulto_fuerte);
} .single .wrapper header .centrado .logo {
border: 0px;
}
.single .wrapper header .centrado .logo svg {
border: 0px;
-webkit-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.7));
filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.7));
}
.single .wrapper header .centrado .logo svg .plano {
fill: white;
stroke: 0;
}
.single .wrapper header .centrado .logo svg .plano_opacidad {
stroke: 0;
opacity: 0.45;
fill: white;
}
.single .wrapper header.color_adulto_fuerte .elmeenu .centrado .bars svg {
fill: var(--color_adulto_fuerte);
}
.single .wrapper header.color_adulto_fuerte .elmeenu .centrado .logo svg {
-webkit-filter: none;
filter: none;
}
.single .wrapper header.color_adulto_fuerte .elmeenu .centrado .logo svg .plano,
.single .wrapper header.color_adulto_fuerte .elmeenu .centrado .logo svg .plano_opacidad {
fill: var(--color_adulto_fuerte);
}
.single .wrapper header.color_pareja_fuerte .elmeenu .centrado .bars svg {
fill: var(--color_pareja_fuerte);
}
.single .wrapper header.color_pareja_fuerte .elmeenu .centrado .logo svg {
-webkit-filter: none;
filter: none;
}
.single .wrapper header.color_pareja_fuerte .elmeenu .centrado .logo svg .plano,
.single .wrapper header.color_pareja_fuerte .elmeenu .centrado .logo svg .plano_opacidad {
fill: var(--color_pareja_fuerte);
}
.single .wrapper header.color_adolescentes_fuerte .elmeenu .centrado .bars svg {
fill: var(--color_adolescentes_fuerte);
}
.single .wrapper header.color_adolescentes_fuerte .elmeenu .centrado .logo svg {
-webkit-filter: none;
filter: none;
}
.single .wrapper header.color_adolescentes_fuerte .elmeenu .centrado .logo svg .plano,
.single .wrapper header.color_adolescentes_fuerte .elmeenu .centrado .logo svg .plano_opacidad {
fill: var(--color_adolescentes_fuerte);
}
.single .wrapper header.color_social_fuerte .elmeenu .centrado .bars svg {
fill: var(--color_social_fuerte);
}
.single .wrapper header.color_social_fuerte .elmeenu .centrado .logo svg {
-webkit-filter: none;
filter: none;
}
.single .wrapper header.color_social_fuerte .elmeenu .centrado .logo svg .plano,
.single .wrapper header.color_social_fuerte .elmeenu .centrado .logo svg .plano_opacidad {
fill: var(--color_social_fuerte);
}
.single .wrapper header.color_pedagogica_fuerte .elmeenu .centrado .bars svg {
fill: var(--color_pedagogica_fuerte);
}
.single .wrapper header.color_pedagogica_fuerte .elmeenu .centrado .logo svg {
-webkit-filter: none;
filter: none;
}
.single .wrapper header.color_pedagogica_fuerte .elmeenu .centrado .logo svg .plano,
.single .wrapper header.color_pedagogica_fuerte .elmeenu .centrado .logo svg .plano_opacidad {
fill: var(--color_pedagogica_fuerte);
}
.single .wrapper header.color_juridica_fuerte .elmeenu .centrado .bars svg {
fill: var(--color_juridica_fuerte);
}
.single .wrapper header.color_juridica_fuerte .elmeenu .centrado .logo svg {
-webkit-filter: none;
filter: none;
}
.single .wrapper header.color_juridica_fuerte .elmeenu .centrado .logo svg .plano,
.single .wrapper header.color_juridica_fuerte .elmeenu .centrado .logo svg .plano_opacidad {
fill: var(--color_juridica_fuerte);
}
.single .wrapper header.talleres .elmeenu .centrado .bars svg {
fill: var(--color_curso);
}
.single .wrapper header.talleres .elmeenu .centrado .logo svg {
-webkit-filter: none;
filter: none;
}
.single .wrapper header.talleres .elmeenu .centrado .logo svg .plano,
.single .wrapper header.talleres .elmeenu .centrado .logo svg .plano_opacidad {
fill: var(--color_curso);
}
.single .wrapper header.cursos .elmeenu .centrado .bars svg {
fill: var(--color_curso);
}
.single .wrapper header.cursos .elmeenu .centrado .logo svg {
-webkit-filter: none;
filter: none;
}
.single .wrapper header.cursos .elmeenu .centrado .logo svg .plano,
.single .wrapper header.cursos .elmeenu .centrado .logo svg .plano_opacidad {
fill: var(--color_curso);
}
.single .wrapper main.post-tratamiento {
min-height: 50vh;
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) {
.single .wrapper main.post-tratamiento .bloque-principal {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
.single .wrapper main.post-tratamiento .bloque-principal .centrado {
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: 820px) {
.single .wrapper main.post-tratamiento .bloque-principal .centrado {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.single .wrapper main.post-tratamiento .bloque-principal .centrado article {
padding-right: 50px;
}
@media only screen and (max-width: 820px) {
.single .wrapper main.post-tratamiento .bloque-principal .centrado article {
padding-right: 0px;
}
}
@media only screen and (max-width: 550px) {
.single .wrapper main.post-tratamiento .bloque-principal .centrado article {
padding-right: 0px;
}
}
.single .wrapper main.post-tratamiento .bloque-principal .centrado article .online {
position: sticky;
bottom: 20px;
background-color: var(--color_blanco);
padding: 20px;
border: 2px solid green;
border-radius: 10px;
background-color: var(--color_adulto);
border-color: var(--color_adulto_fuerte);
}
@media only screen and (max-width: 550px) {
.single .wrapper main.post-tratamiento .bloque-principal .centrado article .online {
position: relative;
margin-top: 20px;
}
}
.single .wrapper main.post-tratamiento .bloque-principal .centrado article .online h2 {
text-transform: uppercase;
font-size: 20px;
padding-bottom: 0px;
margin-bottom: 0px;
}
.single .wrapper main.post-tratamiento .bloque-principal .centrado article .online p {
font-size: 16px;
padding-bottom: 0px;
margin-bottom: 0px;
}
.single .wrapper main.post-tratamiento .bloque-principal .centrado article .online p:last-of-type {
padding-bottom: 0px;
margin-bottom: 0px;
}
.single .wrapper main.post-tratamiento .bloque-principal .centrado article h1 {
color: #7E5935;
font-weight: 400;
font-size: 48px;
font-family: var(--titulares);
padding-bottom: 20px;
margin-top: -90px;
text-align: center;
}
@media only screen and (max-width: 550px) {
.single .wrapper main.post-tratamiento .bloque-principal .centrado article h1 {
font-size: 30px;
line-height: 1em;
text-align: center;   
margin-top: -60px;     
}
}
.single .wrapper main.post-tratamiento .bloque-principal .centrado article h2 {
color: var(--pewter);
font-weight: 400;
font-size: 38px;
font-family: var(--titulares);
padding-bottom: 10px;
text-align: center;
}
@media only screen and (max-width: 550px) {
.single .wrapper main.post-tratamiento .bloque-principal .centrado article h2 {
font-size: 28px;
line-height: 1.1em;
}
}
.single .wrapper main.post-tratamiento .bloque-principal .centrado article h3 {
color: var(--pewter);
font-weight: 400;
font-size: 28px;
font-family: var(--titulares);
padding-bottom: 10px;
}
@media only screen and (max-width: 550px) {
.single .wrapper main.post-tratamiento .bloque-principal .centrado article h3 {
font-size: 22px;
line-height: 1.1em;
}
}
.single .wrapper main.post-tratamiento .bloque-principal .centrado article p {
font-size: 18px;
line-height: 1.75em;
padding-bottom: 10px;
text-align: center;
}
.single .wrapper main.post-tratamiento .bloque-principal .centrado article img {
width: 100%;
max-width: 100%;
aspect-ratio: 2/1;
border-radius: 10px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
margin-top: 25px;
margin-bottom: 25px;
}
@media only screen and (max-width: 550px) {
.single .wrapper main.post-tratamiento .bloque-principal .centrado article img {
margin-top: 10px;
margin-bottom: 10px;
}
}
.single .wrapper main.post-tratamiento .bloque-principal .centrado article ul {
border-radius: 10px;
padding: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
.single .wrapper main.post-tratamiento .bloque-principal .centrado article ul li {
font-size: 18px;
line-height: 1.75em;
padding-bottom: 10px;
margin-left: 20px;
}
.single .wrapper main.post-tratamiento .bloque-principal .centrado article ul li strong {
color: #867666;
} @media only screen and (max-width: 550px) {
.single .wrapper main.post-tratamiento .bloque-principal .centrado aside {
border-left: 0px;
border-top: 5px solid var(--color_adulto_fuerte);
}
}
@media only screen and (max-width: 1180px) {
.single .wrapper main.post-tratamiento .bloque-principal .centrado aside {
min-width: 400px;
}
}
@media only screen and (max-width: 820px) {
.single .wrapper main.post-tratamiento .bloque-principal .centrado aside {
max-width: 100%;
min-width: 100%;
}
}
@media only screen and (max-width: 550px) {
.single .wrapper main.post-tratamiento .bloque-principal .centrado aside {
padding-left: 0px;
max-width: 100%;
min-width: 100%;
border-left: 0px;
background-size: 100%;
}
}
.single .wrapper main.post-tratamiento .bloque-principal .centrado aside .formulario {
position: sticky;
top: 10px;
padding: 10px;
background-color: rgba(255, 255, 255, 0.75);
border-radius: 10px;
}
@media only screen and (max-width: 550px) {
.single .wrapper main.post-tratamiento .bloque-principal .centrado aside .formulario {
margin-bottom: 150px;
}
}
.single .wrapper main.post-tratamiento .bloque-principal .centrado aside .formulario a {
color: black;
font-weight: 500;
}
.single .wrapper main.post-tratamiento .bloque-principal .centrado aside .formulario h2 {
color: var(--color_adulto_fuerte);
font-weight: 400;
font-size: 28px;
font-family: var(--titulares);
margin-bottom: 10px;
}
.single .wrapper main.post-tratamiento .bloque-principal .centrado aside .formulario .primera input, .single .wrapper main.post-tratamiento .bloque-principal .centrado aside .formulario .primera select {
border-radius: 10px;
background-color: var(--color_adulto);
padding: 10px 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 5px;
border: 0px;
width: 100%;
font-size: 18px;
margin-bottom: 5px;
height: 40px;
}
.single .wrapper main.post-tratamiento .bloque-principal .centrado aside .formulario .wpcf7-list-item {
margin: 0px;
padding-bottom: 10px;
padding-top: 10px;
}
.single .wrapper main.post-tratamiento .bloque-principal .centrado aside .formulario .wpcf7-submit {
padding: 10px 10px;
border: 0px;
width: 100%;
font-size: 18px;
margin-bottom: 5px;
background-color: var(--color_adulto_fuerte);
color: white;
text-transform: uppercase;
border-radius: 5px;
border: 1px solid black;
margin-top: 20px;
}
.single .wrapper main.post-tratamiento .bloque-principal .centrado aside img {
position: absolute;
bottom: 0px;
right: 0px;
}
.single .wrapper main.post-tratamiento .bloque-principal .contenedor_curva {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
z-index: 3;
}
.single .wrapper main.post-tratamiento .bloque-principal .curva {
width: 100%;
}
.single .wrapper main.post-tratamiento .bloque-principal .curva .banda {
fill: #867666 ;
}
.single .wrapper main.post-tratamiento .bloque-principal .curva .fondo {
fill:#ffffff;
}
.single .wrapper main.post-tratamiento.color_pareja_fuerte .curva {
width: 100%;
}
.single .wrapper main.post-tratamiento.color_pareja_fuerte .curva .banda {
fill: #867666 ;
}
.single .wrapper main.post-tratamiento.color_pareja_fuerte .curva .fondo {
fill: #EAE2D6;
}
.single .wrapper main.post-tratamiento.color_pareja_fuerte .bloque-principal .centrado article .online {
background-color: var(--color_pareja);
border-color: var(--color_pareja_fuerte);
}
.single .wrapper main.post-tratamiento.color_pareja_fuerte .bloque-principal .centrado article h1, .single .wrapper main.post-tratamiento.color_pareja_fuerte .bloque-principal .centrado article h2, .single .wrapper main.post-tratamiento.color_pareja_fuerte .bloque-principal .centrado article h3 {
color: var(--color_pareja_fuerte);
}
.single .wrapper main.post-tratamiento.color_pareja_fuerte .bloque-principal .centrado article img {
border: 5px dotted var(--color_pareja_fuerte);
}
.single .wrapper main.post-tratamiento.color_pareja_fuerte .bloque-principal .centrado article ul {
border: 5px dotted var(--color_pareja_fuerte);
}
.single .wrapper main.post-tratamiento.color_pareja_fuerte .bloque-principal .centrado article ul li strong, .single .wrapper main.post-tratamiento.color_pareja_fuerte .bloque-principal .centrado article ul li b {
color: var(--color_pareja_fuerte);
}
.single .wrapper main.post-tratamiento.color_pareja_fuerte .bloque-principal .centrado aside {
border-left: 5px solid var(--color_pareja_fuerte);
}
@media only screen and (max-width: 550px) {
.single .wrapper main.post-tratamiento.color_pareja_fuerte .bloque-principal .centrado aside {
border-left: 0px;
border-top: 5px solid var(--color_pareja_fuerte);
}
}
.single .wrapper main.post-tratamiento.color_pareja_fuerte .bloque-principal .centrado aside .formulario h2 {
color: var(--color_pareja_fuerte);
}
.single .wrapper main.post-tratamiento.color_pareja_fuerte .bloque-principal .centrado aside .formulario .segundo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.single .wrapper main.post-tratamiento.color_pareja_fuerte .bloque-principal .centrado aside .formulario .primera input, .single .wrapper main.post-tratamiento.color_pareja_fuerte .bloque-principal .centrado aside .formulario .primera select {
background-color: var(--color_pareja);
}
.single .wrapper main.post-tratamiento.color_pareja_fuerte .bloque-principal .centrado aside .formulario .wpcf7-submit {
background-color: var(--color_pareja_fuerte);
}
.single .wrapper main.post-tratamiento.color_adolescentes_fuerte .curva {
width: 100%;
}
.single .wrapper main.post-tratamiento.color_adolescentes_fuerte .curva .banda {
fill: var(--color_adolescentes_fuerte);
}
.single .wrapper main.post-tratamiento.color_adolescentes_fuerte .curva .fondo {
fill: var(--color_adolescentes);
}
.single .wrapper main.post-tratamiento.color_adolescentes_fuerte .bloque-principal .centrado article .online {
background-color: var(--color_adolescentes);
border-color: var(--color_adolescentes_fuerte);
}
.single .wrapper main.post-tratamiento.color_adolescentes_fuerte .bloque-principal .centrado article h1, .single .wrapper main.post-tratamiento.color_adolescentes_fuerte .bloque-principal .centrado article h2, .single .wrapper main.post-tratamiento.color_adolescentes_fuerte .bloque-principal .centrado article h3 {
color: var(--color_adolescentes_fuerte);
}
.single .wrapper main.post-tratamiento.color_adolescentes_fuerte .bloque-principal .centrado article img {
border: 5px dotted var(--color_adolescentes_fuerte);
}
.single .wrapper main.post-tratamiento.color_adolescentes_fuerte .bloque-principal .centrado article ul {
border: 5px dotted var(--color_adolescentes_fuerte);
}
.single .wrapper main.post-tratamiento.color_adolescentes_fuerte .bloque-principal .centrado article ul li strong, .single .wrapper main.post-tratamiento.color_adolescentes_fuerte .bloque-principal .centrado article ul li b {
color: var(--color_adolescentes_fuerte);
}
.single .wrapper main.post-tratamiento.color_adolescentes_fuerte .bloque-principal .centrado aside {
border-left: 5px solid var(--color_adolescentes_fuerte);
}
@media only screen and (max-width: 550px) {
.single .wrapper main.post-tratamiento.color_adolescentes_fuerte .bloque-principal .centrado aside {
border-left: 0px;
border-top: 5px solid var(--color_adolescentes_fuerte);
}
}
.single .wrapper main.post-tratamiento.color_adolescentes_fuerte .bloque-principal .centrado aside .formulario h2 {
color: var(--color_adolescentes_fuerte);
}
.single .wrapper main.post-tratamiento.color_adolescentes_fuerte .bloque-principal .centrado aside .formulario .primera input, .single .wrapper main.post-tratamiento.color_adolescentes_fuerte .bloque-principal .centrado aside .formulario .primera select {
background-color: var(--color_adolescentes);
}
.single .wrapper main.post-tratamiento.color_adolescentes_fuerte .bloque-principal .centrado aside .formulario .wpcf7-submit {
background-color: var(--color_adolescentes_fuerte);
}
.single .wrapper main.post-tratamiento.color_social_fuerte .curva {
width: 100%;
}
.single .wrapper main.post-tratamiento.color_social_fuerte .curva .banda {
fill: var(--color_social_fuerte);
}
.single .wrapper main.post-tratamiento.color_social_fuerte .curva .fondo {
fill: var(--color_social);
}
.single .wrapper main.post-tratamiento.color_social_fuerte .bloque-principal .centrado article .online {
background-color: var(--color_social);
border-color: var(--color_social_fuerte);
}
.single .wrapper main.post-tratamiento.color_social_fuerte .bloque-principal .centrado article h1, .single .wrapper main.post-tratamiento.color_social_fuerte .bloque-principal .centrado article h2, .single .wrapper main.post-tratamiento.color_social_fuerte .bloque-principal .centrado article h3 {
color: var(--color_social_fuerte);
}
.single .wrapper main.post-tratamiento.color_social_fuerte .bloque-principal .centrado article img {
border: 5px dotted var(--color_social_fuerte);
}
.single .wrapper main.post-tratamiento.color_social_fuerte .bloque-principal .centrado article ul {
border: 5px dotted var(--color_social_fuerte);
}
.single .wrapper main.post-tratamiento.color_social_fuerte .bloque-principal .centrado article ul li strong, .single .wrapper main.post-tratamiento.color_social_fuerte .bloque-principal .centrado article ul li b {
color: var(--color_social_fuerte);
}
.single .wrapper main.post-tratamiento.color_social_fuerte .bloque-principal .centrado aside {
border-left: 5px solid var(--color_social_fuerte);
}
@media only screen and (max-width: 550px) {
.single .wrapper main.post-tratamiento.color_social_fuerte .bloque-principal .centrado aside {
border-left: 0px;
border-top: 5px solid var(--color_social_fuerte);
}
}
.single .wrapper main.post-tratamiento.color_social_fuerte .bloque-principal .centrado aside .formulario h2 {
color: var(--color_social_fuerte);
}
.single .wrapper main.post-tratamiento.color_social_fuerte .bloque-principal .centrado aside .formulario .primera input, .single .wrapper main.post-tratamiento.color_social_fuerte .bloque-principal .centrado aside .formulario .primera select {
background-color: var(--color_social);
}
.single .wrapper main.post-tratamiento.color_social_fuerte .bloque-principal .centrado aside .formulario .wpcf7-submit {
background-color: var(--color_social_fuerte);
}
.single .wrapper main.post-tratamiento.color_pedagogica_fuerte .curva {
width: 100%;
}
.single .wrapper main.post-tratamiento.color_pedagogica_fuerte .curva .banda {
fill: var(--color_pedagogica_fuerte);
}
.single .wrapper main.post-tratamiento.color_pedagogica_fuerte .curva .fondo {
fill: var(--color_pedagogica);
}
.single .wrapper main.post-tratamiento.color_pedagogica_fuerte .bloque-principal .centrado article .online {
background-color: var(--color_pedagogica);
border-color: var(--color_pedagogica_fuerte);
}
.single .wrapper main.post-tratamiento.color_pedagogica_fuerte .bloque-principal .centrado article h1, .single .wrapper main.post-tratamiento.color_pedagogica_fuerte .bloque-principal .centrado article h2, .single .wrapper main.post-tratamiento.color_pedagogica_fuerte .bloque-principal .centrado article h3 {
color: var(--color_pedagogica_fuerte);
}
.single .wrapper main.post-tratamiento.color_pedagogica_fuerte .bloque-principal .centrado article img {
border: 5px dotted var(--color_pedagogica_fuerte);
}
.single .wrapper main.post-tratamiento.color_pedagogica_fuerte .bloque-principal .centrado article ul {
border: 5px dotted var(--color_pedagogica_fuerte);
}
.single .wrapper main.post-tratamiento.color_pedagogica_fuerte .bloque-principal .centrado article ul li strong, .single .wrapper main.post-tratamiento.color_pedagogica_fuerte .bloque-principal .centrado article ul li b {
color: var(--color_pedagogica_fuerte);
}
.single .wrapper main.post-tratamiento.color_pedagogica_fuerte .bloque-principal .centrado aside {
border-left: 5px solid var(--color_pedagogica_fuerte);
}
@media only screen and (max-width: 550px) {
.single .wrapper main.post-tratamiento.color_pedagogica_fuerte .bloque-principal .centrado aside {
border-left: 0px;
border-top: 5px solid var(--color_pedagogica_fuerte);
}
}
.single .wrapper main.post-tratamiento.color_pedagogica_fuerte .bloque-principal .centrado aside .formulario h2 {
color: var(--color_pedagogica_fuerte);
}
.single .wrapper main.post-tratamiento.color_pedagogica_fuerte .bloque-principal .centrado aside .formulario .primera input, .single .wrapper main.post-tratamiento.color_pedagogica_fuerte .bloque-principal .centrado aside .formulario .primera select {
background-color: var(--color_pedagogica);
}
.single .wrapper main.post-tratamiento.color_pedagogica_fuerte .bloque-principal .centrado aside .formulario .wpcf7-submit {
background-color: var(--color_pedagogica_fuerte);
}
.single .wrapper main.post-tratamiento.color_juridica_fuerte .curva {
width: 100%;
}
.single .wrapper main.post-tratamiento.color_juridica_fuerte .curva .banda {
fill: var(--color_juridica_fuerte);
}
.single .wrapper main.post-tratamiento.color_juridica_fuerte .curva .fondo {
fill: var(--color_juridica);
}
.single .wrapper main.post-tratamiento.color_juridica_fuerte .bloque-principal .centrado article .online {
background-color: var(--color_juridica);
border-color: var(--color_juridica_fuerte);
}
.single .wrapper main.post-tratamiento.color_juridica_fuerte .bloque-principal .centrado article h1, .single .wrapper main.post-tratamiento.color_juridica_fuerte .bloque-principal .centrado article h2, .single .wrapper main.post-tratamiento.color_juridica_fuerte .bloque-principal .centrado article h3 {
color: var(--color_juridica_fuerte);
}
.single .wrapper main.post-tratamiento.color_juridica_fuerte .bloque-principal .centrado article img {
border: 5px dotted var(--color_juridica_fuerte);
}
.single .wrapper main.post-tratamiento.color_juridica_fuerte .bloque-principal .centrado article ul {
border: 5px dotted var(--color_juridica_fuerte);
}
.single .wrapper main.post-tratamiento.color_juridica_fuerte .bloque-principal .centrado article ul li strong, .single .wrapper main.post-tratamiento.color_juridica_fuerte .bloque-principal .centrado article ul li b {
color: var(--color_juridica_fuerte);
}
.single .wrapper main.post-tratamiento.color_juridica_fuerte .bloque-principal .centrado aside {
border-left: 5px solid var(--color_juridica_fuerte);
}
@media only screen and (max-width: 550px) {
.single .wrapper main.post-tratamiento.color_juridica_fuerte .bloque-principal .centrado aside {
border-left: 0px;
border-top: 5px solid var(--color_juridica_fuerte);
}
}
.single .wrapper main.post-tratamiento.color_juridica_fuerte .bloque-principal .centrado aside .formulario h2 {
color: var(--color_juridica_fuerte);
}
.single .wrapper main.post-tratamiento.color_juridica_fuerte .bloque-principal .centrado aside .formulario .primera input, .single .wrapper main.post-tratamiento.color_juridica_fuerte .bloque-principal .centrado aside .formulario .primera select {
background-color: var(--color_juridica);
}
.single .wrapper main.post-tratamiento.color_juridica_fuerte .bloque-principal .centrado aside .formulario .wpcf7-submit {
background-color: var(--color_juridica_fuerte);
}
.single .wrapper main.post-tratamiento .bloque-testimonios {
background-color: #EAE2D6;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
min-height: 100px;
}
@media only screen and (max-width: 550px) {
.single .wrapper main.post-tratamiento .bloque-testimonios {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
.single .wrapper main.post-tratamiento .bloque-testimonios .centrado h2 {
color: #867666;
font-weight: 400;
font-size: 38px;
font-family: georgian;
}
.single .wrapper main.post-tratamiento .bloque-testimonios .centrado .array_testimonios {
display: block;
width: 100%;
min-height: 100px;
}
.single .wrapper main.post-tratamiento .bloque-testimonios .centrado .testimonios {
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;
border-radius: 10px;
margin-top: 20px;
}
.single .wrapper main.post-tratamiento .bloque-testimonios .centrado .testimonios h3 {
color: var(--color_adulto_fuerte);
font-weight: 400;
font-size: 28px;
font-family: var(--titulares);
margin-bottom: 10px;
text-align: right;
}
.single .wrapper main.post-tratamiento .bloque-testimonios .centrado .testimonios p {
font-size: 17px;
line-height: 1.5em;
position: relative;
padding: 10px;
}
.single .wrapper main.post-tratamiento .bloque-testimonios .centrado .testimonios p:before {
content: "“";
position: absolute;
top: 20px;
left: 0px;
opacity: 0.1;
font-size: 150px;
font-family: "times";
}
.single .wrapper main.post-tratamiento .bloque-testimonios .centrado .testimonios p:after {
content: "”";
position: absolute;
bottom: -40px;
right: 0px;
opacity: 0.1;
font-size: 150px;
font-family: "times";
}
.single .wrapper main.post-tratamiento .bloque-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;
height: 20px;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
.single .wrapper main.post-tratamiento .bloque-testimonios .centrado .owl-dots button {
width: 15px;
height: 15px;
border-radius: 15px;
background-color: var(--color_adulto_fuerte);
opacity: 0.5;
}
.single .wrapper main.post-tratamiento .bloque-testimonios .centrado .owl-dots button.active {
background-color: var(--color_adulto_fuerte);
opacity: 1;
}
.single .wrapper main.post-tratamiento.color_pareja_fuerte .bloque-testimonios {
background-color: var(--color_pareja);
}
.single .wrapper main.post-tratamiento.color_pareja_fuerte .bloque-testimonios .centrado h2 {
color: var(--color_pareja_fuerte);
}
.single .wrapper main.post-tratamiento.color_pareja_fuerte .bloque-testimonios .centrado .testimonios h3 {
color: var(--color_pareja_fuerte);
}
.single .wrapper main.post-tratamiento.color_pareja_fuerte .bloque-testimonios .centrado .owl-dots button {
background-color: var(--color_pareja);
}
.single .wrapper main.post-tratamiento.color_pareja_fuerte .bloque-testimonios .centrado .owl-dots button.active {
background-color: var(--color_pareja_fuerte);
}
.single .wrapper main.post-tratamiento.color_adolescentes_fuerte .bloque-testimonios {
background-color: var(--color_adolescentes);
}
.single .wrapper main.post-tratamiento.color_adolescentes_fuerte .bloque-testimonios .centrado h2 {
color: var(--color_adolescentes_fuerte);
}
.single .wrapper main.post-tratamiento.color_adolescentes_fuerte .bloque-testimonios .centrado .testimonios h3 {
color: var(--color_adolescentes_fuerte);
}
.single .wrapper main.post-tratamiento.color_adolescentes_fuerte .bloque-testimonios .centrado .owl-dots button {
background-color: var(--color_adolescentes);
}
.single .wrapper main.post-tratamiento.color_adolescentes_fuerte .bloque-testimonios .centrado .owl-dots button.active {
background-color: var(--color_adolescentes_fuerte);
}
.single .wrapper main.post-tratamiento.color_social_fuerte .bloque-testimonios {
background-color: var(--color_social);
}
.single .wrapper main.post-tratamiento.color_social_fuerte .bloque-testimonios .centrado h2 {
color: var(--color_social_fuerte);
}
.single .wrapper main.post-tratamiento.color_social_fuerte .bloque-testimonios .centrado .testimonios h3 {
color: var(--color_social_fuerte);
}
.single .wrapper main.post-tratamiento.color_social_fuerte .bloque-testimonios .centrado .owl-dots button {
background-color: var(--color_social);
}
.single .wrapper main.post-tratamiento.color_social_fuerte .bloque-testimonios .centrado .owl-dots button.active {
background-color: var(--color_social_fuerte);
}
.single .wrapper main.post-tratamiento.color_pedagogica_fuerte .bloque-testimonios {
background-color: var(--color_pedagogica);
}
.single .wrapper main.post-tratamiento.color_pedagogica_fuerte .bloque-testimonios .centrado h2 {
color: var(--color_pedagogica_fuerte);
}
.single .wrapper main.post-tratamiento.color_pedagogica_fuerte .bloque-testimonios .centrado .testimonios h3 {
color: var(--color_pedagogica_fuerte);
}
.single .wrapper main.post-tratamiento.color_pedagogica_fuerte .bloque-testimonios .centrado .owl-dots button {
background-color: var(--color_pedagogica);
}
.single .wrapper main.post-tratamiento.color_pedagogica_fuerte .bloque-testimonios .centrado .owl-dots button.active {
background-color: var(--color_pedagogica_fuerte);
}
.single .wrapper main.post-tratamiento.color_juridica_fuerte .bloque-testimonios {
background-color: var(--color_juridica);
}
.single .wrapper main.post-tratamiento.color_juridica_fuerte .bloque-testimonios .centrado h2 {
color: var(--color_juridica_fuerte);
}
.single .wrapper main.post-tratamiento.color_juridica_fuerte .bloque-testimonios .centrado .testimonios h3 {
color: var(--color_juridica_fuerte);
}
.single .wrapper main.post-tratamiento.color_juridica_fuerte .bloque-testimonios .centrado .owl-dots button {
background-color: var(--color_juridica);
}
.single .wrapper main.post-tratamiento.color_juridica_fuerte .bloque-testimonios .centrado .owl-dots button.active {
background-color: var(--color_juridica_fuerte);
}
.single .wrapper main.post-tratamiento .bloque-talleres {
padding-bottom: 150px;
}
@media only screen and (max-width: 550px) {
.single .wrapper main.post-tratamiento .bloque-talleres {
padding-bottom: 0px;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
.single .wrapper main.post-tratamiento .bloque-talleres .contenedor_curva {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
z-index: 3;
}
.single .wrapper main.post-tratamiento .bloque-talleres .contenedor_curva_inversa {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
z-index: 3;
}
.single .wrapper main.post-tratamiento .bloque-talleres .curva_inversa {
width: 100%;
}
.single .wrapper main.post-tratamiento .bloque-talleres .curva_inversa .banda {
fill: #867666;
}
.single .wrapper main.post-tratamiento .bloque-talleres .curva_inversa .fondo {
fill: #EAE2D6;
}
.single .wrapper main.post-tratamiento .bloque-talleres .centrado h2 {
color: #7E5935;
font-weight: 400;
font-size: 38px;
font-family: georgian;
}
.single .wrapper main.post-tratamiento .bloque-talleres .centrado .array_cursos {
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: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
@media only screen and (max-width: 1180px) {
.single .wrapper main.post-tratamiento .bloque-talleres .centrado .array_cursos {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
}
}
@media only screen and (max-width: 820px) {
.single .wrapper main.post-tratamiento .bloque-talleres .centrado .array_cursos {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
}
}
@media only screen and (max-width: 550px) {
.single .wrapper main.post-tratamiento .bloque-talleres .centrado .array_cursos {
margin-top: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.single .wrapper main.post-tratamiento .bloque-talleres .centrado .array_cursos .taller {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
background-color: var(--color_juridica);
border-radius: 10px;
margin-bottom: 20px;
padding: 20px;
}
@media only screen and (max-width: 1180px) {
.single .wrapper main.post-tratamiento .bloque-talleres .centrado .array_cursos .taller {
width: 100%;
max-width: calc(50% - 10px);
}
}
@media only screen and (max-width: 820px) {
.single .wrapper main.post-tratamiento .bloque-talleres .centrado .array_cursos .taller {
width: 100%;
max-width: calc(50% - 10px);
}
}
@media only screen and (max-width: 550px) {
.single .wrapper main.post-tratamiento .bloque-talleres .centrado .array_cursos .taller {
max-width: 100%;
}
}
.single .wrapper main.post-tratamiento .bloque-talleres .centrado .array_cursos .taller h2 {
color: var(--color_curso);
font-size: 28px;
font-weight: 400;
font-family: var(--titulares);
}
.single .wrapper main.post-tratamiento .bloque-talleres .centrado .array_cursos .taller p {
font-size: 16px;
line-height: 28px;
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
}
.single .wrapper main.post-tratamiento .bloque-talleres .centrado .array_cursos .taller a {
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: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--color_curso);
color: white;
padding: 5px 20px;
border-radius: 10px;
text-transform: uppercase;
text-decoration: none;
font-family: var(--titulares);
width: 100%;
max-width: 300px;
margin-top: 10px;
}
@media only screen and (max-width: 550px) {
.single .wrapper main.post-tratamiento .bloque-talleres .centrado .array_cursos .taller a {
max-width: 100%;
}
}
.single .wrapper main.post-tratamiento .bloque-talleres .centrado .array_cursos .taller a span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.single .wrapper main.post-tratamiento .bloque-talleres .centrado .array_cursos .taller a span:first-child {
text-align: right;
border-right: 2px solid white;
padding-right: 5px;
}
.single .wrapper main.post-tratamiento .bloque-talleres .centrado .array_cursos .taller a span:last-child {
text-align: left;
padding-left: 5px;
}
.single .wrapper main.post-tratamiento.color_pareja_fuerte .bloque-talleres .contenedor_curva_inversa .banda {
fill: var(--color_pareja_fuerte);
}
.single .wrapper main.post-tratamiento.color_pareja_fuerte .bloque-talleres .contenedor_curva_inversa .fondo {
fill: var(--color_pareja);
}
.single .wrapper main.post-tratamiento.color_social_fuerte .bloque-talleres .contenedor_curva_inversa .banda {
fill: var(--color_social_fuerte);
}
.single .wrapper main.post-tratamiento.color_social_fuerte .bloque-talleres .contenedor_curva_inversa .fondo {
fill: var(--color_social);
}
.single .wrapper main.post-tratamiento.color_adolescentes_fuerte .bloque-talleres .contenedor_curva_inversa .banda {
fill: var(--color_adolescentes_fuerte);
}
.single .wrapper main.post-tratamiento.color_adolescentes_fuerte .bloque-talleres .contenedor_curva_inversa .fondo {
fill: var(--color_adolescentes);
}
.single .wrapper main.post-tratamiento.color_pedagogica_fuerte .bloque-talleres .contenedor_curva_inversa .banda {
fill: var(--color_pedagogica_fuerte);
}
.single .wrapper main.post-tratamiento.color_pedagogica_fuerte .bloque-talleres .contenedor_curva_inversa .fondo {
fill: var(--color_pedagogica);
}
.single .wrapper main.post-tratamiento.color_juridica_fuerte .bloque-talleres .contenedor_curva_inversa .banda {
fill: var(--color_juridica_fuerte);
}
.single .wrapper main.post-tratamiento.color_juridica_fuerte .bloque-talleres .contenedor_curva_inversa .fondo {
fill: var(--color_juridica);
} .lista-tratamientos {
width: 100%;
}
@media only screen and (max-width: 430px) {
.lista-tratamientos {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
}
.lista-tratamientos .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-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
max-width: var(--ancho_maximo);
margin-left: auto;
margin-right: auto;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
padding-top: 20px;
padding-bottom: 20px;
}
@media only screen and (max-width: 1200px) {
.lista-tratamientos .centrado {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width: 550px) {
.lista-tratamientos .centrado {
padding-left: 10px;
padding-right: 10px;
}
}
.lista-tratamientos .centrado ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
list-style: none;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
@media only screen and (max-width: 820px) {
.lista-tratamientos .centrado ul {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
}
}
@media only screen and (max-width: 430px) {
.lista-tratamientos .centrado ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.lista-tratamientos .centrado ul li {
width: 100%;
max-width: 16.6666666667%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
}
@media only screen and (max-width: 820px) {
.lista-tratamientos .centrado ul li {
max-width: calc(33.3333333333% - 15px);
}
}
@media only screen and (max-width: 430px) {
.lista-tratamientos .centrado ul li {
max-width: 100%;
margin-top: 10px;
}
}
.lista-tratamientos .centrado ul li a {
text-transform: uppercase;
text-decoration: none;
font-size: 16px;
font-weight: 500;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
background-color: pink;
border-radius: 10px;
padding: 5px;
border: 5px solid red;
color: black;
}
.lista-tratamientos .centrado ul li a:hover {
border: solid;
}
.lista-tratamientos .centrado ul li.adultos a {
border: 5px solid var(--color_adulto);
background-color: var(--color_adulto_fuerte);
color: var(--color_blanco);
}
.lista-tratamientos .centrado ul li.adultos a:hover {
border: solid var(--color_adulto_fuerte);
}
.lista-tratamientos .centrado ul li.adultos.current-menu-item a {
border: 5px dotted var(--color_adulto_fuerte);
}
.lista-tratamientos .centrado ul li.pareja a {
border: 5px solid var(--color_pareja);
background-color: var(--color_pareja_fuerte);
color: var(--color_blanco);
}
.lista-tratamientos .centrado ul li.pareja a:hover {
border: solid var(--color_pareja_fuerte);
}
.lista-tratamientos .centrado ul li.pareja.current-menu-item a {
border: 5px dotted var(--color_pareja_fuerte);
}
.lista-tratamientos .centrado ul li.adolescentes a {
border: 5px solid var(--color_adolescentes);
background-color: var(--color_adolescentes_fuerte);
color: var(--color_blanco);
}
.lista-tratamientos .centrado ul li.adolescentes a:hover {
border: solid var(--color_adolescentes_fuerte);
}
.lista-tratamientos .centrado ul li.adolescentes.current-menu-item a {
border: 5px dotted var(--color_adolescentes_fuerte);
}
.lista-tratamientos .centrado ul li.social a {
border: 5px solid var(--color_social);
background-color: var(--color_social_fuerte);
color: var(--color_blanco);
}
.lista-tratamientos .centrado ul li.social a:hover {
border: solid var(--color_social_fuerte);
}
.lista-tratamientos .centrado ul li.social.current-menu-item a {
border: 5px dotted var(--color_social_fuerte);
}
.lista-tratamientos .centrado ul li.pedagogica a {
border: 5px solid var(--color_pedagogica);
background-color: var(--color_pedagogica_fuerte);
color: var(--color_blanco);
}
.lista-tratamientos .centrado ul li.pedagogica a:hover {
border: solid var(--color_pedagogica_fuerte);
}
.lista-tratamientos .centrado ul li.pedagogica.current-menu-item a {
border: 5px dotted var(--color_pedagogica_fuerte);
}
.lista-tratamientos .centrado ul li.juridica a {
border: 5px solid var(--color_juridica);
background-color: var(--color_juridica_fuerte);
color: var(--color_blanco);
}
.lista-tratamientos .centrado ul li.juridica a:hover {
border: solid var(--color_juridica_fuerte);
}
.lista-tratamientos .centrado ul li.juridica.current-menu-item a {
border: 5px dotted var(--color_juridica_fuerte);
}
.lista-tratamientos.lista-tratamientos-cursos .centrado ul li {
width: 100%;
max-width: 25%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
}
@media only screen and (max-width: 820px) {
.lista-tratamientos.lista-tratamientos-cursos .centrado ul li {
max-width: calc(25% - 15px);
}
}
@media only screen and (max-width: 430px) {
.lista-tratamientos.lista-tratamientos-cursos .centrado ul li {
max-width: 100%;
margin-top: 10px;
}
}
.lista-tratamientos.lista-tratamientos-cursos .centrado ul li a {
background-color: #D5C3AA;
border: 5px solid #D5C3AA;
color: #867666;
}
.lista-tratamientos.lista-tratamientos-cursos .centrado ul li.current-menu-item a {
border: 5px solid #EAE2D6;
background-color: #EAE2D6;
color: #867666;
}
.tratamiento_contenido {
background-color: var(--color_fondo_tratamiento);
}
@media only screen and (max-width: 550px) {
.tratamiento_contenido {
padding-bottom: 150px;
}
}
.tratamiento_contenido .centrado {
z-index: 2;
position: relative;
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: 100px;
-moz-column-gap: 100px;
column-gap: 100px;
}
@media only screen and (max-width: 820px) {
.tratamiento_contenido .centrado {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (max-width: 550px) {
.tratamiento_contenido .centrado {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.tratamiento_contenido .centrado .intro {
width: 100%;
max-width: 33.3333333333%;
}
@media only screen and (max-width: 820px) {
.tratamiento_contenido .centrado .intro {
max-width: 100%;
}
}
@media only screen and (max-width: 550px) {
.tratamiento_contenido .centrado .intro {
max-width: 100%;
}
}
.tratamiento_contenido .centrado .intro h1 {
color: var(--color_adulto_fuerte);
font-weight: 400;
font-size: 38px;
font-family: var(--titulares);
}
.tratamiento_contenido .centrado .intro p {
line-height: 1.5em;
}
.tratamiento_contenido .centrado .array_tratamientos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px;
max-width: 65%;
}
@media only screen and (max-width: 820px) {
.tratamiento_contenido .centrado .array_tratamientos {
margin-top: 20px;
max-width: 100%;
margin-bottom: 150px;
}
}
@media only screen and (max-width: 550px) {
.tratamiento_contenido .centrado .array_tratamientos {
max-width: 100%;
margin-top: 20px;
}
}
.tratamiento_contenido .centrado .array_tratamientos .tratamiento {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: calc(50% - 25px);
}
@media only screen and (max-width: 550px) {
.tratamiento_contenido .centrado .array_tratamientos .tratamiento {
max-width: 100%;
}
}
.tratamiento_contenido .centrado .array_tratamientos .tratamiento a {
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;
padding: 20px;
border-left: 10px solid red;
text-decoration: none;
color: black;
}
.tratamiento_contenido .centrado .array_tratamientos .tratamiento a h2 {
font-weight: 400;
}
.tratamiento_contenido .centrado .array_tratamientos .tratamiento a p {
line-height: 1.5em;
}
.tratamiento_contenido .centrado .array_tratamientos .tratamiento a {
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;
padding: 20px;
border-left: 10px solid red;
text-decoration: none;
color: black;
}
.tratamiento_contenido .centrado .array_tratamientos .tratamiento a h2 {
font-weight: 400;
}
.tratamiento_contenido .centrado .array_tratamientos .tratamiento a p {
line-height: 1.5em;
}
.tratamiento_contenido .centrado .array_tratamientos .tratamiento.color_adulto_fuerte, .tratamiento_contenido .centrado .array_tratamientos .tratamiento .color_adulto {
background-color: #D5C3AA;
}
.tratamiento_contenido .centrado .array_tratamientos .tratamiento.color_adulto_fuerte a, .tratamiento_contenido .centrado .array_tratamientos .tratamiento .color_adulto a {
border-color: #D5C3AA;
}
.tratamiento_contenido .centrado .array_tratamientos .tratamiento.color_pareja_fuerte, .tratamiento_contenido .centrado .array_tratamientos .tratamiento .color_pareja {
background-color: #D5C3AA;
}
.tratamiento_contenido .centrado .array_tratamientos .tratamiento.color_pareja_fuerte a, .tratamiento_contenido .centrado .array_tratamientos .tratamiento .color_pareja a {
border-color: #D5C3AA;
}
.tratamiento_contenido .centrado .array_tratamientos .tratamiento.color_adolescentes_fuerte, .tratamiento_contenido .centrado .array_tratamientos .tratamiento .color_adolescentes {
background-color: #D5C3AA;
}
.tratamiento_contenido .centrado .array_tratamientos .tratamiento.color_adolescentes_fuerte a, .tratamiento_contenido .centrado .array_tratamientos .tratamiento .color_adolescentes a {
border-color: #D5C3AA;
}
.tratamiento_contenido .centrado .array_tratamientos .tratamiento.color_social_fuerte, .tratamiento_contenido .centrado .array_tratamientos .tratamiento .color_social {
background-color: #D5C3AA;
}
.tratamiento_contenido .centrado .array_tratamientos .tratamiento.color_social_fuerte a, .tratamiento_contenido .centrado .array_tratamientos .tratamiento .color_social a {
border-color: #D5C3AA;
}
.tratamiento_contenido .centrado .array_tratamientos .tratamiento.color_pedagogica_fuerte, .tratamiento_contenido .centrado .array_tratamientos .tratamiento .color_pedagogica {
background-color: #D5C3AA;
}
.tratamiento_contenido .centrado .array_tratamientos .tratamiento.color_pedagogica_fuerte a, .tratamiento_contenido .centrado .array_tratamientos .tratamiento .color_pedagogica a {
border-color: #D5C3AA;
}
.tratamiento_contenido .centrado .array_tratamientos .tratamiento.color_juridica_fuerte, .tratamiento_contenido .centrado .array_tratamientos .tratamiento .color_juridica {
background-color: #D5C3AA;
}
.tratamiento_contenido .centrado .array_tratamientos .tratamiento.color_juridica_fuerte a, .tratamiento_contenido .centrado .array_tratamientos .tratamiento .color_juridica a {
border-color: #D5C3AA;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .tratamiento_contenido {
background-color: initial;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .tratamiento_contenido .centrado {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .tratamiento_contenido .centrado .intro {
width: 100%;
max-width: 100%;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .tratamiento_contenido .centrado .array_tratamientos {
width: 100%;
max-width: 100%;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .tratamiento_contenido .centrado .array_tratamientos .tratamiento {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 100%;
padding: 20px;
border-radius: 10px;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .tratamiento_contenido .centrado .array_tratamientos .tratamiento h2 {
font-weight: 400;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .tratamiento_contenido .centrado .array_tratamientos .tratamiento p:last-child {
padding-bottom: 0px;
} .single .wrapper header .centrado .logo {
border: 0px;
}
.single .wrapper header .centrado .logo svg {
border: 0px;
-webkit-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.7));
filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.7));
}
.single .wrapper header .centrado .logo svg .plano {
fill: white;
stroke: 0;
}
.single .wrapper header .centrado .logo svg .plano_opacidad {
stroke: 0;
opacity: 0.45;
fill: white;
}
.single .wrapper main.post-curso {
min-height: 50vh;
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) {
.single .wrapper main.post-curso .bloque-principal {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
.single .wrapper main.post-curso .bloque-principal .centrado {
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: 820px) {
.single .wrapper main.post-curso .bloque-principal .centrado {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.single .wrapper main.post-curso .bloque-principal .centrado article {
padding-right: 50px;
}
@media only screen and (max-width: 820px) {
.single .wrapper main.post-curso .bloque-principal .centrado article {
padding-right: 0px;
}
}
@media only screen and (max-width: 550px) {
.single .wrapper main.post-curso .bloque-principal .centrado article {
padding-right: 0px;
}
}
.single .wrapper main.post-curso .bloque-principal .centrado article h1 {
color: #867666;
font-weight: 400;
font-size: 48px;
font-family: var(--titulares);
padding-bottom: 20px;
}
@media only screen and (max-width: 550px) {
.single .wrapper main.post-curso .bloque-principal .centrado article h1 {
font-size: 38px;
line-height: 1.1em;
}
}
.single .wrapper main.post-curso .bloque-principal .centrado article h2 {
padding-bottom: 10px;
}
.single .wrapper main.post-curso .bloque-principal .centrado article p {
font-size: 18px;
line-height: 1.75em;
padding-bottom: 10px;
}
.single .wrapper main.post-curso .bloque-principal .centrado article img {
width: 100%;
max-width: 100%;
aspect-ratio: 2/1;
border-radius: 10px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
margin-top: 0px;
margin-bottom: 20px;
}
@media only screen and (max-width: 550px) {
.single .wrapper main.post-curso .bloque-principal .centrado article img {
margin-top: 10px;
margin-bottom: 10px;
}
}
.single .wrapper main.post-curso .bloque-principal .centrado article > ul {
border-radius: 10px;
padding: 20px;
margin-top: 30px;
background-color: #EAE2D6;
margin-bottom: 20px;
}
.single .wrapper main.post-curso .bloque-principal .centrado article > ul li {
font-size: 18px;
line-height: 1.75em;
padding-bottom: 10px;
margin-left: 20px;
color: #867666;
}
.single .wrapper main.post-curso .bloque-principal .centrado aside {
width: 100%;
max-width: 550px;
min-width: 470px;
padding-left: 50px;
border-left: 5px solid #867666;
position: relative;
background-image: url(https://gogoapsicologos.es/wp-content/themes/gogoa_04/sofa_blanco.svg);
background-repeat: no-repeat;
background-size: 150%;
background-position: bottom right;
}
@media only screen and (max-width: 1180px) {
.single .wrapper main.post-curso .bloque-principal .centrado aside {
min-width: 400px;
}
}
@media only screen and (max-width: 820px) {
.single .wrapper main.post-curso .bloque-principal .centrado aside {
max-width: 100%;
min-width: 100%;
}
}
@media only screen and (max-width: 550px) {
.single .wrapper main.post-curso .bloque-principal .centrado aside {
padding-left: 0px;
max-width: 100%;
min-width: 100%;
border-left: 0px;
background-size: 100%;
margin-top: 20px;
}
}
.single .wrapper main.post-curso .bloque-principal .centrado aside .formulario {
position: sticky;
top: 10px;
padding: 10px;
background-color: #EAE2D6;
border-radius: 10px;
}
@media only screen and (max-width: 550px) {
.single .wrapper main.post-curso .bloque-principal .centrado aside .formulario {
margin-bottom: 150px;
}
}
.single .wrapper main.post-curso .bloque-principal .centrado aside .formulario a {
color: black;
font-weight: 500;
}
.single .wrapper main.post-curso .bloque-principal .centrado aside .formulario .detalles {
padding-bottom: 10px;
}
.single .wrapper main.post-curso .bloque-principal .centrado aside .formulario .detalles h1 {
padding-bottom: 5px;
}
.single .wrapper main.post-curso .bloque-principal .centrado aside .formulario .detalles p {
padding-bottom: 5px;
}
.single .wrapper main.post-curso .bloque-principal .centrado aside .formulario .detalles p a {
color: var(--color_negro_siempre);
}
.single .wrapper main.post-curso .bloque-principal .centrado aside .formulario h2 {
color: #867666;
font-weight: 400;
font-size: 28px;
font-family: var(--titulares);
margin-bottom: 10px;
}
.single .wrapper main.post-curso .bloque-principal .centrado aside .formulario .primera input, .single .wrapper main.post-curso .bloque-principal .centrado aside .formulario .primera select {
border-radius: 10px;
background-color: var(--color_blanco_siempre);
padding: 10px 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 5px;
border: 0px;
width: 100%;
font-size: 18px;
margin-bottom: 5px;
height: 40px;
}
.single .wrapper main.post-curso .bloque-principal .centrado aside .formulario .wpcf7-list-item {
margin: 0px;
padding-bottom: 10px;
padding-top: 10px;
}
.single .wrapper main.post-curso .bloque-principal .centrado aside .formulario .wpcf7-submit {
padding: 10px 10px;
border: 0px;
width: 100%;
font-size: 18px;
margin-bottom: 5px;
background-color: var(--color_curso);
color: white;
text-transform: uppercase;
border-radius: 5px;
border: 1px solid black;
margin-top: 20px;
}
.single .wrapper main.post-curso .bloque-principal .centrado aside img {
position: absolute;
bottom: 0px;
right: 0px;
}
.single .wrapper main.post-curso .bloque-principal .contenedor_curva {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
z-index: 3;
}
.single .wrapper main.post-curso .bloque-principal .curva {
width: 100%;
}
.single .wrapper main.post-curso .bloque-principal .curva .banda {
fill: #867666;
}
.single .wrapper main.post-curso .bloque-principal .curva .fondo {
fill: #EAE2D6;
}
.single .wrapper main.post-curso.color_pareja_fuerte .curva {
width: 100%;
}
.single .wrapper main.post-curso.color_pareja_fuerte .curva .banda {
fill: #867666;
}
.single .wrapper main.post-curso.color_pareja_fuerte .curva .fondo {
fill: #EAE2D6;
}
.single .wrapper main.post-curso.color_pareja_fuerte .bloque-principal .centrado article h1 {
color: var(--color_pareja_fuerte);
}
.single .wrapper main.post-curso.color_pareja_fuerte .bloque-principal .centrado article img {
border: 5px dotted var(--color_pareja_fuerte);
}
.single .wrapper main.post-curso.color_pareja_fuerte .bloque-principal .centrado article ul {
border: 5px dotted var(--color_pareja_fuerte);
}
.single .wrapper main.post-curso.color_pareja_fuerte .bloque-principal .centrado aside {
border-left: 5px solid var(--color_pareja_fuerte);
}
.single .wrapper main.post-curso.color_pareja_fuerte .bloque-principal .centrado aside .formulario h2 {
color: var(--color_pareja_fuerte);
}
.single .wrapper main.post-curso.color_pareja_fuerte .bloque-principal .centrado aside .formulario .primera input, .single .wrapper main.post-curso.color_pareja_fuerte .bloque-principal .centrado aside .formulario .primera select {
background-color: var(--color_pareja);
}
.single .wrapper main.post-curso.color_pareja_fuerte .bloque-principal .centrado aside .formulario .wpcf7-submit {
background-color: var(--color_pareja_fuerte);
}
.single .wrapper main.post-curso.color_adolescentes_fuerte .curva {
width: 100%;
}
.single .wrapper main.post-curso.color_adolescentes_fuerte .curva .banda {
fill: var(--color_adolescentes_fuerte);
}
.single .wrapper main.post-curso.color_adolescentes_fuerte .curva .fondo {
fill: var(--color_adolescentes);
}
.single .wrapper main.post-curso.color_adolescentes_fuerte .bloque-principal .centrado article h1 {
color: var(--color_adolescentes_fuerte);
}
.single .wrapper main.post-curso.color_adolescentes_fuerte .bloque-principal .centrado article img {
border: 5px dotted var(--color_adolescentes_fuerte);
}
.single .wrapper main.post-curso.color_adolescentes_fuerte .bloque-principal .centrado article ul {
border: 5px dotted var(--color_adolescentes_fuerte);
}
.single .wrapper main.post-curso.color_adolescentes_fuerte .bloque-principal .centrado aside {
border-left: 5px solid var(--color_adolescentes_fuerte);
}
.single .wrapper main.post-curso.color_adolescentes_fuerte .bloque-principal .centrado aside .formulario h2 {
color: var(--color_adolescentes_fuerte);
}
.single .wrapper main.post-curso.color_adolescentes_fuerte .bloque-principal .centrado aside .formulario .primera input, .single .wrapper main.post-curso.color_adolescentes_fuerte .bloque-principal .centrado aside .formulario .primera select {
background-color: var(--color_adolescentes);
}
.single .wrapper main.post-curso.color_adolescentes_fuerte .bloque-principal .centrado aside .formulario .wpcf7-submit {
background-color: var(--color_adolescentes_fuerte);
}
.single .wrapper main.post-curso.color_social_fuerte .curva {
width: 100%;
}
.single .wrapper main.post-curso.color_social_fuerte .curva .banda {
fill: var(--color_social_fuerte);
}
.single .wrapper main.post-curso.color_social_fuerte .curva .fondo {
fill: var(--color_social);
}
.single .wrapper main.post-curso.color_social_fuerte .bloque-principal .centrado article h1 {
color: var(--color_social_fuerte);
}
.single .wrapper main.post-curso.color_social_fuerte .bloque-principal .centrado article img {
border: 5px dotted var(--color_social_fuerte);
}
.single .wrapper main.post-curso.color_social_fuerte .bloque-principal .centrado article ul {
border: 5px dotted var(--color_social_fuerte);
}
.single .wrapper main.post-curso.color_social_fuerte .bloque-principal .centrado aside {
border-left: 5px solid var(--color_social_fuerte);
}
.single .wrapper main.post-curso.color_social_fuerte .bloque-principal .centrado aside .formulario h2 {
color: var(--color_social_fuerte);
}
.single .wrapper main.post-curso.color_social_fuerte .bloque-principal .centrado aside .formulario .primera input, .single .wrapper main.post-curso.color_social_fuerte .bloque-principal .centrado aside .formulario .primera select {
background-color: var(--color_social);
}
.single .wrapper main.post-curso.color_social_fuerte .bloque-principal .centrado aside .formulario .wpcf7-submit {
background-color: var(--color_social_fuerte);
}
.single .wrapper main.post-curso.color_pedagogica_fuerte .curva {
width: 100%;
}
.single .wrapper main.post-curso.color_pedagogica_fuerte .curva .banda {
fill: var(--color_pedagogica_fuerte);
}
.single .wrapper main.post-curso.color_pedagogica_fuerte .curva .fondo {
fill: var(--color_pedagogica);
}
.single .wrapper main.post-curso.color_pedagogica_fuerte .bloque-principal .centrado article h1 {
color: var(--color_pedagogica_fuerte);
}
.single .wrapper main.post-curso.color_pedagogica_fuerte .bloque-principal .centrado article img {
border: 5px dotted var(--color_pedagogica_fuerte);
}
.single .wrapper main.post-curso.color_pedagogica_fuerte .bloque-principal .centrado article ul {
border: 5px dotted var(--color_pedagogica_fuerte);
}
.single .wrapper main.post-curso.color_pedagogica_fuerte .bloque-principal .centrado aside {
border-left: 5px solid var(--color_pedagogica_fuerte);
}
.single .wrapper main.post-curso.color_pedagogica_fuerte .bloque-principal .centrado aside .formulario h2 {
color: var(--color_pedagogica_fuerte);
}
.single .wrapper main.post-curso.color_pedagogica_fuerte .bloque-principal .centrado aside .formulario .primera input, .single .wrapper main.post-curso.color_pedagogica_fuerte .bloque-principal .centrado aside .formulario .primera select {
background-color: var(--color_pedagogica);
}
.single .wrapper main.post-curso.color_pedagogica_fuerte .bloque-principal .centrado aside .formulario .wpcf7-submit {
background-color: var(--color_pedagogica_fuerte);
}
.single .wrapper main.post-curso.color_juridica_fuerte .curva {
width: 100%;
}
.single .wrapper main.post-curso.color_juridica_fuerte .curva .banda {
fill: #867666;
}
.single .wrapper main.post-curso.color_juridica_fuerte .curva .fondo {
fill: #EAE2D6;
}
.single .wrapper main.post-curso.color_juridica_fuerte .bloque-principal .centrado article h1 {
color: #7E5935;
}
.single .wrapper main.post-curso.color_juridica_fuerte .bloque-principal .centrado article img {
border: 5px dotted var(--color_juridica_fuerte);
}
.single .wrapper main.post-curso.color_juridica_fuerte .bloque-principal .centrado article ul {
border: 5px dotted var(--color_juridica_fuerte);
}
.single .wrapper main.post-curso.color_juridica_fuerte .bloque-principal .centrado aside {
border-left: 5px solid var(--color_juridica_fuerte);
}
.single .wrapper main.post-curso.color_juridica_fuerte .bloque-principal .centrado aside .formulario h2 {
color: var(--color_juridica_fuerte);
}
.single .wrapper main.post-curso.color_juridica_fuerte .bloque-principal .centrado aside .formulario .primera input, .single .wrapper main.post-curso.color_juridica_fuerte .bloque-principal .centrado aside .formulario .primera select {
background-color: var(--color_juridica);
}
.single .wrapper main.post-curso.color_juridica_fuerte .bloque-principal .centrado aside .formulario .wpcf7-submit {
background-color: var(--color_juridica_fuerte);
}
.single .wrapper main.post-curso .bloque-testimonios {
background-color: #EAE2D6;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
min-height: 100px;
}
@media only screen and (max-width: 550px) {
.single .wrapper main.post-curso .bloque-testimonios {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
.single .wrapper main.post-curso .bloque-testimonios .centrado h2 {
color: #867666;
font-weight: 400;
font-size: 38px;
font-family: var(--titulares);
}
.single .wrapper main.post-curso .bloque-testimonios .centrado .array_testimonios {
display: block;
width: 100%;
min-height: 100px;
}
.single .wrapper main.post-curso .bloque-testimonios .centrado .testimonios {
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;
border-radius: 10px;
margin-top: 20px;
}
.single .wrapper main.post-curso .bloque-testimonios .centrado .testimonios img {
border-radius: 10px;
}
.single .wrapper main.post-curso .bloque-testimonios .centrado .testimonios h3 {
color: var(--color_curso);
font-weight: 400;
font-size: 28px;
font-family: var(--titulares);
margin-bottom: 10px;
text-align: right;
}
.single .wrapper main.post-curso .bloque-testimonios .centrado .testimonios p {
font-size: 17px;
line-height: 1.5em;
position: relative;
padding: 10px;
}
.single .wrapper main.post-curso .bloque-testimonios .centrado .testimonios p:before {
content: "“";
position: absolute;
top: 20px;
left: 0px;
opacity: 0.1;
font-size: 150px;
font-family: "times";
}
.single .wrapper main.post-curso .bloque-testimonios .centrado .testimonios p:after {
content: "”";
position: absolute;
bottom: -40px;
right: 0px;
opacity: 0.1;
font-size: 150px;
font-family: "times";
}
.single .wrapper main.post-curso .bloque-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;
height: 20px;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
.single .wrapper main.post-curso .bloque-testimonios .centrado .owl-dots button {
width: 15px;
height: 15px;
border-radius: 15px;
background-color: var(--color_curso);
opacity: 0.5;
}
.single .wrapper main.post-curso .bloque-testimonios .centrado .owl-dots button.active {
background-color: var(--color_curso);
opacity: 1;
}
.single .wrapper main.post-curso.color_pareja_fuerte .bloque-testimonios {
background-color: var(--color_pareja);
}
.single .wrapper main.post-curso.color_pareja_fuerte .bloque-testimonios .centrado h2 {
color: var(--color_pareja_fuerte);
}
.single .wrapper main.post-curso.color_pareja_fuerte .bloque-testimonios .centrado .testimonios h3 {
color: var(--color_pareja_fuerte);
}
.single .wrapper main.post-curso.color_pareja_fuerte .bloque-testimonios .centrado .owl-dots button {
background-color: var(--color_pareja);
}
.single .wrapper main.post-curso.color_pareja_fuerte .bloque-testimonios .centrado .owl-dots button.active {
background-color: var(--color_pareja_fuerte);
}
.single .wrapper main.post-curso.color_adolescentes_fuerte .bloque-testimonios {
background-color: var(--color_adolescentes);
}
.single .wrapper main.post-curso.color_adolescentes_fuerte .bloque-testimonios .centrado h2 {
color: var(--color_adolescentes_fuerte);
}
.single .wrapper main.post-curso.color_adolescentes_fuerte .bloque-testimonios .centrado .testimonios h3 {
color: var(--color_adolescentes_fuerte);
}
.single .wrapper main.post-curso.color_adolescentes_fuerte .bloque-testimonios .centrado .owl-dots button {
background-color: var(--color_adolescentes);
}
.single .wrapper main.post-curso.color_adolescentes_fuerte .bloque-testimonios .centrado .owl-dots button.active {
background-color: var(--color_adolescentes_fuerte);
}
.single .wrapper main.post-curso.color_social_fuerte .bloque-testimonios {
background-color: var(--color_social);
}
.single .wrapper main.post-curso.color_social_fuerte .bloque-testimonios .centrado h2 {
color: var(--color_social_fuerte);
}
.single .wrapper main.post-curso.color_social_fuerte .bloque-testimonios .centrado .testimonios h3 {
color: var(--color_social_fuerte);
}
.single .wrapper main.post-curso.color_social_fuerte .bloque-testimonios .centrado .owl-dots button {
background-color: var(--color_social);
}
.single .wrapper main.post-curso.color_social_fuerte .bloque-testimonios .centrado .owl-dots button.active {
background-color: var(--color_social_fuerte);
}
.single .wrapper main.post-curso.color_pedagogica_fuerte .bloque-testimonios {
background-color: var(--color_pedagogica);
}
.single .wrapper main.post-curso.color_pedagogica_fuerte .bloque-testimonios .centrado h2 {
color: var(--color_pedagogica_fuerte);
}
.single .wrapper main.post-curso.color_pedagogica_fuerte .bloque-testimonios .centrado .testimonios h3 {
color: var(--color_pedagogica_fuerte);
}
.single .wrapper main.post-curso.color_pedagogica_fuerte .bloque-testimonios .centrado .owl-dots button {
background-color: var(--color_pedagogica);
}
.single .wrapper main.post-curso.color_pedagogica_fuerte .bloque-testimonios .centrado .owl-dots button.active {
background-color: var(--color_pedagogica_fuerte);
}
.single .wrapper main.post-curso.color_juridica_fuerte .bloque-testimonios {
background-color: var(--color_juridica);
}
.single .wrapper main.post-curso.color_juridica_fuerte .bloque-testimonios .centrado h2 {
color: var(--color_juridica_fuerte);
}
.single .wrapper main.post-curso.color_juridica_fuerte .bloque-testimonios .centrado .testimonios h3 {
color: var(--color_juridica_fuerte);
}
.single .wrapper main.post-curso.color_juridica_fuerte .bloque-testimonios .centrado .owl-dots button {
background-color: var(--color_juridica);
}
.single .wrapper main.post-curso.color_juridica_fuerte .bloque-testimonios .centrado .owl-dots button.active {
background-color: var(--color_juridica_fuerte);
}
.single .wrapper main.post-curso .bloque-talleres {
padding-bottom: 150px;
}
@media only screen and (max-width: 550px) {
.single .wrapper main.post-curso .bloque-talleres {
padding-bottom: 0px;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
.single .wrapper main.post-curso .bloque-talleres .contenedor_curva {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
z-index: 3;
}
.single .wrapper main.post-curso .bloque-talleres .contenedor_curva_inversa {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
z-index: 3;
}
.single .wrapper main.post-curso .bloque-talleres .curva_inversa {
width: 100%;
}
.single .wrapper main.post-curso .bloque-talleres .curva_inversa .banda {
fill: #867666;
}
.single .wrapper main.post-curso .bloque-talleres .curva_inversa .fondo {
fill: #EAE2D6;
}
.single .wrapper main.post-curso .bloque-talleres .centrado h2 {
color: #867666;
font-weight: 400;
font-size: 38px;
font-family: var(--titulares);
}
.single .wrapper main.post-curso .bloque-talleres .centrado .array_cursos {
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-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 1180px) {
.single .wrapper main.post-curso .bloque-talleres .centrado .array_cursos {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
}
}
@media only screen and (max-width: 820px) {
.single .wrapper main.post-curso .bloque-talleres .centrado .array_cursos {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
}
}
@media only screen and (max-width: 550px) {
.single .wrapper main.post-curso .bloque-talleres .centrado .array_cursos {
margin-top: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.single .wrapper main.post-curso .bloque-talleres .centrado .array_cursos .taller {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
background-color: var(--color_juridica);
border-radius: 10px;
margin-bottom: 20px;
padding: 20px;
}
@media only screen and (max-width: 1180px) {
.single .wrapper main.post-curso .bloque-talleres .centrado .array_cursos .taller {
width: 100%;
max-width: calc(50% - 10px);
}
}
@media only screen and (max-width: 820px) {
.single .wrapper main.post-curso .bloque-talleres .centrado .array_cursos .taller {
width: 100%;
max-width: calc(50% - 10px);
}
}
@media only screen and (max-width: 550px) {
.single .wrapper main.post-curso .bloque-talleres .centrado .array_cursos .taller {
max-width: 100%;
}
}
.single .wrapper main.post-curso .bloque-talleres .centrado .array_cursos .taller h2 {
color: var(--color_curso);
font-size: 28px;
font-weight: 400;
font-family: var(--titulares);
}
.single .wrapper main.post-curso .bloque-talleres .centrado .array_cursos .taller p {
font-size: 16px;
line-height: 28px;
}
.single .wrapper main.post-curso .bloque-talleres .centrado .array_cursos .taller img {
width: 100%;
aspect-ratio: 4/3;
background-color: pink;
border-radius: 15px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
.single .wrapper main.post-curso .bloque-talleres .centrado .array_cursos .taller > a {
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: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--color_curso);
color: white;
padding: 5px 20px;
border-radius: 10px;
text-transform: uppercase;
text-decoration: none;
font-family: var(--titulares);
width: 100%;
max-width: 300px;
margin-top: 10px;
}
@media only screen and (max-width: 550px) {
.single .wrapper main.post-curso .bloque-talleres .centrado .array_cursos .taller > a {
max-width: 100%;
}
}
.single .wrapper main.post-curso .bloque-talleres .centrado .array_cursos .taller > a span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.single .wrapper main.post-curso .bloque-talleres .centrado .array_cursos .taller > a span:first-child {
text-align: right;
border-right: 2px solid white;
padding-right: 5px;
}
.single .wrapper main.post-curso .bloque-talleres .centrado .array_cursos .taller > a span:last-child {
text-align: left;
padding-left: 5px;
}
.single .wrapper main.post-curso .bloque-talleres .centrado .array_cursos.cursos_pasados {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.single .wrapper main.post-curso .bloque-talleres .centrado .array_cursos.cursos_pasados .taller {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.single .wrapper main.post-curso .bloque-talleres:nth-last-child(-2n+2) {
padding-bottom: 0px;
}
.single .wrapper main.post-curso.color_pareja_fuerte .bloque-talleres .contenedor_curva_inversa .banda {
fill: var(--color_pareja_fuerte);
}
.single .wrapper main.post-curso.color_pareja_fuerte .bloque-talleres .contenedor_curva_inversa .fondo {
fill: var(--color_pareja);
}
.single .wrapper main.post-curso.color_social_fuerte .bloque-talleres .contenedor_curva_inversa .banda {
fill: var(--color_social_fuerte);
}
.single .wrapper main.post-curso.color_social_fuerte .bloque-talleres .contenedor_curva_inversa .fondo {
fill: var(--color_social);
}
.single .wrapper main.post-curso.color_pedagogica_fuerte .bloque-talleres .contenedor_curva_inversa .banda {
fill: var(--color_pedagogica_fuerte);
}
.single .wrapper main.post-curso.color_pedagogica_fuerte .bloque-talleres .contenedor_curva_inversa .fondo {
fill: var(--color_pedagogica);
}
.single .wrapper main.post-curso.color_juridica_fuerte .bloque-talleres .contenedor_curva_inversa .banda {
fill: var(--color_juridica_fuerte);
}
.single .wrapper main.post-curso.color_juridica_fuerte .bloque-talleres .contenedor_curva_inversa .fondo {
fill: var(--color_juridica);
} .page-quienes header .elmeenu .centrado .bars svg {
fill: var(--color_adulto_fuerte);
}
.page-quienes header .elmeenu .centrado .logo {
border: 0px;
}
.page-quienes header .elmeenu .centrado .logo svg {
border: 0px;
-webkit-filter: none;
filter: none;
}
.page-quienes header .elmeenu .centrado .logo svg .plano {
fill: var(--color_adulto_fuerte);
stroke: 0;
}
.page-quienes header .elmeenu .centrado .logo svg .plano_opacidad {
stroke: 0;
opacity: 0.45;
fill: var(--color_adulto_fuerte);
}
.page-quienes .bloque_testimonios {
padding-top: 50px;
padding-bottom: 50px;
}
.page-quienes .bloque_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;
width: 100%;
max-width: 1200px;
margin: auto;
}
.page-quienes .bloque_testimonios .centrado .presentacion {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 50px;
}
@media only screen and (max-width: 550px) {
.page-quienes .bloque_testimonios .centrado .presentacion {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 20px;
}
}
.page-quienes .bloque_testimonios .centrado .presentacion .intro {
max-width: 50%;
}
@media only screen and (max-width: 550px) {
.page-quienes .bloque_testimonios .centrado .presentacion .intro {
max-width: 100%;
}
}
.page-quienes .bloque_testimonios .centrado .presentacion .intro h1 {
color: var(--color_adulto_fuerte);
font-weight: 400;
padding-bottom: 10px;
font-size: 35px;
}
.page-quienes .bloque_testimonios .centrado .presentacion .intro h2 {
text-transform: uppercase;
padding-bottom: 10px;
}
.page-quienes .bloque_testimonios .centrado .presentacion .intro p {
font-size: 18px;
font-weight: 400;
line-height: 1.5em;
}
.page-quienes .bloque_testimonios .centrado .presentacion .listado {
max-width: 50%;
}
@media only screen and (max-width: 550px) {
.page-quienes .bloque_testimonios .centrado .presentacion .listado {
max-width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}
}
.page-quienes .bloque_testimonios .centrado .presentacion .listado ul li {
list-style: none;
border-top: 2px solid white;
line-height: 1.5em;
}
.page-quienes .bloque_testimonios .centrado .presentacion .listado ul li:first-child {
border-top: 0px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.page-quienes .bloque_testimonios .centrado .presentacion .listado ul li:last-child {
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.page-quienes .bloque_testimonios .centrado .presentacion .listado ul li.color_adulto_fuerte {
background-color: var(--color_adulto_fuerte);
}
.page-quienes .bloque_testimonios .centrado .presentacion .listado ul li.color_adulto {
background-color: var(--color_adulto);
}
.page-quienes .bloque_testimonios .centrado .presentacion .listado ul li.color_pareja_fuerte {
background-color: var(--color_pareja_fuerte);
}
.page-quienes .bloque_testimonios .centrado .presentacion .listado ul li.color_pareja {
background-color: var(--color_pareja);
}
.page-quienes .bloque_testimonios .centrado .presentacion .listado ul li.color_adolescentes_fuerte {
background-color: var(--color_adolescentes_fuerte);
}
.page-quienes .bloque_testimonios .centrado .presentacion .listado ul li.color_adolescentes {
background-color: var(--color_adolescentes);
}
.page-quienes .bloque_testimonios .centrado .presentacion .listado ul li.color_social_fuerte {
background-color: var(--color_social_fuerte);
}
.page-quienes .bloque_testimonios .centrado .presentacion .listado ul li.color_social {
background-color: var(--color_social);
}
.page-quienes .bloque_testimonios .centrado .presentacion .listado ul li.color_pedagogica_fuerte {
backgrpund-color: var(--color_pedagogica_fuerte);
}
.page-quienes .bloque_testimonios .centrado .presentacion .listado ul li.color_pedagogica {
background-color: var(--color_pedagogica);
}
.page-quienes .bloque_testimonios .centrado .presentacion .listado ul li.color_juridica_fuerte {
background-color: var(--color_juridica_fuerte);
}
.page-quienes .bloque_testimonios .centrado .presentacion .listado ul li.color_juridica {
background-color: var(--color_juridica);
}
.page-quienes .bloque_testimonios .centrado .presentacion .listado ul li a {
display: block;
text-decoration: underline;
text-transform: uppercase;
font-weight: 700;
text-decoration: none;
font-size: 20px;
width: 100%;
padding: 5px 10px;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color: white;
}
.page-quienes .bloque_testimonios .centrado .presentacion .listado ul li a:hover {
color: white;
}
.page-quienes .array_testimonios .testimonio {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 25px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; border-radius: 10px;
gap: 25px;
}
.page-quienes .array_testimonios .testimonio:nth-child(even) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
@media only screen and (max-width: 550px) {
.page-quienes .array_testimonios .testimonio:nth-child(even) {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media only screen and (max-width: 550px) {
.page-quienes .array_testimonios .testimonio {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.page-quienes .array_testimonios .testimonio .panel { }
@media only screen and (max-width: 550px) {
.page-quienes .array_testimonios .testimonio .panel {
padding: 10px;
margin: 0px 10px;
}
}
.page-quienes .array_testimonios .testimonio .panel .puesto {
position: relative;
}
.page-quienes .array_testimonios .testimonio .panel .puesto svg {
position: absolute;
bottom: 5px;
right: 0px;
height: 45%;
}
.page-quienes .array_testimonios .testimonio .panel h2 {
font-weight: 400;
font-size: 30px;
}
.page-quienes .array_testimonios .testimonio .panel .descripcion, .page-quienes .array_testimonios .testimonio .panel .quotes {
margin-bottom: 25px;
}
.page-quienes .array_testimonios .testimonio .panel .descripcion h2, .page-quienes .array_testimonios .testimonio .panel .quotes h2 {
font-weight: 400;
padding-bottom: 10px;
}
.page-quienes .array_testimonios .testimonio .panel .descripcion h3, .page-quienes .array_testimonios .testimonio .panel .quotes h3 {
font-size: 24px;
font-weight: 400;
padding-bottom: 10px;
}
.page-quienes .array_testimonios .testimonio .panel .descripcion h4, .page-quienes .array_testimonios .testimonio .panel .quotes h4 {
font-size: 20px;
text-transform: uppercase;
}
.page-quienes .array_testimonios .testimonio .panel .descripcion p, .page-quienes .array_testimonios .testimonio .panel .quotes p {
font-size: 18px;
font-weight: 400;
line-height: 1.5em;
padding-bottom: 10px;
}
.page-quienes .array_testimonios .testimonio .panel .descripcion ul, .page-quienes .array_testimonios .testimonio .panel .descripcion ol, .page-quienes .array_testimonios .testimonio .panel .quotes ul, .page-quienes .array_testimonios .testimonio .panel .quotes ol {
margin-left: 20px;
}
.page-quienes .array_testimonios .testimonio .panel .descripcion ul li, .page-quienes .array_testimonios .testimonio .panel .descripcion ol li, .page-quienes .array_testimonios .testimonio .panel .quotes ul li, .page-quienes .array_testimonios .testimonio .panel .quotes ol li {
font-size: 18px;
font-weight: 400;
line-height: 1.5em;
}
.page-quienes .array_testimonios .testimonio .panel .descripcion p.quotes, .page-quienes .array_testimonios .testimonio .panel .quotes p.quotes {
font-style: italic;
font-size: 18px;
position: relative;
padding-left: 40px;
margin-top: 40px;
}
.page-quienes .array_testimonios .testimonio.color_adulto_fuerte .panel h2 {
color: var(--color_adulto_fuerte);
}
.page-quienes .array_testimonios .testimonio.color_adulto_fuerte .panel .descripcion ul li::marker, .page-quienes .array_testimonios .testimonio.color_adulto_fuerte .panel .descripcion ol li::marker {
color: var(--color_adulto_fuerte);
}
.page-quienes .array_testimonios .testimonio.color_adulto_fuerte .panel h3 {
color: var(--color_adulto_fuerte);
}
.page-quienes .array_testimonios .testimonio.color_adulto_fuerte .retrato img {
border: 5px solid var(--color_adulto_fuerte);
}
.page-quienes .array_testimonios .testimonio.color_adulto .panel h2 {
color: var(--color_adulto);
}
.page-quienes .array_testimonios .testimonio.color_adulto .panel .descripcion ul li::marker, .page-quienes .array_testimonios .testimonio.color_adulto .panel .descripcion ol li::marker {
color: var(--color_adulto);
}
.page-quienes .array_testimonios .testimonio.color_adulto .panel h3 {
color: var(--color_adulto);
}
.page-quienes .array_testimonios .testimonio.color_adulto .retrato img {
border: 5px solid var(--color_adulto);
}
.page-quienes .array_testimonios .testimonio.color_pareja_fuerte .panel h2 {
color: var(--color_pareja_fuerte);
}
.page-quienes .array_testimonios .testimonio.color_pareja_fuerte .panel .descripcion ul li::marker, .page-quienes .array_testimonios .testimonio.color_pareja_fuerte .panel .descripcion ol li::marker {
color: var(--color_pareja_fuerte);
}
.page-quienes .array_testimonios .testimonio.color_pareja_fuerte .panel h3 {
color: var(--color_pareja_fuerte);
}
.page-quienes .array_testimonios .testimonio.color_pareja_fuerte .retrato img {
border: 5px solid var(--color_pareja_fuerte);
}
.page-quienes .array_testimonios .testimonio.color_pareja .panel h2 {
color: var(--color_pareja);
}
.page-quienes .array_testimonios .testimonio.color_pareja .panel .descripcion ul li::marker, .page-quienes .array_testimonios .testimonio.color_pareja .panel .descripcion ol li::marker {
color: var(--color_pareja);
}
.page-quienes .array_testimonios .testimonio.color_pareja .panel h3 {
color: var(--color_pareja);
}
.page-quienes .array_testimonios .testimonio.color_pareja .retrato img {
border: 5px solid var(--color_pareja);
}
.page-quienes .array_testimonios .testimonio.color_adolescentes_fuerte .panel h2 {
color: var(--color_adolescentes_fuerte);
}
.page-quienes .array_testimonios .testimonio.color_adolescentes_fuerte .panel .descripcion ul li::marker, .page-quienes .array_testimonios .testimonio.color_adolescentes_fuerte .panel .descripcion ol li::marker {
color: var(--color_adolescentes_fuerte);
}
.page-quienes .array_testimonios .testimonio.color_adolescentes_fuerte .panel h3 {
color: var(--color_adolescentes_fuerte);
}
.page-quienes .array_testimonios .testimonio.color_adolescentes_fuerte .retrato img {
border: 5px solid var(--color_adolescentes_fuerte);
}
.page-quienes .array_testimonios .testimonio.color_adolescentes .panel h2 {
color: var(--color_adolescentes);
}
.page-quienes .array_testimonios .testimonio.color_adolescentes .panel .descripcion ul li::marker, .page-quienes .array_testimonios .testimonio.color_adolescentes .panel .descripcion ol li::marker {
color: var(--color_adolescentes);
}
.page-quienes .array_testimonios .testimonio.color_adolescentes .panel h3 {
color: var(--color_adolescentes);
}
.page-quienes .array_testimonios .testimonio.color_adolescentes .retrato img {
border: 5px solid var(--color_adolescentes);
}
.page-quienes .array_testimonios .testimonio.color_social_fuerte .panel h2 {
color: var(--color_social_fuerte);
}
.page-quienes .array_testimonios .testimonio.color_social_fuerte .panel .descripcion ul li::marker, .page-quienes .array_testimonios .testimonio.color_social_fuerte .panel .descripcion ol li::marker {
color: var(--color_social_fuerte);
}
.page-quienes .array_testimonios .testimonio.color_social_fuerte .panel h3 {
color: var(--color_social_fuerte);
}
.page-quienes .array_testimonios .testimonio.color_social_fuerte .retrato img {
border: 5px solid var(--color_social_fuerte);
}
.page-quienes .array_testimonios .testimonio.color_social .panel h2 {
color: var(--color_social);
}
.page-quienes .array_testimonios .testimonio.color_social .panel .descripcion ul li::marker, .page-quienes .array_testimonios .testimonio.color_social .panel .descripcion ol li::marker {
color: var(--color_social);
}
.page-quienes .array_testimonios .testimonio.color_social .panel h3 {
color: var(--color_social);
}
.page-quienes .array_testimonios .testimonio.color_social .retrato img {
border: 5px solid var(--color_social);
}
.page-quienes .array_testimonios .testimonio.color_pedagogica_fuerte .panel h2 {
color: var(--color_pedagogica_fuerte);
}
.page-quienes .array_testimonios .testimonio.color_pedagogica_fuerte .panel .descripcion ul li::marker, .page-quienes .array_testimonios .testimonio.color_pedagogica_fuerte .panel .descripcion ol li::marker {
color: var(--color_pedagogica_fuerte);
}
.page-quienes .array_testimonios .testimonio.color_pedagogica_fuerte .panel h3 {
color: var(--color_pedagogica_fuerte);
}
.page-quienes .array_testimonios .testimonio.color_pedagogica_fuerte .retrato img {
border: 5px solid var(--color_pedagogica_fuerte);
}
.page-quienes .array_testimonios .testimonio.color_pedagogica .panel h2 {
color: var(--color_pedagogica);
}
.page-quienes .array_testimonios .testimonio.color_pedagogica .panel .descripcion ul li::marker, .page-quienes .array_testimonios .testimonio.color_pedagogica .panel .descripcion ol li::marker {
color: var(--color_pedagogica);
}
.page-quienes .array_testimonios .testimonio.color_pedagogica .panel h3 {
color: var(--color_pedagogica);
}
.page-quienes .array_testimonios .testimonio.color_pedagogica .retrato img {
border: 5px solid var(--color_pedagogica);
}
.page-quienes .array_testimonios .testimonio.color_juridica_fuerte .panel h2 {
color: var(--color_juridica_fuerte);
}
.page-quienes .array_testimonios .testimonio.color_juridica_fuerte .panel .descripcion ul li::marker, .page-quienes .array_testimonios .testimonio.color_juridica_fuerte .panel .descripcion ol li::marker {
color: var(--color_juridica_fuerte);
}
.page-quienes .array_testimonios .testimonio.color_juridica_fuerte .panel h3 {
color: var(--color_juridica_fuerte);
}
.page-quienes .array_testimonios .testimonio.color_juridica_fuerte .retrato img {
border: 5px solid var(--color_juridica_fuerte);
}
.page-quienes .array_testimonios .testimonio.color_juridica .panel h2 {
color: var(--color_juridica);
}
.page-quienes .array_testimonios .testimonio.color_juridica .panel .descripcion ul li::marker, .page-quienes .array_testimonios .testimonio.color_juridica .panel .descripcion ol li::marker {
color: var(--color_juridica);
}
.page-quienes .array_testimonios .testimonio.color_juridica .panel h3 {
color: var(--color_juridica);
}
.page-quienes .array_testimonios .testimonio.color_juridica .retrato img {
border: 5px solid var(--color_juridica);
}
.page-quienes .bloque_testimonios .centrado .array_testimonios .testimonio .panel p.quotes:before {
width: 10px;
height: 10px;
content: "“";
font-size: 100px;
font-family: "Times New Roman", serif;
top: -35px;
left: -20px;
position: absolute;
}
.page-quienes .bloque_testimonios .centrado .array_testimonios .testimonio .panel p.quotes:after {
width: 0px;
height: 10px;
content: "”";
font-size: 100px;
font-family: "Times New Roman", serif;
bottom: 20px;
position: absolute;
margin-right: 20px;
}
.page-quienes .testimonio .retrato,
.page-quienes .testimonio > img {
width: 100%;
max-width: 300px;
height: auto;
border-radius: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
overflow: hidden;
position: relative;
z-index: 1;
border-radius: 10px;
aspect-ratio: 4/4;
}
@media only screen and (max-width: 550px) {
.page-quienes .testimonio .retrato,
.page-quienes .testimonio > img {
max-width: 100%;
}
}
.page-quienes .testimonio .retrato:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.page-quienes .testimonio > img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.page-quienes .testimonio .retrato img {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 10px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
.page-quienes .testimonio > img:hover,
.page-quienes .testimonio .retrato:hover img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.page-quienes .testimonio .retrato a {
position: absolute;
bottom: 10px;
left: 10px;
width: 30px;
height: 30px;
}
.page-quienes .testimonio .retrato a svg path {
fill: white;
} .page-contacto .wrapper header .elmeenu {
background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(126, 160, 252, 0)), to(rgba(126, 160, 252, 0.5)));
background: linear-gradient(0deg, rgba(126, 160, 252, 0) 10%, rgba(126, 160, 252, 0.5) 100%);
}
.page-contacto .wrapper header .elmeenu .centrado .bars svg {
fill: var(--color_adulto_fuerte);
}
.page-contacto .wrapper header .elmeenu .centrado .logo {
border: 0px;
}
.page-contacto .wrapper header .elmeenu .centrado .logo svg {
border: 0px;
-webkit-filter: none;
filter: none;
}
.page-contacto .wrapper header .elmeenu .centrado .logo svg .plano {
fill: var(--color_adulto_fuerte);
stroke: 0;
}
.page-contacto .wrapper header .elmeenu .centrado .logo svg .plano_opacidad {
stroke: 0;
opacity: 0.45;
fill: var(--color_adulto_fuerte);
}
.page-contacto .wrapper main section .centrado {
padding-top: 100px;
padding-bottom: 100px;
}
@media only screen and (max-width: 550px) {
.page-contacto .wrapper main section .centrado {
padding-top: 25px;
padding-bottom: 0px;
}
}
.page-contacto .wrapper main section .centrado .grupo {
width: 100%;
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;
}
@media only screen and (max-width: 550px) {
.page-contacto .wrapper main section .centrado .grupo {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.page-contacto .wrapper main section .centrado .grupo .el_formulario {
width: 50%;
}
@media only screen and (max-width: 550px) {
.page-contacto .wrapper main section .centrado .grupo .el_formulario {
width: 100%;
}
}
.page-contacto .wrapper main section .centrado .grupo .el_formulario > div {
position: sticky;
top: 20px;
}
.page-contacto .wrapper main section .centrado .grupo .mapas {
width: 50%;
}
@media only screen and (max-width: 550px) {
.page-contacto .wrapper main section .centrado .grupo .mapas {
width: 100%;
}
}
.page-contacto .wrapper main section .centrado .grupo .mapas div {
width: 100%;
position: relative;
margin-top: 20px;
}
.page-contacto .wrapper main section .centrado .grupo .mapas div img {
width: 100%;
z-index: 1;
}
.page-contacto .wrapper main section .centrado .grupo .mapas div .panel {
position: absolute;
bottom: 20px;
left: 20px;
background-color: rgba(255, 255, 255, 0.9);
z-index: 2;
padding: 20px;
}
@media only screen and (max-width: 550px) {
.page-contacto .wrapper main section .centrado .grupo .mapas div .panel {
width: 90%;
}
}
.page-contacto .wrapper main section .centrado form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
max-width: 400px;
margin: auto;
}
.page-contacto .wrapper main section .centrado form .medios .wpcf7-submit {
padding: 10px 10px;
border: 0px;
width: 100%;
font-size: 18px;
margin-bottom: 5px;
background-color: var(--color_adulto_fuerte);
color: white;
text-transform: uppercase;
border-radius: 5px;
border: 1px solid black;
margin-top: 20px;
}
.page-contacto .wrapper main section .centrado form .medios p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: 18px;
gap: 20px;
}
.page-contacto .wrapper main section .centrado form .medios 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;
gap: 5px;
}
.page-contacto .wrapper main section .centrado form .medios p label span:has(input, select) {
width: 100%;
}
.page-contacto .wrapper main section .centrado form .medios p label span:has(input, select) input {
padding: 10px 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 5px;
border: 0px;
width: 100%;
font-size: 18px;
margin-bottom: 5px;
height: 40px;
background-color: rgba(0, 0, 0, 0.1);
}
.page-contacto .wrapper main section .centrado form .medios p label span:has(input, select) select {
border-radius: 5px;
border: 0px;
width: 100%;
font-size: 18px;
margin-bottom: 5px;
height: 40px;
background-color: rgba(0, 0, 0, 0.1);
}
.page-contacto .wrapper main section .centrado form .medios p label span .wpcf7-form-control-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.page-contacto .wrapper main section .centrado form .medios p label span .wpcf7-list-item {
margin: 0px;
}
.page-contacto .wrapper main section .centrado form .medios p label span .wpcf7-list-item label {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 10px;
}
.page-contacto .wrapper main section .centrado form .medios p label span .wpcf7-list-item label input {
width: initial;
font-size: 18px;
} .landing-tratamientos .wrapper header .centrado .bars svg {
fill: var(--color_adulto_fuerte);
}
.landing-tratamientos .wrapper header .centrado .logo {
border: 0px;
}
.landing-tratamientos .wrapper header .centrado .logo svg {
border: 0px;
-webkit-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.7));
filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.7));
}
.landing-tratamientos .wrapper header .centrado .logo svg .plano {
fill: white;
stroke: 0;
}
.landing-tratamientos .wrapper header .centrado .logo svg .plano_opacidad {
stroke: 0;
opacity: 0.45;
fill: white;
}
.landing-tratamientos .wrapper header.color_social_fuerte .elmeenu .centrado .logo svg {
-webkit-filter: none;
filter: none;
}
.landing-tratamientos .wrapper header.color_social_fuerte .elmeenu .centrado .logo svg .plano_opacidad, .landing-tratamientos .wrapper header.color_social_fuerte .elmeenu .centrado .logo svg .plano {
fill: var(--color_social_fuerte);
}
.landing-tratamientos .wrapper header.color_juridica_fuerte .elmeenu .centrado .logo svg {
-webkit-filter: none;
filter: none;
}
.landing-tratamientos .wrapper header.color_juridica_fuerte .elmeenu .centrado .logo svg .plano_opacidad, .landing-tratamientos .wrapper header.color_juridica_fuerte .elmeenu .centrado .logo svg .plano {
fill: var(--color_juridica_fuerte);
}
.landing-tratamientos .wrapper header.color_pareja_fuerte .elmeenu .centrado .logo svg {
-webkit-filter: none;
filter: none;
}
.landing-tratamientos .wrapper header.color_pareja_fuerte .elmeenu .centrado .logo svg .plano_opacidad, .landing-tratamientos .wrapper header.color_pareja_fuerte .elmeenu .centrado .logo svg .plano {
fill: var(--color_pareja_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento {
min-height: 50vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #ffffff;
}
@media only screen and (max-width: 550px) {
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .centrado {
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: 820px) {
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .centrado {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .centrado article {
padding-right: 50px;
}
@media only screen and (max-width: 820px) {
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .centrado article {
padding-right: 0px;
}
}
@media only screen and (max-width: 550px) {
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .centrado article {
padding-right: 0px;
}
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .centrado article h1 {
color: var(--color_adulto_fuerte);
font-weight: 400;
font-size: 28px;
font-family: var(--titulares);
padding-bottom: 20px;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .centrado article p {
font-size: 18px;
line-height: 1.75em;
padding-bottom: 10px;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .centrado article img {
width: 100%;
max-width: 100%;
aspect-ratio: 2/1;
border-radius: 10px; -o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
margin-top: 50px;
margin-bottom: 50px;
}
@media only screen and (max-width: 550px) {
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .centrado article img {
margin-top: 10px;
margin-bottom: 10px;
}
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .centrado article ul { border-radius: 10px;
padding: 20px;
margin-top: 30px;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .centrado article ul li {
font-size: 18px;
line-height: 1.75em;
padding-bottom: 10px;
margin-left: 20px;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .centrado article ul li ul { border-radius: 10px;
padding: 20px;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .centrado article ul + p {
margin-top: 20px;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .centrado article p + ul {
margin-top: 0px;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .centrado aside {
width: 100%;
max-width: 550px;
min-width: 470px;
padding-left: 50px;
border-left: 5px solid var(--color_adulto_fuerte);
position: relative;
background-image: url(https://www.loygorri.com/gogoa/wp-content/uploads/2023/06/sofa_blanco.png.webp);
background-repeat: no-repeat;
background-size: 150%;
background-position: bottom right;
}
@media only screen and (max-width: 1180px) {
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .centrado aside {
min-width: 400px;
}
}
@media only screen and (max-width: 820px) {
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .centrado aside {
max-width: 100%;
min-width: 100%;
}
}
@media only screen and (max-width: 550px) {
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .centrado aside {
padding-left: 0px;
max-width: 100%;
min-width: 100%;
border-left: 0px;
background-size: 100%;
}
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .centrado aside .formulario {
position: sticky;
top: 10px;
padding: 10px;
background-color: rgba(255, 255, 255, 0.75);
border-radius: 10px;
} @media only screen and (max-width: 550px) {
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .centrado aside .formulario {
margin-bottom: 150px;
}
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .centrado aside .formulario h2 {
color: var(--color_adulto_fuerte);
font-weight: 400;
font-size: 28px;
font-family: var(--titulares);
margin-bottom: 10px;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .centrado aside .formulario .primera input, .landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .centrado aside .formulario .primera select {
border-radius: 10px;
background-color: var(--color_adulto);
padding: 10px 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 5px;
border: 0px;
width: 100%;
font-size: 18px;
margin-bottom: 5px;
height: 40px;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .centrado aside .formulario .wpcf7-list-item {
margin: 0px;
padding-bottom: 10px;
padding-top: 10px;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .centrado aside .formulario .wpcf7-submit {
padding: 10px 10px;
border: 0px;
width: 100%;
font-size: 18px;
margin-bottom: 5px;
background-color: var(--color_adulto_fuerte);
color: white;
text-transform: uppercase;
border-radius: 5px;
border: 1px solid black;
margin-top: 20px;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .centrado aside img {
position: absolute;
bottom: 0px;
right: 0px;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .contenedor_curva {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
z-index: 3;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .curva {
width: 100%;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .curva .banda {
fill: var(--color_adulto_fuerte);
} .landing-tratamientos .wrapper main.page-tratamiento.color_pareja_fuerte .curva {
width: 100%;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_pareja_fuerte .curva .banda {
fill: #D5C3AA;
} .landing-tratamientos .wrapper main.page-tratamiento.color_pareja_fuerte .bloque-principal .centrado article h1 {
color: var(--color_pareja_fuerte);
} .landing-tratamientos .wrapper main.page-tratamiento.color_pareja_fuerte .bloque-principal .centrado article ul ul {
border: 0px;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_pareja_fuerte .bloque-principal .centrado aside {
border-left: 5px solid var(--color_pareja_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_pareja_fuerte .bloque-principal .centrado aside .formulario h2 {
color: var(--color_pareja_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_pareja_fuerte .bloque-principal .centrado aside .formulario .primera input, .landing-tratamientos .wrapper main.page-tratamiento.color_pareja_fuerte .bloque-principal .centrado aside .formulario .primera select {
background-color: var(--color_pareja);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_pareja_fuerte .bloque-principal .centrado aside .formulario .wpcf7-submit {
background-color: var(--color_pareja_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_adolescentes_fuerte .curva {
width: 100%;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_adolescentes_fuerte .curva .banda {
fill: var(--color_adolescentes_fuerte);
} .landing-tratamientos .wrapper main.page-tratamiento.color_adolescentes_fuerte .bloque-principal .centrado article h1 {
color: var(--color_adolescentes_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_adolescentes_fuerte .bloque-principal .centrado article img {
border: 5px dotted var(--color_adolescentes_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_adolescentes_fuerte .bloque-principal .centrado article ul {
border: 5px dotted var(--color_adolescentes_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_adolescentes_fuerte .bloque-principal .centrado article ul ul {
border: 0px;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_adolescentes_fuerte .bloque-principal .centrado aside {
border-left: 5px solid var(--color_adolescentes_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_adolescentes_fuerte .bloque-principal .centrado aside .formulario h2 {
color: var(--color_adolescentes_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_adolescentes_fuerte .bloque-principal .centrado aside .formulario .primera input, .landing-tratamientos .wrapper main.page-tratamiento.color_adolescentes_fuerte .bloque-principal .centrado aside .formulario .primera select {
background-color: var(--color_adolescentes);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_adolescentes_fuerte .bloque-principal .centrado aside .formulario .wpcf7-submit {
background-color: var(--color_adolescentes_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_social_fuerte .curva {
width: 100%;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_social_fuerte .curva .banda {
fill: var(--color_social_fuerte);
} .landing-tratamientos .wrapper main.page-tratamiento.color_social_fuerte .bloque-principal .centrado article h1 {
color: var(--color_social_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_social_fuerte .bloque-principal .centrado article img {
border: 5px dotted var(--color_social_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_social_fuerte .bloque-principal .centrado article ul {
border: 5px dotted var(--color_social_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_social_fuerte .bloque-principal .centrado article ul ul {
border: 0px;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_social_fuerte .bloque-principal .centrado aside {
border-left: 5px solid var(--color_social_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_social_fuerte .bloque-principal .centrado aside .formulario h2 {
color: var(--color_social_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_social_fuerte .bloque-principal .centrado aside .formulario .primera input, .landing-tratamientos .wrapper main.page-tratamiento.color_social_fuerte .bloque-principal .centrado aside .formulario .primera select {
background-color: var(--color_social);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_social_fuerte .bloque-principal .centrado aside .formulario .wpcf7-submit {
background-color: var(--color_social_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_pedagogica_fuerte .curva {
width: 100%;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_pedagogica_fuerte .curva .banda {
fill: var(--color_pedagogica_fuerte);
} .landing-tratamientos .wrapper main.page-tratamiento.color_pedagogica_fuerte .bloque-principal .centrado article h1 {
color: var(--color_pedagogica_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_pedagogica_fuerte .bloque-principal .centrado article img {
border: 5px dotted var(--color_pedagogica_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_pedagogica_fuerte .bloque-principal .centrado article ul {
border: 5px dotted var(--color_pedagogica_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_pedagogica_fuerte .bloque-principal .centrado article ul ul {
border: 0px;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_pedagogica_fuerte .bloque-principal .centrado aside {
border-left: 5px solid var(--color_pedagogica_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_pedagogica_fuerte .bloque-principal .centrado aside .formulario h2 {
color: var(--color_pedagogica_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_pedagogica_fuerte .bloque-principal .centrado aside .formulario .primera input, .landing-tratamientos .wrapper main.page-tratamiento.color_pedagogica_fuerte .bloque-principal .centrado aside .formulario .primera select {
background-color: var(--color_pedagogica);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_pedagogica_fuerte .bloque-principal .centrado aside .formulario .wpcf7-submit {
background-color: var(--color_pedagogica_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_juridica_fuerte .curva {
width: 100%;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_juridica_fuerte .curva .banda {
fill: var(--color_juridica_fuerte);
} .landing-tratamientos .wrapper main.page-tratamiento.color_juridica_fuerte .bloque-principal .centrado article h1 {
color: var(--color_juridica_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_juridica_fuerte .bloque-principal .centrado article img {
border: 5px dotted var(--color_juridica_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_juridica_fuerte .bloque-principal .centrado article ul {
border: 5px dotted var(--color_juridica_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_juridica_fuerte .bloque-principal .centrado article ul ul {
border: 0px;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_juridica_fuerte .bloque-principal .centrado aside {
border-left: 5px solid var(--color_juridica_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_juridica_fuerte .bloque-principal .centrado aside .formulario h2 {
color: var(--color_juridica_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_juridica_fuerte .bloque-principal .centrado aside .formulario .primera input, .landing-tratamientos .wrapper main.page-tratamiento.color_juridica_fuerte .bloque-principal .centrado aside .formulario .primera select {
background-color: var(--color_juridica);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_juridica_fuerte .bloque-principal .centrado aside .formulario .wpcf7-submit {
background-color: var(--color_juridica_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-testimonios {
background-color: var(--color_adulto);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
min-height: 100px;
}
@media only screen and (max-width: 550px) {
.landing-tratamientos .wrapper main.page-tratamiento .bloque-testimonios {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-testimonios .centrado h2 {
text-align: center;
font-size: 2.2rem;
color: #867666;
font-family: 'Georgia', serif;
margin-bottom: 2rem;
position: relative;
}
@media (max-width: 768px) {
.landing-tratamientos .wrapper main.page-tratamiento .bloque-testimonios .centrado h2 {
font-size: 1rem;
padding: 0 1rem;
}
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-testimonios .centrado .array_testimonios {
display: block;
width: 100%;
min-height: 100px;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-testimonios .centrado .testimonios {
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;
border-radius: 10px;
margin-top: 20px;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-testimonios .centrado .testimonios h3 {
color: var(--color_adulto_fuerte);
font-weight: 400;
font-size: 28px;
font-family: var(--titulares);
margin-bottom: 10px;
text-align: right;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-testimonios .centrado .testimonios p {
font-size: 14px;
line-height: 1.5em;
position: relative;
padding: 12px 15px;
margin: 0;
color: #867666;
font-family: 'Georgia', serif;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-testimonios .centrado .testimonios p:before {
content: "“";
position: absolute;
top: 20px;
left: 0px;
opacity: 0.1;
font-size: 150px;
font-family: "times";
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-testimonios .centrado .testimonios p:after {
content: "”";
position: absolute;
bottom: -40px;
right: 0px;
opacity: 0.1;
font-size: 150px;
font-family: "times";
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-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;
height: 20px;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-testimonios .centrado .owl-dots button {
width: 15px;
height: 15px;
border-radius: 15px;
background-color: var(--color_adulto_fuerte);
opacity: 0.5;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-testimonios .centrado .owl-dots button.active {
background-color: var(--color_adulto_fuerte);
opacity: 1;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_pareja_fuerte .bloque-testimonios {
background-color: #EAE2D6;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_pareja_fuerte .bloque-testimonios .centrado h2 {
color: #867666;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_pareja_fuerte .bloque-testimonios .centrado .testimonios h3 {
color: #867666;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_pareja_fuerte .bloque-testimonios .centrado .owl-dots button {
background-color: var(--color_pareja);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_pareja_fuerte .bloque-testimonios .centrado .owl-dots button.active {
background-color: var(--color_pareja_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_adolescentes_fuerte .bloque-testimonios {
background-color: #EAE2D6;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_adolescentes_fuerte .bloque-testimonios .centrado h2 {
color: #867666;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_adolescentes_fuerte .bloque-testimonios .centrado .testimonios h3 {
color: #867666;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_adolescentes_fuerte .bloque-testimonios .centrado .owl-dots button {
background-color: var(--color_adolescentes);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_adolescentes_fuerte .bloque-testimonios .centrado .owl-dots button.active {
background-color: var(--color_adolescentes_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_social_fuerte .bloque-testimonios {
background-color: #EAE2D6;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_social_fuerte .bloque-testimonios .centrado h2 {
color: #867666;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_social_fuerte .bloque-testimonios .centrado .testimonios h3 {
color: #867666;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_social_fuerte .bloque-testimonios .centrado .owl-dots button {
background-color: var(--color_social);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_social_fuerte .bloque-testimonios .centrado .owl-dots button.active {
background-color: var(--color_social_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_pedagogica_fuerte .bloque-testimonios {
background-color: #EAE2D6;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_pedagogica_fuerte .bloque-testimonios .centrado h2 {
color: #867666;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_pedagogica_fuerte .bloque-testimonios .centrado .testimonios h3 {
color: #867666;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_pedagogica_fuerte .bloque-testimonios .centrado .owl-dots button {
background-color: var(--color_pedagogica);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_pedagogica_fuerte .bloque-testimonios .centrado .owl-dots button.active {
background-color: var(--color_pedagogica_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_juridica_fuerte .bloque-testimonios {
background-color: #EAE2D6;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_juridica_fuerte .bloque-testimonios .centrado h2 {
color: #867666;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_juridica_fuerte .bloque-testimonios .centrado .testimonios h3 {
color: #867666;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_juridica_fuerte .bloque-testimonios .centrado .owl-dots button {
background-color: var(--color_juridica);
}
.landing-tratamientos .wrapper main.page-tratamiento.color_juridica_fuerte .bloque-testimonios .centrado .owl-dots button.active {
background-color: var(--color_juridica_fuerte);
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-talleres {
padding-bottom: 0;
}
@media only screen and (max-width: 550px) {
.landing-tratamientos .wrapper main.page-tratamiento .bloque-talleres {
padding-bottom: 0px;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-talleres .contenedor_curva {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
z-index: 3;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-talleres .contenedor_curva_inversa {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
z-index: 3;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-talleres .curva_inversa {
width: 100%;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-talleres .curva_inversa .banda {
fill: #D5C3AA;
} .landing-tratamientos .wrapper main.page-tratamiento .bloque-talleres .centrado h2 {
color: var(--color_curso);
font-weight: 400;
font-size: 38px;
font-family: var(--titulares);
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-talleres .centrado .array_cursos {
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: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
}
@media only screen and (max-width: 1180px) {
.landing-tratamientos .wrapper main.page-tratamiento .bloque-talleres .centrado .array_cursos {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
}
}
@media only screen and (max-width: 820px) {
.landing-tratamientos .wrapper main.page-tratamiento .bloque-talleres .centrado .array_cursos {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
}
}
@media only screen and (max-width: 550px) {
.landing-tratamientos .wrapper main.page-tratamiento .bloque-talleres .centrado .array_cursos {
margin-top: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-talleres .centrado .array_cursos .taller {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
background-color: var(--color_juridica);
border-radius: 10px;
margin-bottom: 20px;
padding: 20px;
}
@media only screen and (max-width: 1180px) {
.landing-tratamientos .wrapper main.page-tratamiento .bloque-talleres .centrado .array_cursos .taller {
width: 100%;
max-width: calc(50% - 10px);
}
}
@media only screen and (max-width: 820px) {
.landing-tratamientos .wrapper main.page-tratamiento .bloque-talleres .centrado .array_cursos .taller {
width: 100%;
max-width: calc(50% - 10px);
}
}
@media only screen and (max-width: 550px) {
.landing-tratamientos .wrapper main.page-tratamiento .bloque-talleres .centrado .array_cursos .taller {
max-width: 100%;
}
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-talleres .centrado .array_cursos .taller h2 {
color: var(--color_curso);
font-size: 28px;
font-weight: 400;
font-family: georgian;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-talleres .centrado .array_cursos .taller p {
font-size: 16px;
line-height: 28px;
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-talleres .centrado .array_cursos .taller a {
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: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--color_curso);
color: white;
padding: 5px 20px;
border-radius: 10px;
text-transform: uppercase;
text-decoration: none;
font-family: var(--titulares);
width: 100%;
max-width: 300px;
margin-top: 10px;
}
@media only screen and (max-width: 550px) {
.landing-tratamientos .wrapper main.page-tratamiento .bloque-talleres .centrado .array_cursos .taller a {
max-width: 100%;
}
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-talleres .centrado .array_cursos .taller a span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-talleres .centrado .array_cursos .taller a span:first-child {
text-align: right;
border-right: 2px solid white;
padding-right: 5px;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-talleres .centrado .array_cursos .taller a span:last-child {
text-align: left;
padding-left: 5px;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_pareja_fuerte .bloque-talleres .contenedor_curva_inversa .banda {
fill: #867666;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_pareja_fuerte .bloque-talleres .contenedor_curva_inversa .fondo {
fill: #EAE2D6;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_social_fuerte .bloque-talleres .contenedor_curva_inversa .banda {
fill: #867666;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_social_fuerte .bloque-talleres .contenedor_curva_inversa .fondo {
fill: #EAE2D6;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_pedagogica_fuerte .bloque-talleres .contenedor_curva_inversa .banda {
fill: #867666;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_pedagogica_fuerte .bloque-talleres .contenedor_curva_inversa .fondo {
fill: #867666;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_juridica_fuerte .bloque-talleres .contenedor_curva_inversa .banda {
fill: #867666;
}
.landing-tratamientos .wrapper main.page-tratamiento.color_juridica_fuerte .bloque-talleres .contenedor_curva_inversa .fondo {
fill: #867666;
} .listado-post {
width: 100%;
position: relative;
z-index: 2;
}
.listado-post .centrado {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
max-width: var(--ancho_maximo);
margin-left: auto;
margin-right: auto;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
padding-top: 20px;
padding-bottom: 120px;
}
@media only screen and (max-width: 1180px) {
.listado-post .centrado {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media only screen and (max-width: 1200px) {
.listado-post .centrado {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width: 550px) {
.listado-post .centrado {
padding-left: 10px;
padding-right: 10px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.listado-post .centrado article {
width: 100%;
max-width: calc(33.3333333333% - 20px);
margin-bottom: 20px;
position: relative;
}
.listado-post .centrado article.color_adulto_fuerte {
background-color: var(--color_adulto);
padding: 15px;
border-radius: 20px;
}
.listado-post .centrado article.color_adulto_fuerte h2 {
font-family: var(--titulares);
font-weight: 400;
}
.listado-post .centrado article.color_adulto_fuerte h2 a {
color: var(--color_adulto_fuerte);
}
@media only screen and (max-width: 1180px) {
.listado-post .centrado article.color_adulto_fuerte {
white-space: normal;
text-align: center;
}
}
.listado-post .centrado article.color_pareja_fuerte {
background-color: var(--color_pareja);
padding: 15px;
border-radius: 20px;
}
.listado-post .centrado article.color_pareja_fuerte h2 {
font-family: var(--titulares);
font-weight: 400;
}
.listado-post .centrado article.color_pareja_fuerte h2 a {
color: var(--color_pareja_fuerte);
}
@media only screen and (max-width: 1180px) {
.listado-post .centrado article.color_pareja_fuerte {
white-space: normal;
text-align: center;
}
}
.listado-post .centrado article.color_adolescentes_fuerte {
background-color: var(--color_adolescentes);
padding: 15px;
border-radius: 20px;
}
.listado-post .centrado article.color_adolescentes_fuerte h2 {
font-family: var(--titulares);
font-weight: 400;
}
.listado-post .centrado article.color_adolescentes_fuerte h2 a {
color: var(--color_adolescentes_fuerte);
}
@media only screen and (max-width: 1180px) {
.listado-post .centrado article.color_adolescentes_fuerte {
white-space: normal;
text-align: center;
}
}
.listado-post .centrado article.color_social_fuerte {
background-color: var(--color_social);
padding: 15px;
border-radius: 20px;
}
.listado-post .centrado article.color_social_fuerte h2 {
font-family: var(--titulares);
font-weight: 400;
}
.listado-post .centrado article.color_social_fuerte h2 a {
color: var(--color_social_fuerte);
}
@media only screen and (max-width: 1180px) {
.listado-post .centrado article.color_social_fuerte {
white-space: normal;
text-align: center;
}
}
.listado-post .centrado article.color_pedagogica_fuerte {
background-color: var(--color_pedagogica);
padding: 15px;
border-radius: 20px;
}
.listado-post .centrado article.color_pedagogica_fuerte h2 {
font-family: var(--titulares);
font-weight: 400;
}
.listado-post .centrado article.color_pedagogica_fuerte h2 a {
color: var(--color_pedagogica_fuerte);
}
@media only screen and (max-width: 1180px) {
.listado-post .centrado article.color_pedagogica_fuerte {
white-space: normal;
text-align: center;
}
}
.listado-post .centrado article.color_juridica_fuerte {
background-color: var(--color_juridica);
padding: 15px;
border-radius: 20px;
}
.listado-post .centrado article.color_juridica_fuerte h2 {
font-family: var(--titulares);
font-weight: 400;
}
.listado-post .centrado article.color_juridica_fuerte h2 a {
color: var(--color_juridica_fuerte);
}
@media only screen and (max-width: 1180px) {
.listado-post .centrado article.color_juridica_fuerte {
white-space: normal;
text-align: center;
}
}
.listado-post .centrado article.talleres {
background-color: #ffffff;
padding: 15px;
border-radius: 20px;
}
.listado-post .centrado article.talleres h2 {
font-family: var(--titulares);
font-weight: 400;
}
.listado-post .centrado article.talleres h2 a {
color: #000 ;
}
@media only screen and (max-width: 1180px) {
.listado-post .centrado article.talleres {
white-space: normal;
text-align: center;
}
}
@media only screen and (max-width: 550px) {
.listado-post .centrado article {
max-width: 100%;
}
}
.listado-post .centrado article > a {
border-radius: 10px;
display: block;
overflow: hidden;
margin-bottom: 10px;
aspect-ratio: 4/3;
}
.listado-post .centrado article > a img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
.listado-post .centrado article > a span {
display: block;
max-width: 100%;
min-height: 200px;
background-color: var(--color_negro_siempre);
opacity: 0.1;
}
.listado-post .centrado article h2 {
font-size: 30px;
}
.listado-post .centrado article h2 a {
text-decoration: none;
color: #000;
}
.listado-post .centrado article .date {
position: absolute;
top: 20px;
left: -10px;
color: #000;
font-weight: 500;
background-color: #ffffff;
z-index: 2;
padding: 5px 10px;
}
.listado-post .centrado article p {
font-size: 17px;
line-height: 1.2em;
margin-top: 10px;
}
.listado-post .centrado article p a {
text-transform: uppercase;
color: var(--color_negro);
font-size: 14px;
}
.listado-post .centrado article:nth-child(3n+1) {
margin-right: 20px;
}
@media only screen and (max-width: 550px) {
.listado-post .centrado article:nth-child(3n+1) {
margin-right: 0px;
}
}
.listado-post .centrado article:nth-child(3n+2) {
margin-left: 10px;
margin-right: 10px;
}
@media only screen and (max-width: 550px) {
.listado-post .centrado article:nth-child(3n+2) {
margin-left: 0px;
margin-right: 0px;
}
}
.listado-post .centrado article:nth-child(3n+3) {
margin-left: 20px;
}
@media only screen and (max-width: 550px) {
.listado-post .centrado article:nth-child(3n+3) {
margin-left: 0px;
}
}
.listado-post .centrado .pagination {
width: 100%;
margin-top: 50px;
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;
}
.listado-post .centrado .pagination .page-numbers {
color: var(--color_negro);
margin: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 4px;
} .articulo_single {
width: 100%;
position: relative;
z-index: 2;
}
.articulo_single .centrado {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
max-width: var(--ancho_maximo);
margin-left: auto;
margin-right: auto;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
padding-top: 20px;
padding-bottom: 120px;
}
@media only screen and (max-width: 1180px) {
.articulo_single .centrado {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media only screen and (max-width: 1200px) {
.articulo_single .centrado {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width: 550px) {
.articulo_single .centrado {
padding-left: 10px;
padding-right: 10px;
}
}
.articulo_single .centrado article .general {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 550px) {
.articulo_single .centrado article .general {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.articulo_single .centrado article .general .conjunto {
width: 100%;
}
.articulo_single .centrado article .general .conjunto h1 {
padding-bottom: 10px;
font-size: 35px;
line-height: 1em;
padding-top: 10px;
}
.articulo_single .centrado article .general .conjunto h2 {
padding-bottom: 10px;
font-size: 25px;
font-family: var(--titulares);
line-height: 1em;
}
.articulo_single .centrado article .general .conjunto h3 {
padding-bottom: 10px;
font-size: 20px;
}
.articulo_single .centrado article .general .conjunto h1, .articulo_single .centrado article .general .conjunto h2, .articulo_single .centrado article .general .conjunto h3, .articulo_single .centrado article .general .conjunto h4, .articulo_single .centrado article .general .conjunto h5, .articulo_single .centrado article .general .conjunto h6, .articulo_single .centrado article .general .conjunto p {
text-align: left !important;
padding-bottom: 10px;
}
.articulo_single .centrado article .general .conjunto img {
margin-bottom: 10px;
border-radius: 10px;
}
.articulo_single .centrado article .general .conjunto > img {
aspect-ratio: 5/3;
-o-object-fit: cover;
object-fit: cover;
}
.articulo_single .centrado article .general .conjunto p {
padding-bottom: 10px;
line-height: 1.5em;
}
.articulo_single .centrado article .general .conjunto p img {
margin-bottom: 10px;
border-radius: 10px;
}
.articulo_single .centrado article .general .conjunto p img.alignleft, .articulo_single .centrado article .general .conjunto p img.aligncenter {
height: auto;
float: left;
margin-right: 20px;
}
@media only screen and (max-width: 550px) {
.articulo_single .centrado article .general .conjunto p img.alignleft, .articulo_single .centrado article .general .conjunto p img.aligncenter {
float: initial;
margin-left: 0px;
margin-right: 0px;
}
}
.articulo_single .centrado article .general .conjunto p img.alignright {
height: auto;
float: right;
margin-left: 20px;
padding-right: 0px;
}
@media only screen and (max-width: 550px) {
.articulo_single .centrado article .general .conjunto p img.alignright {
float: initial;
margin-left: 0px;
margin-right: 0px;
}
}
.articulo_single .centrado article .general .conjunto ul, .articulo_single .centrado article .general .conjunto ol {
padding-bottom: 10px;
padding-left: 20px;
}
.articulo_single .centrado article .general .conjunto li {
padding-bottom: 10px;
line-height: 1.5em;
}
.articulo_single .centrado article .general .cierre {
position: sticky;
bottom: 10px;
padding: 20px;
border-radius: 10px;
--webkit-backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
clear: both;
border: 1px solid black;
}
@media only screen and (max-width: 550px) {
.articulo_single .centrado article .general .cierre {
position: relative;
}
}
.articulo_single .centrado article .general .cierre p {
font-weight: 700;
}
.articulo_single .centrado article .general .cierre ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
gap: 20px;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
padding: 0px;
margin: 0px;
width: 100%;
}
@media only screen and (max-width: 550px) {
.articulo_single .centrado article .general .cierre ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.articulo_single .centrado article .general .cierre ul li {
padding-bottom: 0px;
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
}
@media only screen and (max-width: 550px) {
.articulo_single .centrado article .general .cierre ul li {
max-width: 100%;
}
}
.articulo_single .centrado article .general .cierre 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;
padding: 10px 20px;
border: 1px solid black;
border-radius: 5px;
text-transform: uppercase;
text-decoration: none;
color: black;
background-color: var(--color_adulto_fuerte);
}
.articulo_single .centrado article .general .lateral {
display: none;
}
.articulo_single .centrado article .general .lateral:has(.array) {
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;
width: 500px;
padding-left: 20px;
}
@media only screen and (max-width: 550px) {
.articulo_single .centrado article .general .lateral:has(.array) {
padding-left: 0px;
}
}
@media only screen and (max-width: 550px) {
.articulo_single .centrado article .general .lateral:has(.array) {
width: 100%;
}
}
.articulo_single .centrado article .general .lateral:has(.array) .conjunto-lateral {
position: sticky;
top: 20px;
}
@media only screen and (max-width: 550px) {
.articulo_single .centrado article .general .lateral:has(.array) .conjunto-lateral {
position: relative;
}
}
.articulo_single .centrado article .general .lateral:has(.array) .conjunto-lateral h2 {
padding-bottom: 10px;
padding-top: 10px;
}
.articulo_single .centrado article .general .lateral:has(.array) .conjunto-lateral h2.cursos {
color: var(--color_curso);
padding-top: 10px;
}
.articulo_single .centrado article .general .lateral:has(.array) .conjunto-lateral h2.tratamientos {
padding-top: 10px;
color: var(--color_adulto_fuerte);
}
.articulo_single .centrado article .general .lateral:has(.array) .conjunto-lateral .array_tratamientos, .articulo_single .centrado article .general .lateral:has(.array) .conjunto-lateral .array_cursos {
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;
padding-bottom: 20px;
}
.articulo_single .centrado article .general .lateral:has(.array) .conjunto-lateral .array_tratamientos .item_array_tratamientos, .articulo_single .centrado article .general .lateral:has(.array) .conjunto-lateral .array_tratamientos .item_array_cursos, .articulo_single .centrado article .general .lateral:has(.array) .conjunto-lateral .array_cursos .item_array_tratamientos, .articulo_single .centrado article .general .lateral:has(.array) .conjunto-lateral .array_cursos .item_array_cursos {
position: relative;
border-radius: 5px;
overflow: hidden;
max-height: 150px;
background-color: black;
}
.articulo_single .centrado article .general .lateral:has(.array) .conjunto-lateral .array_tratamientos .item_array_tratamientos a, .articulo_single .centrado article .general .lateral:has(.array) .conjunto-lateral .array_tratamientos .item_array_cursos a, .articulo_single .centrado article .general .lateral:has(.array) .conjunto-lateral .array_cursos .item_array_tratamientos a, .articulo_single .centrado article .general .lateral:has(.array) .conjunto-lateral .array_cursos .item_array_cursos a {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
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;
text-transform: uppercase;
font-size: 20px;
padding: 10%;
text-align: center;
text-decoration: none;
z-index: 2;
font-weight: bold;
}
.articulo_single .centrado article .general .lateral:has(.array) .conjunto-lateral .array_tratamientos .item_array_tratamientos img, .articulo_single .centrado article .general .lateral:has(.array) .conjunto-lateral .array_tratamientos .item_array_cursos img, .articulo_single .centrado article .general .lateral:has(.array) .conjunto-lateral .array_cursos .item_array_tratamientos img, .articulo_single .centrado article .general .lateral:has(.array) .conjunto-lateral .array_cursos .item_array_cursos img {
border-radius: 5px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
opacity: 0.75;
position: relative;
z-index: 1;
}
.articulo_single .centrado article .general .lateral:has(.array) .conjunto-lateral .array_articulos {
padding-top: 20px;
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;
}
.articulo_single .centrado article .general .lateral:has(.array) .conjunto-lateral .array_articulos .item_array_articulos {
position: relative;
border-radius: 5px;
overflow: hidden;
max-height: 150px;
background-color: black;
}
.articulo_single .centrado article .general .lateral:has(.array) .conjunto-lateral .array_articulos .item_array_articulos a {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
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;
text-transform: uppercase;
font-size: 20px;
padding: 10%;
text-align: center;
text-decoration: none;
z-index: 2;
font-weight: bold;
}
.articulo_single .centrado article .general .lateral:has(.array) .conjunto-lateral .array_articulos .item_array_articulos img {
border-radius: 5px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
opacity: 0.75;
position: relative;
z-index: 1;
}
.articulo_single .centrado article .general .lateral:has(.array) img {
max-width: 100%;
height: auto;
}
.articulo_single .centrado article .general .lateral:has(.array) .contacto_articulo {
position: sticky;
bottom: 0px;
background: rgb(255, 255, 255);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(20%, rgb(255, 255, 255)));
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 20%);
padding-top: 125px;
}
@media only screen and (max-width: 550px) {
.articulo_single .centrado article .general .lateral:has(.array) .contacto_articulo {
position: relative;
bottom: initial;
}
}
.articulo_single .centrado article .general .lateral:has(.array) .contacto_articulo:empty {
opacity: 0;
}
@media only screen and (max-width: 550px) {
.articulo_single .centrado article .general .lateral:has(.array) .contacto_articulo:empty {
display: none;
}
}
.articulo_single .centrado article .general .lateral:has(.array) .contacto_articulo h2 {
color: var(--color_adulto_fuerte);
font-weight: 400;
font-size: 28px;
font-family: var(--titulares);
margin-bottom: 10px;
}
.articulo_single .centrado article .general .lateral:has(.array) .contacto_articulo .primera input, .articulo_single .centrado article .general .lateral:has(.array) .contacto_articulo .primera select {
border-radius: 10px;
background-color: var(--color_adulto);
padding: 10px 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 5px;
border: 0px;
width: 100%;
font-size: 16px;
margin-bottom: 5px;
height: 40px;
}
.articulo_single .centrado article .general .lateral:has(.array) .contacto_articulo .wpcf7-list-item {
margin: 0px;
padding-bottom: 10px;
padding-top: 10px;
}
.articulo_single .centrado article .general .lateral:has(.array) .contacto_articulo .wpcf7-submit {
padding: 10px 10px;
border: 0px;
width: 100%;
font-size: 16px;
margin-bottom: 5px;
background-color: var(--color_adulto_fuerte);
color: white;
text-transform: uppercase;
border-radius: 5px;
border: 1px solid black;
margin-top: 20px;
}
.articulo_single .centrado article .final {
border-top: 2px solid black;
padding-top: 20px;
margin-top: 50px;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 550px) {
.articulo_single .centrado article .final {
border-top: 0px solid black;
margin-top: 20px;
}
}
.articulo_single .centrado article .final:empty {
opacity: 0;
}
@media only screen and (max-width: 550px) {
.articulo_single .centrado article .final:empty {
display: none;
}
}
.articulo_single .centrado article .final h2 {
padding-bottom: 10px;
padding-top: 10px;
}
.articulo_single .centrado article .final h2.cursos {
color: var(--color_curso);
}
.articulo_single .centrado article .final h2.tratamientos {
color: var(--color_adulto_fuerte);
}
.articulo_single .centrado article .final .array {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
}
@media only screen and (max-width: 550px) {
.articulo_single .centrado article .final .array {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.articulo_single .centrado article .final .array:first-child {
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.articulo_single .centrado article .final .item {
position: relative;
border-radius: 5px;
overflow: hidden;
max-height: 250px;
background-color: black;
width: 100%;
max-width: 50%;
}
@media only screen and (max-width: 550px) {
.articulo_single .centrado article .final .item {
max-width: 100%;
}
}
.articulo_single .centrado article .final .item a {
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
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;
text-transform: uppercase;
font-size: 20px;
padding: 10%;
text-align: center;
text-decoration: none;
z-index: 2;
font-weight: bold;
}
.articulo_single .centrado article .final .item img {
border-radius: 5px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
opacity: 0.75;
position: relative;
z-index: 1;
width: 100%;
display: block;
}
.articulo_single .centrado img.attachment-post-thumbnail {
width: 100%;
max-width: 100%;
height: auto;
} @media screen and (min-width: 1024px) {
.articulo_single .centrado img.attachment-post-thumbnail {
max-width: 70%; margin: 0 auto; display: block;
}
}
@media screen and (min-width: 1024px) {
.articulo_single .centrado article .general .conjunto > img {
aspect-ratio: 3 / 2; object-fit: cover;
}
}
.single main.color_adulto_fuerte section .centrado article .general .conjunto h1, .single main.color_adulto_fuerte section .centrado article .general .conjunto h2, .single main.color_adulto_fuerte section .centrado article .general .conjunto h3, .single main.color_adulto_fuerte section .centrado article .general .conjunto h4, .single main.color_adulto_fuerte section .centrado article .general .conjunto h5, .single main.color_adulto_fuerte section .centrado article .general .conjunto h6 {
color: var(--color_adulto_fuerte);
}
.single main.color_pareja_fuerte section .centrado article .general .conjunto h1, .single main.color_pareja_fuerte section .centrado article .general .conjunto h2, .single main.color_pareja_fuerte section .centrado article .general .conjunto h3, .single main.color_pareja_fuerte section .centrado article .general .conjunto h4, .single main.color_pareja_fuerte section .centrado article .general .conjunto h5, .single main.color_pareja_fuerte section .centrado article .general .conjunto h6 {
color: var(--color_pareja_fuerte);
}
.single main.color_adolescentes_fuerte section .centrado article .general .conjunto h1, .single main.color_adolescentes_fuerte section .centrado article .general .conjunto h2, .single main.color_adolescentes_fuerte section .centrado article .general .conjunto h3, .single main.color_adolescentes_fuerte section .centrado article .general .conjunto h4, .single main.color_adolescentes_fuerte section .centrado article .general .conjunto h5, .single main.color_adolescentes_fuerte section .centrado article .general .conjunto h6 {
color: var(--color_adolescentes_fuerte);
}
.single main.color_social_fuerte section .centrado article .general .conjunto h1, .single main.color_social_fuerte section .centrado article .general .conjunto h2, .single main.color_social_fuerte section .centrado article .general .conjunto h3, .single main.color_social_fuerte section .centrado article .general .conjunto h4, .single main.color_social_fuerte section .centrado article .general .conjunto h5, .single main.color_social_fuerte section .centrado article .general .conjunto h6 {
color: var(--color_social_fuerte);
}
.single main.color_pedagogica_fuerte section .centrado article .general .conjunto h1, .single main.color_pedagogica_fuerte section .centrado article .general .conjunto h2, .single main.color_pedagogica_fuerte section .centrado article .general .conjunto h3, .single main.color_pedagogica_fuerte section .centrado article .general .conjunto h4, .single main.color_pedagogica_fuerte section .centrado article .general .conjunto h5, .single main.color_pedagogica_fuerte section .centrado article .general .conjunto h6 {
color: var(--color_pedagogica_fuerte);
}
.single main.color_juridica_fuerte section .centrado article .general .conjunto h1, .single main.color_juridica_fuerte section .centrado article .general .conjunto h2, .single main.color_juridica_fuerte section .centrado article .general .conjunto h3, .single main.color_juridica_fuerte section .centrado article .general .conjunto h4, .single main.color_juridica_fuerte section .centrado article .general .conjunto h5, .single main.color_juridica_fuerte section .centrado article .general .conjunto h6 {
color: var(--color_juridica_fuerte);
}
.single main.talleres section .centrado article .general .conjunto h1, .single main.talleres section .centrado article .general .conjunto h2, .single main.talleres section .centrado article .general .conjunto h3, .single main.talleres section .centrado article .general .conjunto h4, .single main.talleres section .centrado article .general .conjunto h5, .single main.talleres section .centrado article .general .conjunto h6 {
color: var(--color_curso);
} footer {
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) {
footer {
margin-top: 80px;
}
}
footer .contenedor_curva {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
z-index: 3;
margin-top: -6%;
}
footer .contenedor_curva_inversa {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: orange;
width: 100%;
z-index: 3;
}
footer .curva {
width: 100%;
}
footer .curva .banda {
fill: purple;
}
footer .curva .fondo {
fill: yellow;
}
footer .curva_inversa {
width: 100%;
}
footer .curva_inversa .banda {
fill: purple;
}
footer .curva_inversa .fondo {
fill: yellow;
}
footer .pie {
background-color: var(--fondo_pie);
}
footer .pie .contenedor_curva .banda {
fill: var(--color-pewter);
}
footer .pie .contenedor_curva .fondo {
fill: var(--fondo_pie);
}
footer .pie .centrado {
-webkit-column-gap: 5%;
-moz-column-gap: 5%;
column-gap: 5%;
}
@media only screen and (max-width: 550px) {
footer .pie .centrado {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
footer .pie .centrado .info {
width: 100%;
max-width: 300px;
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;
position: relative;
top: -100px;
}
@media only screen and (max-width: 550px) {
footer .pie .centrado .info {
top: -25px;
max-width: 100%;
}
}
footer .pie .centrado .info > svg {
width: 250px;
}
footer .pie .centrado .info > svg > g:last-child {
display: none;
}
footer .pie .centrado .info p {
padding-bottom: 5px;
text-align: center;
}
footer .pie .centrado .info ul {
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;
}
@media only screen and (max-width: 550px) {
footer .pie .centrado .info ul {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
footer .pie .centrado .info ul li {
padding: 5px;
}
footer .pie .centrado .info ul li a {
width: 30px;
display: block;
}
footer .pie .centrado .info ul li a svg {
width: 30px;
}
footer .pie .centrado .submenu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
footer .pie .centrado .submenu .uno {
width: 50%;
}
@media only screen and (max-width: 550px) {
footer .pie .centrado .submenu .uno {
width: 100%;
margin-top: 20px;
}
}
footer .pie .centrado .submenu .uno ul {
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) {
footer .pie .centrado .submenu .uno ul {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
}
footer .pie .centrado .submenu .uno ul li {
padding-bottom: 5px;
}
footer .pie .centrado .submenu .uno ul li a {
text-decoration: none;
color: black;
}
@media only screen and (max-width: 550px) {
footer .pie .centrado .submenu .uno > ul > li {
width: 100%;
}
}
footer .pie .centrado .submenu .uno > ul > li > a {
font-size: 18px;
text-transform: uppercase;
border-bottom: 2px solid var(--borde_pie);
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
color: black;
margin-bottom: 10px;
font-weight: 500;
display: block;
}
@media only screen and (max-width: 550px) {
footer .pie .centrado .submenu .uno > ul > li > a {
width: 100%;
}
}
footer .pie .centrado .submenu .dos {
width: 50%;
}
@media only screen and (max-width: 550px) {
footer .pie .centrado .submenu .dos {
width: 100%;
margin-top: 20px;
}
}
footer .pie .centrado .submenu .dos h2 {
font-size: 18px;
text-transform: uppercase;
border-bottom: 2px solid var(--borde_pie);
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-bottom: 10px;
font-weight: 500;
}
@media only screen and (max-width: 550px) {
footer .pie .centrado .submenu .dos h2 {
width: 100%;
}
}
footer .pie .centrado .submenu .dos ul {
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) {
footer .pie .centrado .submenu .dos ul {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
footer .pie .centrado .submenu .dos ul li {
padding-bottom: 5px;
}
@media only screen and (max-width: 550px) {
footer .pie .centrado .submenu .dos ul li {
width: 47%;
}
}
footer .pie .centrado .submenu .dos ul li a {
text-decoration: none;
color: black;
}
footer .pie .centrado .submenu .dos.landing {
width: 100%;
}
footer .pie .centrado .submenu .tres {
width: 100%;
}
@media only screen and (max-width: 550px) {
footer .pie .centrado .submenu .tres {
margin-top: 20px;
}
}
footer .pie .centrado .submenu .tres h2 {
font-size: 18px;
text-transform: uppercase;
border-bottom: 2px solid var(--borde_pie);
margin-bottom: 10px;
font-weight: 500;
}
footer .pie .centrado .submenu .tres ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 550px) {
footer .pie .centrado .submenu .tres ul {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
footer .pie .centrado .submenu .tres ul li {
width: 47%;
padding-bottom: 5px;
}
footer .pie .centrado .submenu .tres ul li a {
text-decoration: none;
color: black;
}
footer .pie .centrado .legal {
width: 100%;
max-width: 300px;
}
@media only screen and (max-width: 550px) {
footer .pie .centrado .legal {
max-width: 100%;
margin-top: 20px;
}
}
footer .pie .centrado .legal h2 {
font-size: 18px;
text-transform: uppercase;
border-bottom: 2px solid var(--borde_pie);
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-weight: 500;
margin-bottom: 10px;
}
@media only screen and (max-width: 550px) {
footer .pie .centrado .legal h2 {
width: 100%;
}
}
footer .pie .centrado .legal ul {
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) {
footer .pie .centrado .legal ul {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
footer .pie .centrado .legal ul li {
padding-bottom: 5px;
}
footer .pie .centrado .legal ul li a {
text-decoration: none;
color: black;
}
footer .pie .centrado .legal img {
width: 100%;
max-width: 250px;
margin-top: 20px;
margin-bottom: 20px;
}
footer .cierre {
background-color: black;
}
footer .cierre .centrado {
color: white;
}
footer .cierre .centrado a {
color: white;
}
footer .centrado {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
max-width: var(--ancho_maximo);
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 20px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
@media only screen and (max-width: 1200px) {
footer .centrado {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width: 550px) {
footer .centrado {
padding-left: 10px;
padding-right: 10px;
}
}
footer .centrado ul {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
list-style: none;
margin: 0px;
}
@media only screen and (max-width: 550px) {
footer .centrado ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
} .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;
background: #EAE2D6;
}
.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: 75px;
}
.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: 75px;
}
@media only screen and (max-width: 550px) {
.kit .kit_2 img {
height: 50px;
}
} .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: start;
-ms-flex-pack: start;
justify-content: flex-start;
right: -300px;
top: 0px;
width: 100%;
max-width: 300px;
height: 100vh;
background-color: var(--color_fondo_barra);
z-index: 5;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
padding: 20px 20px;
opacity: 0.75;
overflow: scroll;
border-right: 1px solid rgba(255, 255, 255, 0.25);
}
@media (max-width: 900px) and (max-height: 500px) and (orientation: landscape) {
.menu-desplegable {
max-width: 90vw;
left: -90vw;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.menu-desplegable .logo_menu {
-webkit-filter: brightness(1);
filter: brightness(1);
}
.menu-desplegable > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 60px;
width: auto;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
@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 .st0 {
fill: var(--color_blanco_siempre);
}
.menu-desplegable > a svg .st1 {
opacity: 0.45;
fill: var(--color_blanco_siempre);
}
.menu-desplegable > a span {
display: none;
}
.menu-desplegable ul {
list-style-type: none;
}
.menu-desplegable ul li a { display: block;
width: 100%;
font-size: 13px;
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
padding: 5px 5px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: var(--color_blanco_siempre);
text-transform: uppercase;
text-decoration: none;
font-size: 16px;
}
.menu-desplegable ul li a:hover {
background-color: var(--color_2);
}
.menu-desplegable ul li.current-page-ancestor > a, .menu-desplegable ul li.current-menu-item > a {
background-color: var(--color_2);
}
.menu-desplegable ul li.activo a {
font-weight: bold;
}
.menu-desplegable ul li:last-child a {
border-bottom: 0px;
}
.menu-desplegable ul li a.marcado {
background-color: var(--new_5);
}
.menu-desplegable > ul:last-of-type {
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
padding-bottom: 0px;
padding-bottom: 10px;
margin-top: 20px;
}
.menu-desplegable > ul:last-child li:first-child {
border-top: 1px solid var(--color_blanco_siempre);
padding-top: 5px;
}
.menu-desplegable.activo {
right: 0px;
opacity: 1;
}
.menu-desplegable > ul {
margin: 0px;
padding: 0px;
margin-top: 20px;
}
.menu-desplegable > ul > li {
padding: 0px 0px 5px;
padding: 0px;
}
.menu-desplegable > ul > li:last-child {
border-bottom: 0px;
}
.menu-desplegable .menu-item-has-children {
position: relative;
}
.fas.fa-chevron-right {
position: absolute;
top: 0px;
right: 0px;
height: 30px;
width: 30px;
z-index: 2;
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: rgb(255, 255, 255);
background-image: url(//gogoapsicologos.es/wp-content/themes/gogoa_04/img/chevron_right.svg);
background-size: 100%;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.fas.fa-chevron-right.activo {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.menu-desplegable > ul > li > ul {
padding-left: 10px;
padding-top: 0px;
}
.menu-desplegable > ul > li > ul.sub-menu {
display: none;
}
.menu-desplegable > ul > li ul.activo {
display: block;
}
.menu-desplegable > ul > li > ul > li {
padding: 0px 0px 5px;
padding: 0px;
}
.menu-desplegable > ul > li > ul > li > ul.sub-menu {
display: none;
}
.menu-desplegable > ul > li > ul > li > ul.activo {
display: block;
}
.menu-desplegable ul li a:hover {  }
.menu-desplegable > ul > li.current_page_ancestor {
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.menu-desplegable > ul > li.current_page_item > a,
.menu-desplegable > ul > li.current_page_ancestor > a,
ul.sub-menu > li.current_page_item > a {
border-left: 2px solid var(--color_blanco_siempre);
}
.menu-desplegable ul li:last-child a {
border-left: 0px solid;
}
.menu-desplegable > ul:last-of-type {
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
padding-bottom: 0px;
margin-top: 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
@media (max-width: 900px) and (max-height: 500px) and (orientation: landscape) {
.menu-desplegable ul li ul.sub-menu {
display: none;
}
}
.cierre-menu-desplegable {
position: fixed;
top: 0px;
right: 100%;
width: 100%;
height: 100vh;
z-index: 4;
background-color: rgba(0, 0, 0, 0);
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
cursor: pointer;
opacity: 1;
}
.cierre-menu-desplegable.activo {
right: 0px;
background-color: rgba(0, 0, 0, 0.75);
}
.home .cierre-menu-desplegable.activo {
right: 0px;
background-color: rgb(0, 0, 0);
} .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;
} .again {
cursor: pointer;
}
#gdpr-cookie-message {
position: fixed;
bottom: 0px;
z-index: 20;
background-color: rgba(0, 0, 0, 0.8);
border-top: 1px solid rgb(255, 255, 255);
color: rgb(255, 255, 255);
padding: 20px;
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: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
#gdpr-cookie-message h4 {
text-transform: uppercase;
padding-bottom: 10px;
font-size: 15px;
}
#gdpr-cookie-message p {
line-height: 1.3em;
font-size: 14px;
}
#gdpr-cookie-message a {
color: rgb(255, 255, 255);
}
#gdpr-cookie-types {
padding: 20px 0px;
}
#gdpr-cookie-types h5 {
text-transform: uppercase;
padding-bottom: 10px;
}
#gdpr-cookie-types ul {
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#gdpr-cookie-types ul li {
padding: 0px 10px;
}
#gdpr-cookie-types ul li input[type=checkbox] {
width: 16px;
height: 16px;
background-color: var(--color_negro_siempre);
border-radius: 50%;
vertical-align: middle;
border: 1px solid white;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
outline: none;
cursor: pointer;
top: -2px;
position: relative;
margin-right: 4px;
}
#gdpr-cookie-types ul li input[type=checkbox]:checked {
background-color: white;
}
#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: "Lato", sans-serif;
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;
}
}
.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;
} .wpcf7 form .wpcf7-response-output {
position: fixed;
bottom: 20px;
width: calc(100% - 40px);
margin: 0px;
right: 20px;
left: 20px;
padding: 10px;
text-transform: uppercase;
border-radius: 5px;
}
.wpcf7 form.invalid .wpcf7-response-output {
background-color: #ffb900;
color: black;
}
.wpcf7 form.sent .wpcf7-response-output {
background-color: #46b450;
color: black;
}  @media (max-width: 768px) { .menu-desplegable {
position: fixed;
inset: 0;
height: 100vh;
overflow-y: auto;
padding: 80px 20px 40px;
background: #000;
display: flex; flex-direction: column;
gap: 1rem;
z-index: 9998; } .lista-menu { margin: 0; padding: 0; }
.lista-menu li { list-style: none; }
.lista-menu a {
color: #fff;
font-size: 1.4rem;
text-decoration: none;
} .bars {
display: block !important;
position: relative; z-index: 9999; }
} @media (max-width: 820px) { header .centrado .nav  { display: none; } header .centrado .bars { display: flex;  } }    body.home { background: #000; color: #fff; }
header .elmeenu { background: #000 !important; } #nav-principal { display: flex; gap: 24px; }
@media (max-width: 550px) {
#nav-principal {
display: none;
flex-direction: column;
text-align: center;
}
body.menu-abierto #nav-principal {
display: flex;
}
} .menu-desplegable { display: none !important; }
:root {
--negro: #000;
--blanco: #fff;
--azul: #6fa2ff;
--alto: 70px;
} *, *::before, *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
ul { list-style: none; } .gogoa-h {
background: var(--negro);
color: var(--blanco);
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
} .gogoa-h__top {
background: #a9c1ff;
font-size: .8rem;
}
.gogoa-h__top ul {
display: flex;
gap: 1rem;
flex-wrap: wrap;
justify-content: center;
padding: .25rem 1rem;
}
.gogoa-h__top a {
color: #000;
text-decoration: none;
font-weight: 600;
}
.gogoa-h__top em {
font-style: normal;
} .gogoa-h__bar {
max-width: 1280px;
margin: auto;
padding: 0 1rem;
height: var(--alto);
display: flex;
align-items: center;
gap: 1.5rem;
background-color: #eae2d6; } .gogoa-h__logo img { max-height: 46px; } .gogoa-h__back {
background: none;
border: none;
color: var(--blanco);
font-size: 1.4rem;
cursor: pointer;
}
body.home .gogoa-h__back { display: none; } .gogoa-h__desk ul {
display: flex;
gap: 1.25rem;
}
.gogoa-h__desk > ul > li {
position: relative;
}
.gogoa-h__desk > ul > li > a {
color: var(--blanco);
text-decoration: none;
font-weight: 600;
} .gogoa-h__desk .has-sub ul {
display: none;
position: absolute;
left: 0;
top: 100%;
background-color:var (--color-oyster);
min-width: 220px;
}
.gogoa-h__desk .has-sub ul li a {
color: var(--color-pewter);
display: block;
padding: .6rem 1rem;
text-decoration: none;
font-size: 0.9rem;
}
.gogoa-h__desk .has-sub:hover ul {
display: block;
} .gogoa-h__burger {
display: none;
background: none;
border: none;
padding: .8rem;
margin-left: auto;
cursor: pointer;
}
.gogoa-h__burger span {
display: block;
width: 26px;
height: 3px;
background: var(--blanco);
margin: 5px 0;
transition: .3s;
}
.gogoa-h__burger.activo span:nth-child(1) {
transform: rotate(45deg) translate(5px, 5px);
}
.gogoa-h__burger.activo span:nth-child(2) {
opacity: 0;
}
.gogoa-h__burger.activo span:nth-child(3) {
transform: rotate(-45deg) translate(5px, -5px);
} .gogoa-h__panel {
position: fixed;
top: 0;
left: -100%;
width: 80%;
height: 100vh;
background: var(--negro);
padding-top: var(--alto);
overflow-y: auto;
transition: left .3s;
}
.gogoa-h__panel.activo {
left: 0;
}
.gogoa-h__panel ul li a {
display: block;
padding: .9rem 1.2rem;
color: #fff;
text-decoration: none;
border-bottom: 1px solid #222;
}
.gogoa-h__panel ul li a:hover {
background: #111;
}
.gogoa-h__panel .has-sub ul {
display: none;
background: #111;
}
.gogoa-h__panel .has-sub.open ul {
display: block;
} @media (min-width: 991px) {
.gogoa-h_top{
font-size: 1.4rem;
}
}
@media (max-width: 1024px) {
.gogoa-h__desk { display: none; }
.gogoa-h__burger { display: block; }
} .wrapper {
padding-top: calc(var(--alto) + 28px);
} .gogoa-menu .sub-menu {
display: none;
} @media (min-width: 1025px) {
.gogoa-h__desk .menu-item-has-children:hover > .sub-menu {
display: block;
}
.gogoa-h__desk > ul > li > a {
font-size: 1rem;
letter-spacing: .2px;
padding: .15rem 0;
}
} #gogoa-panel .open > .sub-menu {
display: block;
}   @media (min-width: 1025px) { .gogoa-h__desk .reserva-cita > .main-menu {
display: none !important;
} .gogoa-h__desk .reserva-cita:hover > .main-menu {
display: flex !important;
flex-direction: column;
gap: .5rem;
background-color: #EAE2D6 !important;
padding: .5rem 0 !important;
position: absolute;
top: 100%;
left: 0;
z-index: 999;
} .gogoa-h__desk .reserva-cita > .main-menu li a {
display: block;
padding: .6rem 1rem;
color: #867666;
text-decoration: none;
transition: background-color .2s, color .2s;
}
.gogoa-h__desk .reserva-cita > .main-menu li a:hover {
background-color: #867666;
color: #D5C3AA;
} .gogoa-h__desk .reserva-cita .btn-cita.presencial > .sub-sedes {
display: none !important;
} .gogoa-h__desk .reserva-cita .btn-cita.presencial:hover > .sub-sedes {
display: flex !important;
flex-direction: column;
gap: .75rem;
background-color: #D5C3AA !important;
padding: .5rem 0 !important;
margin-top: 0 !important; } .gogoa-h__desk .reserva-cita .sub-sedes li a {
display: block;
padding: .55rem 1rem;
font-weight: 600;
color: #867666;
text-decoration: none;
transition: background-color .2s, color .2s;
}
.gogoa-h__desk .reserva-cita .sub-sedes li a:hover {
background-color: #867666;
color: #D5C3AA;
}
}    .gogoa-h {
background-color: #eae2d6 !important;
} .gogoa-h__desk {
background-color: #eae2d6 !important;
} .gogoa-h__desk .has-sub ul {
background-color: #eae2d6 !important;
} .gogoa-h__desk > ul > li > a {
color: #333; } .gogoa-h__burger span {
background-color: #D5C3AA !important;
}
.gogoa-h__panel {
background-color: #D5C3AA !important;
}
.gogoa-h__panel .has-sub ul {
background-color: #D5C3AA !important;
}
.gogoa-h__panel ul li a {
color: #333; } .gogoa-h__burger span {
background-color: #000 !important;
}
.gogoa-h__burger.activo span:nth-child(1),
.gogoa-h__burger.activo span:nth-child(3) {
background-color: #000 !important;
} .gogoa-h__back {
color: #000 !important;
} .gogoa-h__top {
background-color: #867666 !important;
}
.gogoa-h__top a {
color: #fff !important;
} body.home {
background-color: #fff !important;
color: #000 !important;
} body.home h1 {
color: #867666 !important;
}
@media (max-width: 768px) {
body.home h1 {
font-size: 20px !important;
line-height: 1.3;
margin-bottom: 10px;
}
} .cac .centrado {
background-color: #867666 !important;
}
.gogoa-h__panel ul li a:hover {
background-color: #867666 !important;
color: #000 !important;
}    @media (min-width: 870px) { .appointments-container {
max-width: 1140px; margin: 0 auto;
padding: 100px 25px;
} .appointments-container .appointment {
flex: 0 0 420px !important;
max-width: 420px !important;
} .appointments-container .appointment img {
width: 150px !important;
height: 150px !important;
margin-bottom: 12px !important;
} .appointments-container .appointment h2 {
font-size: 20px !important;
}
.appointments-container .appointment h3 {
font-size: 16px !important;
} .appointments-container .appointment .role {
font-size: 16px !important;
color: #000 !important;
} .appointments-container .appointment a {
font-size: 14px !important;
color: #000 !important;
}
.appointments-container .appointment .btn-cita {
padding: 8px 14px !important;
font-size: 14px !important;
color: #000 !important;
}
.section-title {
font-size: 38px !important;
}
.marta-img {
object-fit: contain !important;
background-color: #F5F0E6 !important;
padding: 0 !important;
border-radius: none !important;
}
.cita-bilbao {
margin-top: 30px; margin-bottom: 30px; }
}
@media (min-width: 1024px) {
.marta-img {
width: 100px !important;
height: 100px !important;
padding: 6px !important;
margin-bottom: 12px !important;
}
} @media (min-width: 1024px) {
a.toggle-main {
background-color: #eae2d6 !important;
color: #000 !important; border: none !important;
} a.toggle-main:hover {
background-color: #eae2d6 !important;
color: #000 !important;
}
}
.home .wrapper .introduccion_home .centrado div p:has(strong) strong {
color: #867666 !important;
font-size: 30px;
font-weight: 400;
font-family: var(--titulares);
text-align: center;
}
.home .wrapper .tratamiento_home .contenedor_curva_inversa .curva_inversa .banda {
fill: #867666 !important;
}
.home .wrapper .tratamiento_home .contenedor_curva .curva .banda {
fill: #867666 !important;
}
.home .wrapper .trio .centrado .cursos h2 {
color: #867666 !important; font-weight: 400;
font-size: 38px;
font-family: var(--titulares);
}
.home .wrapper .trio .centrado .cursos .array_cursos .tratamiento {
background-color: #D5C3AA !important;
border-color: #D5C3AA !important;
box-shadow: none !important;
}
.home .wrapper .trio .centrado .cursos .array_cursos .tratamiento h2 {
color: #867666 !important;
}
.home .wrapper .trio .centrado .cursos .array_cursos .tratamiento a {
background-color:  #867666 !important;
}
.home .wrapper .trio .centrado .formulario .panel-formulario h2 {
color: #867666 !important;
}
.home .wrapper .trio .centrado .formulario .panel-formulario .primera input,
.home .wrapper .trio .centrado .formulario .panel-formulario .primera select {
background-color: #D5C3AA !important;
} .page-quienes .bloque_testimonios .centrado .presentacion .intro h1 {
color: #867666 !important;
}  :root {
--color-line:    #EAE2D6;
--color-oyster:  #D5C3AA;
--color-pewter:  #867666;
--font-base:     "Helvetica Neue", Arial, sans-serif;
--radius:        10px;
--shadow:        0 4px 12px rgba(0, 0, 0, 0.08);
--spacing:       16px;
--spacing-sm:    8px;
--spacing-lg:    24px;
} @media (min-width: 586px) {
body {
margin: 0;
padding: 0;
background-color: var(--color-line);
font-family: var(--font-base);
color: var(--color-pewter);
}
.team-section {
max-width: 1100px;
margin: 0 auto;
padding: var(--spacing-lg) var(--spacing);
}
.team-section h1 {
font-size: 1.5rem;
font-weight: bold;
text-align: center;
margin-bottom: var(--spacing-lg);
color: var(--color-pewter);
} .team-container {
display: flex;
flex-wrap: wrap;
gap: var(--spacing);
justify-content: center;
}
.team-card {
background-color: var(--color-oyster);
border-radius: var(--radius);
box-shadow: var(--shadow);
width: 160px;
padding: var(--spacing-sm);
text-align: center;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.team-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
}
.team-card img {
width: 100px;
height: 100px;
object-fit: cover;
border-radius: 50%;
margin-bottom: var(--spacing-sm);
} .team-card h2 {
font-size: 0.9rem;
font-weight: 600;
margin: var(--spacing-sm) 0 4px;
color: var(--color-pewter);
}
.team-card p {
font-size: 0.75rem;
font-weight: bold;
margin: 0 0 var(--spacing-sm);
color: var(--color-pewter);
} .btn-appointment {
display: inline-block;
padding: 6px 12px;
font-size: 0.75rem;
font-weight: bold;
text-decoration: none;
border-radius: var(--radius);
transition: background-color 0.2s ease, transform 0.2s ease;
}
.btn-appointment:hover {
background-color: var(--color-oyster);
transform: scale(1.05);
} .extra-images {
display: flex;
gap: var(--spacing);
justify-content: center;
margin-top: var(--spacing-lg);
}
.extra-images img {
max-width: 300px;
border-radius: var(--radius);
box-shadow: var(--shadow);
object-fit: cover;
height: auto;
}
} .page-quienes .bloque_testimonios .centrado .presentacion .listado ul li a {
color: #867666 !important;
} .page-quienes #vuelta_testimonio_12 .descripcion > div {
display: flex;
flex-wrap: wrap; 
gap: 20px;
max-width: 100%; 
}
.page-quienes #vuelta_testimonio_12 .descripcion p {
margin: 0;
}
.page-quienes #vuelta_testimonio_12 img {
display: block;
width: auto; max-width: 100%;
border-radius: 8px;
height: auto;
float: none !important;
} .archive .wrapper main.tratamientos h1 {
color: #867666 !important;
}
.listado-post .centrado article.color_juridica_fuerte, article.color_social_fuerte, article.color_pedagogica_fuerte, article.color_adolescentes_fuerte, article.color_pareja_fuerte, article.color_adulto_fuerte {
background-color: #D5C3AA !important;
}
.listado-post .centrado article.color_juridica_fuerte h2 a, article.color_social_fuerte h2 a, article.color_pedagogica_fuerte h2 a, article.color_adolescentes_fuerte h2 a, article.color_pareja_fuerte h2 a, article.color_adulto_fuerte h2 a  {
color: #FFFFFF !important;
}
.single .wrapper main.post-tratamiento .bloque-principal .centrado aside .formulario h2 {
color: #867666 !important;
}
.single .wrapper main.post-tratamiento .bloque-principal .centrado aside .formulario .primera input, .single .wrapper main.post-tratamiento .bloque-principal .centrado aside .formulario .primera select {
background-color: #D5C3AA !important;
}
.medios input[type="submit"] {
background-color: #D5C3AA !important;
} .archive .wrapper main.cursos h1 {
color: #867666 !important;
}
.listado-post .centrado article.talleres {
background-color: #FFFFFF!important;
}
.listado-post .centrado article.talleres h2 a {
color: #000 !important;
} .page-contacto .wrapper main section .centrado .grupo .mapas div .panel {
background-color: rgba(255, 255, 255, 0.79) !important; 
}   * {
box-sizing: border-box;
margin: 0;
padding: 0;
} body {
font-family: Arial, sans-serif;
background-color: linen; padding: 20px;
color: #867666; } .table-container {
width: 100%;
background: linen; border: 1px solid #ccc;
border-radius: 4px;
overflow: hidden; margin-bottom: 1rem;
} table.especialidades {
width: 100%;
border-collapse: collapse;
table-layout: auto; margin-bottom: 0.8rem;
} .especialidades thead tr th {
border: 1px solid #D5C3AA;
background: #e2e2e2;
padding: 0.5rem; text-align: center;
font-weight: bold;
font-size: 0.85rem; color: #867666; white-space: normal; overflow: hidden;
text-overflow: ellipsis;
} .especialidades tbody tr td {
border: 1px solid #D5C3AA;
padding: 0.5rem; text-align: center;
vertical-align: middle;
font-size: 0.9rem; line-height: 1.2;
color: #867666; white-space: normal; } .especialidades th:first-child,
.especialidades td:first-child {
text-align: left;
font-weight: bold;
background: #fafafa;
width: 35%; font-size: 0.9rem;
color: #867666; } .especialidades tbody tr.section-header td {
background: #ededed;
color: #867666; font-size: 1rem;
font-weight: bold;
text-align: left;
padding: 0.6rem;
border-top: 2px solid #31708f;
border-bottom: 2px solid #31708f;
} .especialidades tbody td span.check {
color: #E1B80D; font-weight: bold;
font-size: 1rem;
line-height: 1;
} .btn-reserva {
background-color: #D5C3AA; color: #867666; border: none;
border-radius: 3px;
padding: 0.5rem 1rem; font-size: 0.9rem;
cursor: pointer;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
transition: background-color 0.2s;
}
.btn-reserva:hover {
background-color: #cbb79a;
} .ver-mas-btn {
display: none;
width: 100%;
background-color: #D5C3AA; color: #867666; border: none;
border-radius: 4px;
padding: 0.75rem;
font-size: 1rem;
cursor: pointer;
text-align: center;
margin-top: 1rem;
transition: background-color 0.2s;
}
.ver-mas-btn:hover {
background-color: #cbb79a;
} .mobile-hide { } @media (max-width: 600px) { .especialidades tbody tr.mobile-hide {
display: none;
} table.especialidades {
width: 100%;
font-family: sans-serif;
} .especialidades th:first-child,
.especialidades td:first-child {
width: 15%; font-size: 0.4rem; padding: 0.2rem 0.3rem;
} .especialidades thead th:not(:first-child) {
font-size: 0.4rem; padding: 0.2rem 0.3rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #867666; } .especialidades tbody tr td {
font-size: 0.4rem; padding: 0.15rem 0.2rem;
color: #867666; } .especialidades tbody td span.check {
font-size: 0.8rem; } .especialidades a.btn-reserva {
background-color: #D5C3AA; color: #867666; font-size: 0.5rem;
padding: 0.2rem 0.3rem;
} .ver-mas-btn {
display: block;
}
} @media (min-width: 601px) and (max-width: 800px) {
.especialidades th:first-child,
.especialidades td:first-child {
width: 25%; font-size: 0.75rem;
padding: 0.3rem 0.4rem;
}
.especialidades thead th:not(:first-child),
.especialidades tbody td:not(:first-child) {
font-size: 0.65rem;
padding: 0.25rem 0.35rem;
color: #867666; }
.especialidades tbody td {
padding: 0.25rem 0.35rem;
font-size: 0.6rem;
color: #867666; }
.especialidades tbody td span.check {
font-size: 0.9rem;
color: #E1B80D; }
.especialidades a.btn-reserva {
background-color: #D5C3AA; color: #867666; font-size: 0.8rem;
padding: 0.3rem 0.5rem;
}
} @media (min-width: 801px) { .mobile-hide {
display: table-row;
} .especialidades th:first-child,
.especialidades td:first-child {
width: 35%;
font-size: 0.9rem;
padding: 0.5rem;
color: #867666; }
.especialidades thead th:not(:first-child) {
font-size: 0.85rem;
padding: 0.5rem;
color: #867666; }
.especialidades tbody td {
font-size: 0.9rem;
padding: 0.5rem;
color: #867666; }
.especialidades tbody td span.check {
font-size: 1rem;
color: #E1B80D; }
.especialidades a.btn-reserva {
background-color: #D5C3AA; color: #867666; font-size: 0.9rem;
padding: 0.5rem 1rem;
} .ver-mas-btn {
display: none;
}
}  @media (min-width: 1025px) {
.reserva-cita > .main-menu,
.reserva-cita .btn-cita.presencial > .sub-sedes {
display: none;
} .reserva-cita.open > .main-menu {
display: flex !important;
flex-direction: column;
gap: .5rem;
background: #D5C3AA;
padding: .5rem 0;
position: absolute;
z-index: 100;
}
.reserva-cita .btn-cita.presencial.open > .sub-sedes {
display: flex !important;
flex-direction: column;
gap: .75rem;
margin: .5rem 0 0 1rem;
background: #D5C3AA;
padding: .5rem 0;
} .reserva-cita.open a {
display: inline-block;
padding: .6rem 1rem;
font-weight: 600;
color: #867666;
background: #D5C3AA;
border-radius: 6px;
text-decoration: none;
transition: .2s;
white-space: nowrap;
}
.reserva-cita.open a:hover {
background: #867666;
color: #D5C3AA;
}
}
@media (min-width: 1025px) {
.reserva-cita {
position: relative; }
.reserva-cita > .main-menu {
position: absolute;
top: 100%; left: 0;
z-index: 1000;
min-width: 200px; }
.btn-cita.presencial .sub-sedes {
position: absolute;
left: 100%; top: 0;
z-index: 1001;
}
}   .especialidades tbody tr.mobile-hide {
display: none;
} .especialidades.expanded tbody tr.mobile-hide {
display: table-row;
animation: fadeIn 0.5s ease-in-out;
} .ver-mas-btn {
display: block;
width: 100%;
background-color: #D5C3AA;
color: #867666;
border: none;
border-radius: 4px;
padding: 12px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
text-align: center;
margin: 20px auto 0;
transition: all 0.3s ease;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
max-width: 300px;
}
.ver-mas-btn:hover {
background-color: #cbb79a;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0,0,0,0.15);
} .ver-mas-btn[data-state="expanded"]::after {
content: " ▲ Ver menos especialidades";
}
.ver-mas-btn[data-state="collapsed"]::after {
content: " ▼ Ver más especialidades";
} @keyframes fadeIn {
from { opacity: 0; transform: translateY(-10px); }
to { opacity: 1; transform: translateY(0); }
} @media (max-width: 600px) {
.ver-mas-btn {
padding: 10px;
font-size: 0.9rem;
max-width: 100%;
}
} @media (min-width: 1025px) { .especialidades tbody tr.mobile-hide:nth-child(-n+8) {
display: table-row;
}
.ver-mas-btn {
margin: 25px auto;
}
}
.especialidades.expanding {
position: relative;
}
.especialidades.expanding::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: #D5C3AA;
animation: loading 1.5s infinite;
} .ancho {
margin-bottom: 25vh; } :root {
--color-line: rgb(255, 254, 254); --color-oyster: #eae2d6; --color-pewter: rgba(134, 118, 102, 1); --color-lemon-tea: rgba(225, 184, 13, 1); --color-primary: #1b4965;
--color-secondary: #007a74;
--color-accent: #e07a5f;
--color-light-bg: #f8f9fa;
--color-text: #333333;
--color-highlight: #fef9d7;
}
body {
font-family: 'Open Sans', sans-serif;
line-height: 1.6;
color: var(--color-pewter);
background-color:var(--color-oyster) ;
margin: 0;
padding: 20px;
}
.gogoa-contenido {
background: var(--color-oyster);
padding: 2.5rem;
border-radius: 15px;
max-width: 1200px;
margin: 0 auto;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}
.gogoa-contenido h2 {
text-align: center;
color: var(--color-pewter);
margin-top: 2.5rem;
margin-bottom: 1.5rem;
font-size: 1.75rem;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
position: relative;
padding-bottom: 10px;
}
.gogoa-contenido h2::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 3px;
background: var(--color-lemon-tea);
}
.gogoa-contenido p {
margin-bottom: 1.5rem;
font-size: 1rem;
line-height: 1.7;
}
.gogoa-contenido ul {
margin-bottom: 1.5rem;
padding-left: 1.25rem;
}
.gogoa-contenido li {
margin-bottom: 0.75rem;
font-size: 1rem;
padding-left: 0.5rem;
}
.gogoa-contenido strong {
color: var(--color-secondary);
font-weight: 600;
}
.gogoa-contenido em {
color: var(--color-accent);
font-style: italic;
}
.sedes-list li {
background-color: var(--color-oyster);
padding: 12px 15px;
border-left: 3px solid var(--color-secondary);
margin-bottom: 10px;
border-radius: 0 4px 4px 0;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.servicios-list li {
background-color: var(--color-oyster);
padding: 12px 15px;
border-left: 3px solid var(--color-lemon-tea);
margin-bottom: 10px;
border-radius: 0 4px 4px 0;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.servicios-destacados {
display: flex;
flex-wrap: wrap;
gap: 2rem;
align-items: flex-start;
margin-bottom: 2rem;
}
.servicios-texto {
flex: 1 1 60%;
min-width: 300px;
}
.servicios-img {
flex: 1 1 35%;
min-width: 300px;
display: flex;
align-items: center;
}
.servicios-img img {
max-width: 100%;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
transition: transform 0.3s ease;
}
.servicios-img img:hover {
transform: translateY(-5px);
}
.imagen-final {
text-align: center;
margin-top: 3rem;
}
.imagen-final img {
max-width: 100%;
border-radius: 10px;
margin-top: 1rem;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
} .highlight-text {
text-align: center;
color: var(--color-primary);
font-style: italic;
font-weight: 600;
font-size: 1.1rem;
padding: 15px;
background-color: var(--color-highlight);
border-radius: 8px;
margin: 2rem 0;
}
.call-to-action {
text-align: center;
color: var(--color-pewter);
font-weight: 700;
font-size: 1.2rem;
padding: 15px;
background-color: var(--color-oyster);
border-radius: 8px;
margin: 2rem 0;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.subraya{
text-decoration: none;  
color: inherit;         
cursor: pointer; 
}
.subraya:hover{
text-decoration: underline;
}
.btn-reser{
display: inline-block;
padding: 0.5rem 1rem;
background-color:var(--color-line);
color: var(--color-pewter);
text-decoration: none;
border-radius: 0.25rem;
cursor: pointer;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.cta-container {
display: flex;
align-items: center;
justify-content: center;
gap: 1.5rem;
margin: 2rem 0;
flex-wrap: wrap; 
}
.cta-img {
max-width: 200px; 
width: 100%;      
height: auto;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
@media (max-width: 480px) {
.cta-container .btn-reser {
margin-bottom: 1rem;
}
}
@media (max-width: 768px) {
.gogoa-contenido {
padding: 1.5rem;
}
.servicios-destacados {
flex-direction: column;
}
.servicios-texto, .servicios-img {
flex: 1 1 100%;
}
.servicios-img {
order: -1;
margin-bottom: 1.5rem;
}
.gogoa-contenido h2 {
font-size: 1.5rem;
}
}
@media (max-width: 480px) {
.gogoa-contenido {
padding: 1rem;
}
.gogoa-contenido h2 {
font-size: 1.3rem;
}
.gogoa-contenido p, .gogoa-contenido li {
font-size: 0.9rem;
}
.highlight-text, .call-to-action {
font-size: 1rem;
}
}
.responsive-img {
width: 100%;
height: auto;
display: block;
} body {
font-family: Arial, sans-serif;
background-color: var(--color-oyster);
color: var(--color-pewter);
margin: 0;
padding: 0;
line-height: 1.6;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.intro {
text-align: center;
padding: 20px;
background-color: var(--color-oyster);
border-radius: 8px;
margin-bottom: 40px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.section {
margin-bottom: 40px;
text-align: center;
}
.section h2 {
color: var(--color-primary);
font-size: 2rem;
margin-bottom: 20px;
border-bottom: 3px solid var(--color-lemon-tea); 
padding-bottom: 5px;
display: inline-block;
}
.image-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
.image-item {
max-width: 100%;
flex: 1 1 300px;
background: var(--color-oyster);
padding: 15px;
border-radius: 8px;
}
.image-item img {
max-width: 100%;
height: auto;
border-radius: 4px;
}
.btn {
display: inline-block;
padding: 10px 20px;
margin: 10px;
background-color: var(--color-pewter);
color: var(--color-line);
text-decoration: none;
border-radius: 5px;
font-weight: bold;
transition: background-color 0.3s;
}
.btn:hover {
background-color: var(--color-secondary);
color: var(--color-line);
}
@media (max-width: 768px) {
.image-container {
flex-direction: column;
}
.section h2 {
font-size: 1.5rem;
}
.btn {
width: 100%;
margin: 1px 1px;
padding: 3%;
}
.intro {
padding: 10px;
}
} body {
font-family: Arial, sans-serif;
background-color: var(--color-oyster);
color: var(--color-text);
margin: 0;
padding: 0;
line-height: 1.6;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.henday {
background-color: var(--color-oyster);
padding: 20px;
border-radius: 8px;
margin-bottom: 40px;
}
.hendaya-appointments__title {
color: var(--color-primary);
font-size: 2rem;
text-align: center;
margin-bottom: 20px;
border-bottom: 3px solid var(--color-lemon-tea);
padding-bottom: 5px;
display: inline-block;
}
.hendaya-card {
max-width: 100%;
background: var(--color-oyster);
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.hendaya-card__header {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 20px;
}
.hendaya-card__image {
width: 300px;
height: 300px;
object-fit: cover;
border-radius: 8px; }
.hendaya-card__info h2 {
color: var(--color-primary);
font-size: 1.5rem;
margin: 0;
}
.hendaya-card__info h3 {
color: var(--color-pewter);
font-size: 1.2rem;
margin: 5px 0;
}
.hendaya-card__content ul {
list-style: none;
padding: 0;
}
.hendaya-card__content li {
margin-bottom: 10px;
color: var(--color-text);
}
.hendaya-card__text {
margin: 15px 0;
color: var(--color-text);
}
.hendaya-card__action {
text-align: center;
margin-top: 20px;
}
.hendaya-card__button {
display: inline-block;
padding: 10px 20px;
background-color: var(--color-pewter);
color: var(--color-line);
text-decoration: none;
border-radius: 5px;
font-weight: bold;
transition: background-color 0.3s;
}
.hendaya-card__button:hover {
background-color: var(--color-secondary);
color: var(--color-line);
}
@media (max-width: 768px) {
.hendaya-appointments__title {
font-size: 1.5rem;
}
.hendaya-card__header {
flex-direction: column;
text-align: center;
}
.hendaya-card__image {
width: 250px;
height: 250px;
}
.hendaya-card__button {
width: 100%;
}
} :root {
--color-line: rgba(234, 226, 214, 1); --color-oyster: rgb(194, 178, 155); --color-pewter: rgba(134, 118, 102, 1); --color-lemon-tea: rgba(225, 184, 13, 1); --color-white: #ffffff;
}
.footer-links ul,
.footer-social ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
gap: 2rem; }
.footer-links li,
.footer-social li {
margin: 0; }
.footer-links a,
.footer-social a {
color: #000;
text-decoration: none;
border-bottom: 2px solid transparent;
transition: border-color 0.3s ease;
}
.footer-links a:hover,
.footer-social a:hover {
border-bottom: 2px solid var(--color-lemon-tea);
}
.formulario-final {
max-width: 700px;
margin: 60px auto;
padding: 25px;
background-color: #ffffff;
border-radius: 12px;
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 550px) {
.formulario-final {
margin: 30px 15px;
padding: 20px;
}
} @media only screen and (max-width: 600px) {
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .centrado aside {
min-width: 100% !important;
max-width: 100% !important;
padding-left: 0;
border-left: none;
}
} .carousel {
width: 90%;
margin: 0 auto;
aspect-ratio: 16 / 9;
overflow: hidden;
position: relative;
border-radius: 10px;
}
.slides {
display: flex;
gap: 1px; padding: 10px; animation: slide 20s infinite;
align-items: center;
}
.slides img {
width: 100%;
max-height: 450px;
height: auto;
object-fit: contain;
border-radius: 10px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
display: block;
}
@keyframes slide {
0% {
transform: translateX(0);
}
33.33% {
transform: translateX(-100%);
}
66.66% {
transform: translateX(-200%);
}
100% {
transform: translateX(0);
}
}
@media (min-width: 1024px) {
.carousel {
max-height: 500px; }
.slides {
width: 70%; gap: 5%; padding: 0; }
.slides img {
flex: 0 0 100%;
width: 100%;
height: auto;
object-fit: cover;
}
}
@media (max-width: 1023px) {
.carousel {
max-height: 100px; }
.slides {
width: 39%; gap: 1%; padding: 0; }
.slides img {
flex: 0 0 100%;
width: 100%;
height: auto;
object-fit: cover;
}
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .tratamiento_contenido .centrado .intro {
background: var(--color-line);
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .tratamiento_contenido .centrado .intro {
width: 90%;
max-width: 800%;
margin: auto;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .tratamiento_contenido .centrado {
background: #ffffff;
}
article#principio h1 {
text-align: center;
color: var(--color-lemon-tea);
font-family: var(--titulares);
font-size: 1.8rem; } @media (min-width: 768px) {
article#principio h1 {
font-size: 2.4rem;
}
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .tratamiento_contenido {
width: 100%;
max-width: 100%;
box-sizing: border-box;
padding: 2rem 1rem;
background-color: var(--color-fondo-tratamiento); border-radius: 10px;
text-align: center;
} .landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .tratamiento_contenido > .centrado {
max-width: 100%;
width: 100%;
margin: 0 auto;
padding: 0;
}
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .tratamiento_contenido .centrado .intro p {
font-size: 1rem;
line-height: 1.6;
color: var(--color-pewter);
text-align: justify;
} @media (min-width: 1024px) {
.landing-tratamientos .wrapper main.page-tratamiento .bloque-principal .tratamiento_contenido .centrado .intro p {
font-size: 2rem;
}
} :root {
--color-line: #f3ede6;
--color-pewter: #5e5c69;
--color-lemon: #e2c400;
}
.valores-gogoa {
display: flex;
flex-direction: column;
gap: 2.5rem;
margin: 2rem auto;
max-width: 1000px;
padding: 0 0;
}
.valores-gogoa .mision,
.valores-gogoa .vision {
background-color: var(--color-line);
color: var(--color-pewter);
padding: 2rem;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
overflow: hidden;
}
.mision-content,
.vision-content {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: nowrap;
gap: 1rem;
}
.mision-texto,
.vision-texto {
flex: 1 1 60%;
font-size: 1rem;
}
.mision-img,
.vision-img-container {
flex: 1 1 40%;
display: flex;
justify-content: center;
}
.mision-img img,
.vision-img-container img {
width: 100%;
max-width: 300px;
height: auto;
border-radius: 10px;
object-fit: cover;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.mision h2,
.vision h2 {
margin-top: 0;
font-size: 3rem;
position: relative;
}
.mision h2::after,
.vision h2::after {
content: "";
display: block;
width: 100%;
height: 4px;
background-color: var(--color-lemon);
margin-top: 6px;
border-radius: 2px;
}
.mision-texto p,
.vision-texto p {
font-size: 1.5rem;
line-height: 1.6;
} @media (max-width: 768px) {
.mision-content,
.vision-content {
flex-direction: row;
flex-wrap: nowrap;
gap: 1rem;
}
.mision-texto,
.vision-texto {
flex: 1 1 60%;
font-size: 0.85rem;
text-align: left;
}
.mision-img,
.vision-img-container {
flex: 1 1 40%;
}
.mision-img img,
.vision-img-container img {
max-width: 100px;
}
.mision h2,
.vision h2 {
font-size: 1.2rem;
}
.mision-texto p,
.vision-texto p {
font-size: 0.75rem;
line-height: 1.4;
margin: 0 auto;
max-width: 90%;
}
} .lista-servicios {
background-color: var(--color-line);
color: var(--color-pewter);
padding: 2rem;
border-radius: 12px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
max-width: 1700px;
margin: 0 auto;
font-family: Georgia, serif;
margin: 0 auto;
font-size: 1.05rem;
line-height: 1.6;
font-weight: 400;
} .lista-servicios ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 1.8rem;
}
.lista-servicios li {
font-size: 1.7rem;
line-height: 1.6;
padding-left: 0.5rem;
position: relative;
} .lista-servicios li strong {
display: inline-block;
position: relative;
font-weight: 600;
margin-bottom: 0.3rem;
color: var(--color-pewter);
}
.lista-servicios li strong::after {
content: '';
display: block;
width: 60px;
height: 3px;
background-color: var(--color-lemon);
margin-top: 4px;
border-radius: 2px;
}
.lista-servicios > p {
margin-top: 1.8rem;
font-size: 1.7rem;
line-height: 1.7;
gap: 1.8rem;
}
.lista-servicios h2 {
text-align: center;
font-size: 2.8rem;
color: #000;
margin-bottom: 2rem;
font-family: 'Georgia', serif;
line-height: 1.3;
}
.lista-servicios > p:first-of-type {
font-size: 1.7rem;
line-height: 1.7;
margin-bottom: 2rem;
text-align: justify;
color: var(--color-pewter);
font-family: 'Georgia', serif;
} @media (max-width: 768px) {
.lista-servicios {
padding: 1.5rem;
}
.lista-servicios li {
font-size: 0.9rem;
}
.lista-servicios li strong::after {
width: 40px;
}
.lista-servicios > p {
font-size: 0.9rem;
}
.lista-servicios h2 {
font-size: 1.2rem;
padding: 0 1rem;
}
.lista-servicios > p:first-of-type {
font-size: 1rem;
text-align: left;
}
} .bloque-testimonios .titulo-testimonios {
text-align: center;
font-size: 2.2rem;
color: #867666;
font-family: 'Georgia', serif;
margin-bottom: 2rem;
position: relative;
}
@media (max-width: 768px) {
.bloque-testimonios .titulo-testimonios {
font-size: 1rem;
padding: 0 1rem;
}
}
.contact-container {
display: flex;
flex-direction: row;
justify-content: center;
align-items: stretch; 
padding: 1rem;
gap: 1rem;
background-color: var(--color-line);
flex-wrap: nowrap;
}
.map {
flex: 1 1 50%;
max-width: 50%;
display: flex;
flex-direction: column;
border-radius: 12px;
overflow: hidden;
background-color: #1f1f1f;
box-shadow: 0 0 8px var(--color-pewter);
min-height: 350px;
}
.map iframe {
width: 100%;
height: 100%;
border: none;
flex: 1;
} @media (max-width: 768px) {
.contact-container {
flex-direction: row;
flex-wrap: nowrap;
gap: 0.5rem;
}
.map {
flex: 1 1 48%;
max-width: 48%;
min-height: 300px;
}
}  .hero {
background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.3)), url(https://gogoapsicologos.es/wp-content/uploads/2025/06/fondo-hojas.png) center/cover no-repeat;
padding: 5rem 1rem;
color: #fff;
text-align: center;
}
.hero-content h1 {
font-size: 3rem;
margin-bottom: 0.5rem;
}
.hero-content .subtitulo {
font-size: 1.2rem;
font-weight: 400;
} .bio-section {
position: relative;
background-image: url(//gogoapsicologos.es/imagen/fondo-hojas.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
padding: 5rem 1rem;
margin: 4rem auto;
overflow: hidden;
z-index: 1;
border-radius: 20px;
}
.bio-section::before {
content: '';
position: absolute;
inset: 0;
background-color: rgba(255, 255, 255, 0.85);
z-index: 1;
}
.bio-container {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
max-width: 1200px;
margin: 0 auto;
gap: 2rem;
}
.bio-img {
flex: 1 1 40%;
display: flex;
justify-content: center;
}
.bio-img img {
max-width: 280px;
width: 100%;
height: auto;
border-radius: 12px;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
object-fit: cover;
}
.bio-texto {
flex: 1 1 55%;
font-size: 1rem;
color: #867666;
}
.bio-texto h2 {
font-size: 2rem;
margin-bottom: 1rem;
color: #C2A760;
}
.ver-mas {
display: inline-block;
margin-top: 1.5rem;
padding: 0.75rem 1.5rem;
background-color: #C2A760;
color: #fff;
border: none;
border-radius: 25px;
text-decoration: none;
font-weight: bold;
transition: background-color 0.3s ease;
}
.ver-mas:hover {
background-color: #b2924e;
} .filosofia {
padding: 4rem 1rem;
background-color: #f7f4f0;
text-align: center;
}
.filosofia-content h2 {
font-size: 2rem;
color: #867666;
margin-bottom: 2rem;
}
.filosofia-grid {
display: flex;
justify-content: center;
gap: 2rem;
flex-wrap: wrap;
}
.filosofia-item {
max-width: 300px;
text-align: center;
}
.filosofia-item img {
width: 80px;
margin-bottom: 1rem;
}
.filosofia-item h3 {
font-size: 1.2rem;
margin-bottom: 0.5rem;
color: #C2A760;
}
.filosofia-item p {
font-size: 0.95rem;
color: #666;
} @media (max-width: 768px) {
.bio-container {
flex-direction: column;
text-align: center;
}
.bio-img img {
max-width: 160px;
}
.bio-texto h2 {
font-size: 1.4rem;
}
.ver-mas {
font-size: 0.85rem;
padding: 0.6rem 1.2rem;
}
.hero-content h1 {
font-size: 2rem;
}
.hero-content .subtitulo {
font-size: 1rem;
}
}
.oficina-equipo {
padding: 4rem 1rem;
background-color: #fefcf9;
text-align: center;
color: #867666;
}
.oficina-equipo h2 {
font-size: 2rem;
margin-bottom: 2rem;
color: #C2A760;
}
.oficina-img img {
max-width: 100%;
height: auto;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
} .equipo-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 2rem;
margin-top: 2rem;
}
.equipo-item {
max-width: 250px;
text-align: center;
}
.equipo-item img {
width: 100%;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.equipo-item h3 {
margin-top: 1rem;
font-size: 1.2rem;
color: #C2A760;
}
.equipo-item p {
font-size: 0.95rem;
color: #867666;
} .contenido-terapia-online {
margin-top: 4rem;
}
.online-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1.5rem;
margin-top: 1rem;
}
.online-grid img {
width: 100%;
max-width: 250px;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
} @media (max-width: 768px) {
.oficina-equipo h2 {
font-size: 1.5rem;
}
.equipo-grid,
.online-grid {
flex-direction: column;
align-items: center;
}
.equipo-item,
.online-grid img {
max-width: 90%;
}
} .gogoa-destacado p{
font-size: 1.5rem; line-height: 1.6; margin: 0 0 1.2em 0; }
.gogoa-destacado hr{
margin: 2.4em 0; }
.gogoa-destacado a{
font-size: 1.5rem; font-weight: 600;
text-decoration: underline;
}
.landi-bilbao {
background-color: var(--color-line);
padding: 2rem;
font-family: 'Georgia', serif;
color: var(--color-pewter);
line-height: 1.7;
border-radius: 8px;
max-width: 1300px;
margin: 0 auto;
}
.landi-bilbao h2 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 1.5rem;
text-align: center;
color: var(--color-pewter);
}
.landi-bilbao p strong {
display: block;
font-size: 1.2rem;
margin-top: 1.5rem;
padding-bottom: 0.3rem;
border-bottom: 2px solid var(--color-lemon-tea);
color: var(--color-pewter);
}
.landi-bilbao ol {
padding-left: 1.5rem;
margin-top: 0.5rem;
}
.landi-bilbao ol li {
margin-bottom: 0.8rem;
} @media (max-width: 768px) {
.landi-bilbao {
padding: 1.5rem;
}
.landi-bilbao h2 {
font-size: 1.6rem;
}
.landi-bilbao p strong {
font-size: 1.1rem;
}
} @media (max-width: 480px) {
.landi-bilbao {
padding: 1rem;
}
.landi-bilbao h2 {
font-size: 1.4rem;
}
.landi-bilbao p strong {
font-size: 1rem;
}
.landi-bilbao ol {
padding-left: 1rem;
}
}
.formulario_home {
background-color: var(--color-line);
padding: 3rem 2rem;
font-family: Georgia, serif;
color: var(--color-pewter);
max-width: 1200px;
margin: auto;
box-sizing: border-box;
}
.formulario_home h3 {
font-size: 1.5rem;
text-align: center;
color: var(--color-pewter);
margin-bottom: 2rem;
line-height: 1.4;
border-bottom: 2px solid var(--color-lemon-tea);
padding-bottom: 1rem;
}
.formul-amelia {
margin-top: 2rem;
} .formul-amelia .amelia-v2-booking {
background-color: var(--color-white);
border-radius: 10px;
padding: 0.7rem;
box-shadow: 0 0 10px rgba(134, 118, 102, 0.1);
} @media (max-width: 768px) {
.formulario_home {
padding: 2rem 1rem;
}
.formulario_home h3 {
font-size: 1.3rem;
}
} @media (max-width: 480px) {
.formulario_home {
padding: 0 0;
}
.formulario_home h3 {
font-size: 1.1rem;
}
.formul-amelia {
padding: 0;
}
} #florLoto {
position: fixed;
bottom: 150px;
right: 20px;
z-index: 9999;
cursor: pointer;
}
#florLoto img {
width: 90px;
height: auto;
transition: transform 0.3s ease;
animation: jumpLoto 0.9s ease-in-out infinite;
animation-delay: 1.4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
#florLoto:hover img {
transform: scale(1.1);
}
.tooltipFlor {
display: none;
position: absolute;
bottom: 60px;
right: 0;
background-color: #ffffff;
color: #333333;
padding: 10px 14px;
border-radius: 10px;
font-size: 14px;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
white-space: nowrap;
} @keyframes jumpLoto {
0%   { transform: translateY(0); }
30%  { transform: translateY(-25px); }
50%  { transform: translateY(0); }
100% { transform: translateY(0); }
}
#florLoto:hover .tooltipFlor {
display: block;
}
@keyframes floatLoto {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-6px);
}
} @media (max-width: 768px) {
#florLoto {
bottom: 100px;
right: 10px;
}
#florLoto img {
width: 70px;
}
.tooltipFlor {
font-size: 13px;
bottom: 70px;
right: -10px;
max-width: 200px;
white-space: normal;
}
}  .cita-sabadete {
background-color: #faf0e6; color: #708090; padding: 40px 20px;
margin-top: 40px;
} .contenedor-flex {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
gap: 30px;
max-width: 1200px;
margin: auto;
} .columna-imagen {
flex: 1 1 400px;
min-width: 280px;
max-width: 500px;
}
.columna-imagen img {
width: 100%;
height: auto;
border-radius: 12px;
display: block;
} .columna-formulario {
flex: 1 1 400px;
min-width: 280px;
max-width: 600px;
}
.form-box {
background: #ffffff;
padding: 25px;
border-radius: 12px;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}
.form-box h2 {
margin-top: 0;
font-size: 1.8em;
color: #333;
}
.form-box a {
display: inline-block;
margin-top: 20px;
color: #708090;
text-decoration: underline;
} @media (max-width: 768px) {
.contenedor-flex {
flex-direction: column;
align-items: center;
}
.columna-imagen {
max-width: 100%;
text-align: center;
}
.columna-imagen img {
width: 80%;
max-width: 300px;
margin: 0 auto 20px;
}
.form-box h2 {
font-size: 1.5em;
}
}  :root{
--bg-soft: #fbf5f4;
--title:   #3b2323;
--text:    #6a4a4a;
--btn:     #b26666;
--btn-h:   #a35c5c;
} .reserva-intermedia{
background: background:#fff;
padding: clamp(10px, 1vw, 0px) 0px; text-align: center;
}
.reserva-intermedia__wrap{
max-width: 1100px;
margin: 0 auto;
} .reserva-intermedia__title{
color: var(--title);
font-weight: 500;
line-height: 1p;
margin: 1px 2px 8px;
font-size: clamp(1px, 5vw, 70px);
} .reserva-intermedia__desc{
color: var(--text);
margin: 0 auto 34px;
max-width: 900px;
font-size: clamp(16px, 2.1vw, 20px);
} .reserva-intermedia__btn{
display: inline-flex;
align-items: center;
gap: 10px;
padding: 16px 30px;
background: var(--btn);
color: #fff;
text-decoration: none;
border-radius: 6px;
font-weight: 800;
font-size: clamp(15px, 1.6vw, 20px);
transition: transform .12s ease, filter .12s ease, background .12s ease;
}
.reserva-intermedia__btn:hover{
background: var(--btn-h);
filter: saturate(1.02);
transform: translateY(-1px);
}
.reserva-intermedia__arrow{
font-size: 1.2em;
line-height: 1;
}  @media (max-width: 700px) and (min-width: 380px){
.reserva-intermedia__desc{
text-align: center !important;
margin: 0 auto 16px !important;
max-width: 100%;
font-size: 0.95rem !important;
line-height: 1.5 !important;
}
}  :root{
--bg-soft:#fbf5f4; --title:#3b2323; --text:#6a4a4a; --line:#d9b2b2; --btn:#b26666; --btn-h:#a35c5c; --max:1200px;
}
.servicios{padding:clamp(64px,8vw,120px) 0; background:#fff;}
.servicios .wrap{max-width:var(--max); margin:0 auto; padding:0 20px;}
.h2{
font-size:clamp(32px,5vw,64px);
color:var(--title);
text-align:center;
margin:0 0 28px;
} .grid-3{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px;
}
@media (max-width: 1024px){
.grid-3{ grid-template-columns:1fr; }
} .card{
position:relative;
background:#fff;
border:1px solid var(--line);
border-radius:12px;
overflow:hidden;
box-shadow:0 12px 40px rgba(178,102,102,.06);
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.card:hover{
transform:translateY(-4px);
box-shadow:0 18px 60px rgba(178,102,102,.12);
border-color:#cda2a2;
} .card--destacada{ border-color:var(--btn); }
.card--destacada:hover{ border-color:var(--btn-h); }
.badge{
position:absolute; top:14px; left:14px; z-index:2;
background:var(--btn); color:#fff; font-weight:800;
font-size:12px; padding:6px 10px; border-radius:4px;
letter-spacing:.4px;
} .card-media{ position:relative; overflow:hidden; }
.card-media img{
width:100%; height:auto; display:block;
transform:scale(1); transition:transform .35s ease;
}
.card:hover .card-media img{ transform:scale(1.035); } .card-body{ padding:22px; }
.card-title{
margin:0 0 6px; color:var(--title);
font-size:clamp(20px,2.2vw,26px);
}
.card-sub{ color:#b07777; margin:0 0 12px; }
.card p{ color:var(--text); margin:0 0 10px; }
.card hr{
border:0; border-top:1px solid var(--line);
margin:18px 0;
} .card-footer{
display:flex; justify-content:space-between; align-items:center; gap:16px;
}
.price-time{ display:flex; flex-direction:column; gap:6px; }
.price{ color:var(--title); font-weight:800; font-size:20px; }
.time{ color:var(--text); } .btn-primario,.btn-borde{
display:inline-flex; align-items:center; justify-content:center;
gap:10px; text-decoration:none; border-radius:8px;
padding:12px 18px; font-weight:800;
transition:transform .12s ease, background .12s ease, color .12s ease, border-color .12s ease, box-shadow .12s ease;
will-change:transform;
} .btn-primario{ background:var(--btn); color:#fff; }
.btn-primario:hover{
background:var(--btn-h);
transform:translateY(-1px);
box-shadow:0 8px 24px rgba(178,102,102,.25);
} .btn-borde{
border:2px solid var(--btn);
color:var(--btn);
background:#fff;
}
.btn-borde:hover{
color:#fff;
background:var(--btn);
border-color:var(--btn);
transform:translateY(-1px);
box-shadow:0 8px 24px rgba(178,102,102,.18);
} .btn-primario:focus-visible,
.btn-borde:focus-visible,
.faq-q:focus-visible{
outline:3px solid #e7b3b3;
outline-offset:2px;
border-radius:8px;
} .card.card--destacada .card-media {
max-height: 259px; overflow: hidden;
background:#fff
}
.card.card--destacada .card-media img {
width: 100%;
height: 260px; object-fit: contain; } @media (max-width: 1024px){
.card.card--destacada .card-media,
.card.card--destacada .card-media img { height: 220px; max-height: 220px; }
}
@media (max-width: 480px){
.card.card--destacada .card-media,
.card.card--destacada .card-media img { height: 200px; max-height: 200px; }
} :root{
--pewter:#867666; --lemon:#E1B80D; --oyster:#D5C3AA; --max:1200px;
} .sec-ayuda,
.sec-ayuda *{
font-family: Georgia, "Times New Roman", serif;
color: var(--pewter);
} .sec-ayuda .wrap{
max-width: var(--max);
margin: 0 auto;
padding: clamp(56px,8vw,110px) 20px;
} .sec-ayuda__title{
text-align: center;
font-size: clamp(32px,5vw,64px);
line-height: 1.12;
margin: 0;
}
.sec-ayuda__divider{
display:block;
width:72px; height:4px;
background: var(--lemon);
border-radius: 999px;
margin: 14px auto 36px;
} .areas__title{
text-align:center;
font-size: clamp(26px,4vw,40px);
margin: 0 0 22px;
} .areas-grid{
display:grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 20px;
} .area{
background:#fff;
border:1px solid #e9e0d7;
border-radius:12px;
padding:18px 18px 8px;
box-shadow:0 10px 30px rgba(0,0,0,.04);
} .area__pill{
display:inline-block;
background: var(--oyster);
color:#4d433b; font-weight:700;
letter-spacing:.5px;
padding:8px 12px;
border-radius:10px;
margin-bottom:12px;
} .area__list{
margin:0;
padding-left:20px;
display:grid;
gap:6px;
font-size:16px;
}
.area__list li{ line-height:1.45; } .sec-ayuda__nota{
max-width:980px;
margin: 0 auto clamp(40px,6vw,72px);
padding: 0 20px;
font-style: italic;
text-align:center;
font-size: clamp(14px,1.8vw,18px);
color: var(--pewter);
}
html { scroll-behavior: smooth; }
#reserva-amelia { scroll-margin-top: 110px; }   :root{
--pewter:#867666; --title:#3b2323; --lemon:#E1B80D; --accent:#b07777; --line:#e9e0d7; --max:1200px;
}
.first-call, .first-call *{
font-family: Georgia, "Times New Roman", serif;
color: var(--pewter);
} .first-call .wrap{
max-width: var(--max);
margin: 0 auto;
padding: clamp(56px,8vw,110px) 20px;
}
.first-call__title{
text-align:center;
color: var(--title);
font-size: clamp(32px,5vw,48px);
line-height: 1.15;
margin: 0;
}
.first-call__divider{
display:block;
width:72px; height:4px;
background: var(--lemon);
border-radius:999px;
margin: 14px auto 28px;
}
.first-call__intro{
max-width: 860px;
margin: 0 auto 28px;
font-size: clamp(16px,2vw,18px);
line-height: 1.65;
text-align: center;
} .first-call__steps{
display: grid;
gap: clamp(20px,3vw,36px);
} .step-card{
position: relative;
background: #fff;
border: 1px solid var(--line);
border-radius: 12px;
padding: clamp(20px,3vw,28px);
box-shadow: 0 16px 40px rgba(0,0,0,.05);
overflow: hidden;
} .step-card::before{
content: attr(data-step);
position: absolute;
left: clamp(-6px, -1vw, -10px);
top: clamp(-20px, -2vw, -30px);
font-size: clamp(96px,14vw,180px);
line-height: 1;
color: var(--pewter);
opacity: .12;
font-weight: 700;
pointer-events: none;
} .step-card__title{
margin: 0 0 10px;
color: var(--title);
font-size: clamp(22px,3.4vw,28px);
} .first-call__closing{
margin-top: 10px;
} .step-card__cta{
display:flex;
align-items:center;
justify-content: space-between;
gap: 16px;
margin-top: 18px;
padding-top: 14px;
border-top: 1px solid var(--line);
}
.step-card__label{
font-size: 15px;
} .btn{
display:inline-block;
padding: 12px 20px;
border-radius: 8px;
text-decoration:none;
font-weight:700;
white-space: nowrap;
transition: transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
}
.btn--primary{
background: var(--accent);
color:#fff;
border: 1px solid var(--accent);
}
.btn--primary:hover{
transform: translateY(-1px);
box-shadow: 0 10px 20px rgba(176,119,119,.25);
filter: brightness(.95);
}
.btn--ghost{
background: transparent;
color: var(--title);
border: 1px solid var(--accent);
}
.btn--ghost:hover{
background: rgba(176,119,119,.08);
} @media (max-width: 640px){
.step-card__cta{
flex-direction: column;
align-items: stretch;
}
.step-card__label{ display:none; }
} :root{
--ink: #3f2a27; --text: #867666; --rule: #eadbd5; --accent: #b67d7a; --max: 1100px;
}
.faq,
.faq *{
font-family: Georgia, "Times New Roman", serif;
color: var(--text);
} .faq .wrap{
max-width: var(--max);
margin: 0 auto;
padding: clamp(48px, 7vw, 96px) 20px;
} .faq__title{
text-align:center;
color: var(--ink);
font-size: clamp(34px, 5.2vw, 64px);
line-height: 1.1;
letter-spacing: 0.02em;
margin: 0;
}
.faq__divider{
display:block;
width: 64px;
height: 3px;
background: var(--accent);
opacity: .65;
border-radius: 999px;
margin: 14px auto 36px;
} .faq__item{
border-bottom: 1px solid var(--rule);
padding: 0;
} .faq__q{
list-style: none;
cursor: pointer;
display:flex;
align-items:center;
justify-content: space-between;
gap: 16px;
padding: 20px 8px;
font-size: clamp(16px, 2.1vw, 20px);
line-height: 1.4;
outline: none;
position: relative;
}
.faq__q::-webkit-details-marker{ display:none; } .faq__q::after{
content:"";
width: 18px; height: 18px;
flex: 0 0 18px;
border-right: 2px solid var(--accent);
border-bottom: 2px solid var(--accent);
transform: rotate(45deg);
transition: transform .25s ease;
opacity:.9;
} .faq__item[open] .faq__q::after{
transform: rotate(-135deg);
} .faq__q:hover{ color: var(--ink); }
.faq__q:focus-visible{
outline: 2px dashed var(--accent);
outline-offset: 4px;
} .faq__a{
padding: 0 8px 22px 8px;
font-size: clamp(15px, 1.9vw, 18px);
line-height: 1.7;
} .faq__item[open] .faq__a{
animation: fadeIn .25s ease;
}
@keyframes fadeIn{
from{ opacity:0; transform: translateY(-4px); }
to{ opacity:1; transform: translateY(0); }
} .faq .faq__item:last-child{
border-bottom: 0;
} :root{
--oyster:#D5C3AA;
--pewter:#867666;
--lemon:#E1B80D;
}
body{
margin:0;
font-family: Georgia, "Times New Roman", serif;
color: var(--pewter);
background:#fff;
padding: 24px;
} .psico-box{
background: var(--oyster);
padding: 2rem 1.5rem;
border-radius: 14px;
} .psico-content,
.psico-box p,
.psico-box li,
.psico-box strong{
color: var(--pewter);
font-family: Georgia, "Times New Roman", serif;
} .psico-title{
text-align:center;
color: var(--pewter);
letter-spacing:.5px;
margin: 0 0 1.25rem;
position: relative;
padding-bottom:.65rem;
}
.psico-title::after{
content:"";
position:absolute;
left:50%;
transform:translateX(-50%);
bottom:0;
width:260px;
max-width:70%;
height:6px;
background: var(--lemon);
border-radius:6px;
} .psico-box.reveal{
opacity:1 !important;
transform:none !important;
} .heart-grid{
list-style: none;
padding: 0;
margin: 1rem 0 1.5rem;
display: grid;
grid-template-columns: repeat(4, 1fr); gap: 1rem 2rem;
}
.heart-grid > li{
position: relative;
padding-left: 28px;
line-height: 1.35;
} .heart-grid > li::before{
content: "♡"; position: absolute;
left: 0;
top: 0;
font-size: 1.1rem;
color: var(--pewter);
} .heart-grid ul{
list-style: disc inside;
margin-top: .5rem;
padding-left: 0;
display: block;
} @media (max-width: 768px){
.heart-grid{
grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px){
.heart-grid{
grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
.img-movil {
max-width: 70% !important;
}
} :root{
--pewter:#867666; --title:#3b2323; --lemon:#E1B80D; --accent:#b07777; --line:#e9e0d7; --max:1200px;
} .amelia-events{
max-width: var(--max);
margin: 0 auto;
padding: 2rem 1rem 0;
color: var(--pewter);
font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
} .amelia-events__head{
text-align: center;
margin-bottom: 1.5rem;
}
.amelia-events__head h2{
color: var(--title);
font-size: clamp(1.6rem, 2.2vw + 1rem, 2.2rem);
margin: 0 0 .35rem;
position: relative;
display: inline-block;
}
.amelia-events__head h2::after{
content:"";
display:block;
width: 90px;
height: 3px;
background: var(--lemon);
margin: .55rem auto 0;
border-radius: 2px;
}
.amelia-events__head p{
margin: .5rem auto 0;
max-width: 60ch;
} .amelia-events__grid{
display: grid;
grid-template-columns: repeat(2, minmax(0,1fr));
gap: 1rem;
}
@media (max-width: 820px){
.amelia-events__grid{ grid-template-columns: 1fr; }
} .amelia-event-card{
border: 1px solid var(--line);
border-radius: 14px;
background: #fff;
padding: 1rem;
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.amelia-event-card:hover{
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(0,0,0,.06);
border-color: #e4d9cd;
}
.amelia-event-card h3{
color: var(--title);
font-size: 1.1rem;
margin: 0 0 .25rem;
}
.amelia-event-card__meta{
display: inline-block;
font-size: .95rem;
color: var(--pewter);
margin-bottom: .75rem;
} .amelia-event-card__embed{
border-top: 1px dashed var(--line);
padding-top: .75rem;
}  .amelia-event-card .am-button.am-button--primary{
background: var(--accent) !important;
border-color: var(--accent) !important;
color: #fff !important;
border-radius: 10px !important;
}
.amelia-event-card .am-button.am-button--primary:hover{
filter: brightness(0.92);
} .amelia-event-card .am-button:not(.am-button--primary){
border-color: var(--accent) !important;
color: var(--accent) !important;
border-radius: 10px !important;
} .amelia-event-card .el-input__wrapper,
.amelia-event-card .el-select__wrapper,
.amelia-event-card .am-adv-select__wrapper,
.amelia-event-card .el-cascader{
border-radius: 10px !important;
box-shadow: none !important;
border-color: var(--line) !important;
} .amelia-event-card .am-fs__main-heading-inner-title{
color: var(--title) !important;
} .amelia-event-card .am-step,
.amelia-event-card .am-badge{
background: var(--lemon) !important;
} .amelia-event-card .am-fs__main,
.amelia-event-card .am-fs__main-content{
padding-left: 0 !important;
padding-right: 0 !important;
}  :root{
--bg-tranquilo:#f6efed; --texto-marron:#3a2623; --texto-suave:rgba(58,38,35,.78);
--chip:#e6d8c6; --borde:#e9e1db; --sombra:0 2px 10px rgba(0,0,0,.04);
--lemon:#E1B80D; --btn-principal:#9c5751; --btn-principal-hover:#834741;
--btn-secundario:#8A795D; --btn-secundario-hover:#a4938e;
} .eventos{
background:var(--bg-tranquilo);
color:var(--texto-marron);
padding:clamp(2rem,4vw,3.5rem) 1rem;
text-align:center; line-height:1.5;
}
.eventos .eventos-header{
max-width:1100px;
margin:0 auto 1rem;
}
.eventos .eventos-header h2{
color:var(--texto-marron);
font-weight:800;
position:relative;
display:inline-block;
padding-bottom:.5rem;
margin:0 0 .5rem;
} .eventos .eventos-header h2::after{
content:"";
display:block;
width:70%;
height:3px;
background:var(--lemon);
margin:.5rem auto 0;
border-radius:2px;
}
.eventos .eventos-header p{
color:var(--texto-suave);
margin:0 0 1rem;
} .eventos .tarjetas{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
gap:1.2rem;
justify-content:center;
max-width:1100px;
margin:0 auto 1.2rem;
}
.eventos .tarjeta{
background:#fff;
border:1px solid var(--borde);
border-radius:18px;
padding:1.2rem 1.3rem;
box-shadow:var(--sombra);
text-align:left; }
.eventos .tarjeta h3{
margin:.1rem 0 .4rem;
color:var(--texto-marron);
font-weight:800;
font-size:1.08rem;
}
.eventos .tarjeta p{
margin:0 0 .75rem;
color:var(--texto-suave);
font-size:.95rem;
} .eventos .pill{
display:inline-block;
background:var(--chip);
border:1px solid #dbcbb6;
color:var(--texto-suave);
padding:.35rem .7rem;
border-radius:999px;
font-size:.85rem;
margin-bottom:.7rem;
}  .eventos .btn-primario,
.eventos .btn-ghost{
display:inline-block;
padding:.8rem 1.3rem;
border-radius:999px;
background:var(--btn-principal);
color:#fff;
text-decoration:none;
font-weight:700;
transition:background .2s ease, transform .06s ease;
}
.eventos .btn-primario:hover,
.eventos .btn-ghost:hover{
background:var(--btn-principal-hover);
}
.eventos .btn-primario:active,
.eventos .btn-ghost:active{
transform:translateY(1px);
} .eventos .btn-secundario{
display:inline-block;
padding:.65rem 1.05rem;
border-radius:999px;
background:var(--btn-secundario);
border:1px solid var(--btn-secundario);
color:#fff;
text-decoration:none;
font-weight:600;
transition:background .2s ease, border-color .2s ease, transform .06s ease;
}
.eventos .btn-secundario:hover{
background:var(--btn-secundario-hover);
border-color:var(--btn-secundario-hover);
}
.eventos .btn-secundario:active{
transform:translateY(1px);
} .eventos .cta-pie{
text-align:center;
margin:.25rem 0 1.5rem;
} @media (max-width:920px){
.eventos{ padding:2rem .75rem; }
.eventos .eventos-header h2::after{ width:84%; }
}
.formulario .detalles { 
background: var(--vanilla); 
border: 1px solid var(--pistache); 
border-radius: 10px; 
padding: 16px; 
margin-bottom: 18px;
}
.formulario .amelia-app-booking, 
.formulario .amelia-container,
.formulario .amelia-v2 { width:100%; } @media only screen and (max-width: 550px){ .cac .centrado ul,
.cac .centrado ul li,
.cac .centrado ul li a,
.cac .centrado ul li .sep{
font-size: 0.95rem !important;
line-height: 1.5 !important;
} .cac .centrado ul li:not(:first-child){
display: block !important;
} .cac .centrado ul{
display: flex !important;
flex-direction: column;
align-items: stretch;
gap: 6px;
height: auto !important;
overflow: visible !important;
white-space: normal !important;
padding: 8px 10px;
} .cac .centrado ul li:first-child{
padding-bottom: 5px;
width: 100%;
text-align: center;
} .cac .centrado ul li:nth-child(2){
display: flex !important;
flex-wrap: nowrap !important; white-space: nowrap !important;
gap: 6px;
justify-content: center; width: 100%;
border-left: 0;
overflow-x: auto; -webkit-overflow-scrolling: touch;
}
.cac .centrado ul li:nth-child(2) .sep{
margin: 0 4px;
opacity: .65;
} .cac .centrado ul li.telefono{
text-align: center;
width: 100%;
margin-left: 0 !important;
}
}   .contact-bar,
.gogoa-h__top{
color:#fff;
text-align:center;
} .contact-bar a,
.gogoa-h__top a{
color:#fff;
text-decoration:none;
} .contact-bar .cities-line,
.gogoa-h__top .cities-line{
display:flex;
justify-content:center;
align-items:center;
gap:.4ch;
margin-bottom:.35rem;
white-space:nowrap; } .contact-bar .cities-line a:not(:last-child)::after,
.gogoa-h__top .cities-line a:not(:last-child)::after{
content:" |";
opacity:.8;
margin:0 .3ch 0 .3ch;
} .contact-bar .phone-line,
.contact-bar .mail-line,
.gogoa-h__top .phone-line,
.gogoa-h__top .mail-line{
display:flex;
justify-content:center;
align-items:center;
margin-bottom:.25rem;
} .contact-bar,
.contact-bar a,
.contact-bar .cities-line,
.contact-bar .phone-line,
.contact-bar .mail-line,
.gogoa-h__top,
.gogoa-h__top a,
.gogoa-h__top .cities-line,
.gogoa-h__top .phone-line,
.gogoa-h__top .mail-line{
font-size: clamp(0.85rem, 2.6vw, 0.95rem);
line-height: 1.5;
} @media (max-width: 480px){
.contact-bar .cities-line,
.gogoa-h__top .cities-line{
overflow-x:auto;
-webkit-overflow-scrolling:touch;
scrollbar-width:none;
}
.contact-bar .cities-line::-webkit-scrollbar,
.gogoa-h__top .cities-line::-webkit-scrollbar{ display:none; }
} .hero{ position:relative; min-height:clamp(280px,60vw,640px); overflow:hidden; }
.hero--bleed{ width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }
.hero__media{ position:absolute; inset:0; width:100%; height:100%; }
.hero__video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;
filter:brightness(1.08) contrast(.96) saturate(.92); }
.hero--softveil::before{ content:""; position:absolute; inset:0; pointer-events:none;
background:linear-gradient(to right, rgba(255,255,255,.34) 0%, rgba(255,255,255,.24) 55%, rgba(255,255,255,.14) 100%); }
.hero--softveil::after{ content:""; position:absolute; inset:0; pointer-events:none;
background:linear-gradient(to top, rgba(0,0,0,.20) 0%, rgba(0,0,0,.10) 35%, rgba(0,0,0,0) 60%); }
.pos-bottom-left .hero__content{
position:absolute; left:clamp(12px,3vw,28px); bottom:clamp(12px,3vw,28px);
color:#fff; text-shadow:0 2px 6px rgba(0,0,0,.32); max-width:min(860px,92vw); z-index:1;
} .hero__box{
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important; padding: clamp(10px, 1.8vw, 18px);
text-align: left;
}
@media (max-width:560px){
.pos-bottom-left .hero__content{ left:12px; right:12px; bottom:12px; max-width:unset; }
.hero{ min-height:clamp(280px,58vw,420px); }
} @media (max-width: 700px){ .hero__box p{
font-size: 0.92rem;
line-height: 1.45;
} .hero__box h1,
.hero__box h2,
.hero__box .hero__title{
font-size: clamp(1.4rem, 6.5vw, 1.9rem);
line-height: 1.15;
} .hero__quote{
font-size: 1rem;
} .hero__box{
padding: 10px 12px;
}
}
@media (max-width: 420px){
.hero__box p{ font-size: 0.6rem; }
.hero__quote{ font-size: 0.92rem; }
} @media (max-width: 700px){
.hero__box p:nth-of-type(2),
.hero__box p:nth-of-type(3){
display: none !important;
} .hero__box p{
font-size: 0.6rem;
line-height: 1.45;
}
} @media (max-width: 700px){
.hero__box p:nth-of-type(2),
.hero__box p:nth-of-type(3){
display: none !important;
} .hero__box p{
font-size: 0.6rem;
line-height: 1.45;
}
} .hero + .reserva-intermedia{
margin-top: clamp(16px, 4vw, 48px) !important; } .reserva-intermedia{
background: var(--bg-soft);
padding: clamp(12px, 2.2vw, 24px) 0 !important;
text-align: center;
} @media (max-width: 700px){
.hero + .reserva-intermedia{ margin-top: 14px !important; }
} .hero__video{ filter: brightness(0.75) contrast(0.92);
} .hero__box{
background: none !important;
border: none !important;
backdrop-filter: none !important;
padding: clamp(10px, 2vw, 20px); } .hero__box p,
.hero__quote{
text-shadow: 0 3px 6px rgba(0,0,0,0.5);
} .hero__box h1,
.hero__box h2{
text-shadow: 0 4px 8px rgba(0,0,0,0.6);
} @media (max-width: 700px){
.hero__box p{
font-size: 0.7rem;
line-height: 1.4;
}
.hero__quote{
font-size: 1rem;
} .hero__box p:nth-of-type(2),
.hero__box p:nth-of-type(3){
display: none;
}
} :root{
--pewter:#867666; --lemon:#E1B80D; --oyster:#D5C3AA; --line:#EAE2D6; --egg:#FAF6EF; } .psy{ background:var(--egg); color:var(--pewter); }
.wrap{ width:min(1100px,92%); margin-inline:auto; }
.psy h3, .psy h2{ position:relative; margin:0 0 .75rem; font-weight:800; }
.psy h2::after, .psy h3::after{
content:""; display:block; width:110px; height:2px; background:var(--lemon);
border-radius:2px; margin:.5rem 0 0;
} .btn{ display:inline-block; padding:.8rem 1.2rem; border-radius:999px; text-decoration:none; font-weight:700; }
.btn-primary{ background:var(--pewter); color:#fff; border:1px solid var(--pewter); }
.btn-primary:hover{ filter:brightness(0.95); }
.btn-outline{ background:#fff; color:var(--pewter); border:1px solid var(--line); }
.btn-outline:hover{ border-color:var(--pewter); } .hero{ display:grid; grid-template-columns:1.1fr 1fr; gap:1rem; align-items:center; padding:2rem 0 1rem; }
.hero__media img{ width:100%; height:100%; object-fit:cover; border-radius:18px; border:1px solid var(--line); }
.hero__text p{ max-width:48ch; }
.cta{ display:flex; gap:.6rem; margin-top:.8rem; flex-wrap:wrap; } .split{ display:grid; grid-template-columns:1fr 1.1fr; gap:1rem; padding:1.25rem 0; }
.split__media img{ width:100%; height:100%; object-fit:cover; border-radius:18px; border:1px solid var(--line); }
.checklist{ margin:.5rem 0 1rem; padding-left:1.15rem; }
.checklist li{ margin:.35rem 0; }
.note{ background:#fff; border:1px solid var(--line); border-left:4px solid var(--lemon); padding:.7rem .9rem; border-radius:12px; } .why{ padding:1.25rem 0; }
.cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:.9rem; }
.card{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:1rem; box-shadow:0 2px 10px rgba(0,0,0,.04); } .treat{ padding:1.25rem 0; }
.grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:.9rem; }
.treat__item{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:1rem; }
.approach{ display:grid; grid-template-columns:repeat(3,1fr); gap:.9rem; margin-top:1rem; }
.approach article{ background:var(--oyster); border:1px solid var(--line); border-radius:14px; padding:1rem; } .process{ padding:1.25rem 0; }
.steps{ margin:.5rem 0 0; padding-left:1.2rem; }
.steps li{ margin:.35rem 0; } .contacto{ padding:1.25rem 0; }
.contacto__grid{ display:grid; grid-template-columns:1fr 1fr; gap:.9rem; }
.contacto__card{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:1rem; }
.mini{ margin:.35rem 0 .9rem; padding-left:1.1rem; }
.sucursales{ display:grid; grid-template-columns:1fr 1fr; gap:.6rem; margin:.5rem 0 .9rem; }
.contactos{ display:flex; gap:.5rem; flex-wrap:wrap; }
.aviso{ font-size:.95rem; color:#6f655f; margin-top:.8rem; } .info{ padding:1.25rem 0; }
.info__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:.9rem; }
.info__box{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:1rem; } .test{ padding:1.25rem 0 2rem; }
.quiz{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:1rem; }
.quiz .q{ display:grid; grid-template-columns:fr 160px; gap:.6rem; align-items:center; margin:.5rem 0; }
.quiz select{ padding:.5rem; border:1px solid var(--line); border-radius:10px; }
.resultado{ margin-top:.8rem; padding:.8rem; border:1px dashed var(--line); border-radius:12px; background:#fff; } .semaforo{
max-width:720px; margin:24px auto; background:#fff;
border:1px solid var(--oyster); border-radius:16px; padding:1rem 1.2rem;
text-align:center; color:var(--pewter); box-shadow:0 2px 10px rgba(0,0,0,.04);
}
.semaforo h3{ margin:0 0 .5rem; font-weight:800; display:inline-block; padding-bottom:.35rem; }
.semaforo h3::after{
content:""; display:block; width:120px; height:2px; background:var(--lemon);
border-radius:2px; margin:.45rem auto 0;
}
.semaforo .sub{ margin:0 0 .6rem; }
.semaforo__buttons{ display:flex; gap:.6rem; justify-content:center; flex-wrap:wrap; margin-bottom:.4rem; }
.chip{ padding:.5rem .9rem; border-radius:999px; background:#fff; border:1px solid var(--line); color:var(--pewter); cursor:pointer; }
.chip:hover{ border-color:var(--pewter); }
.semaforo__tip{ margin:.5rem 0 .2rem; min-height:1.3em; }
.separador{ border:none; height:1px; background:var(--line); margin:.9rem 0 .7rem; } @media (max-width:980px){
.hero, .split{ grid-template-columns:1fr; }
.cards, .grid, .approach, .contacto__grid, .info__grid{ grid-template-columns:1fr; }
} .wrap .hero{
display:grid;
grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
gap:clamp(1rem,2vw,1.6rem);
align-items:center;
position:relative;
} .wrap .hero__text{
position:relative;
z-index:2;
isolation:isolate; } .wrap .hero__media{
position:static !important;
z-index:1;
}
.wrap .hero__media img{
display:block;
width:100%;
height:auto !important; position:static !important; object-fit:cover;
border-radius:18px;
border:1px solid var(--line, #EAE2D6);
} .wrap .hero__text,
.wrap .hero__media{ float:none !important; color:var(--pewter) ;} @media (max-width:980px){
.wrap .hero{ grid-template-columns:1fr; }
.wrap .hero__text{ order:1; }
.wrap .hero__media{ order:2; }
} section.psy,
section.psy .wrap,
section.psy .hero,
section.psy .hero::before,
section.psy .hero::after{
background: none !important;
background-image: none !important;
} section.psy{
background: var(--egg, #FAF6EF) !important;
} section.psy .hero{
display:grid;
grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
gap:clamp(1rem,2vw,1.6rem);
align-items:center;
position:relative;
}
section.psy .hero__media{ position:static !important; }
section.psy .hero__media img{
display:block;
width:100%;
height:auto !important;
position:static !important;
object-fit:cover;
border-radius:18px;
border:1px solid var(--line, #EAE2D6);
}
@media (max-width:980px){
section.psy .hero{ grid-template-columns:1fr; }
}  .psy .gogoa-h{ position:relative; z-index:1000; } .psy .hero{ position:relative; z-index:1; }
.psy .hero::before{ pointer-events:none; } .psy .hero__media,
.psy .hero__video{ pointer-events:none; }  .psy .hero,
.psy .hero__media{
background:transparent !important;
background-image:none !important;
} .psy .quiz > p,
#mh-test > p{
color: #111; opacity: 1; }   .psiq {
--text:#3c3331; --muted:#8b7f7c; --line:#e7d8d5;
--brand:#b06c69; --brand-dark:#975b58;
--card:#fff; --shadow:0 8px 24px rgba(0,0,0,.06);
--radius:16px;
color:var(--text);
max-width:1100px; margin:0 auto; padding:0 20px 40px;
font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.psiq__title{
text-align:center; margin:10px 0 26px; font-weight:700; letter-spacing:.5px;
}
.psiq__title::after{
content:""; display:block; width:48px; height:2px; margin:10px auto 0;
background:var(--brand); border-radius:2px;
}
.psiq__cards{
display:grid; gap:28px; grid-template-columns:repeat(2,1fr);
}
@media (max-width:860px){ .psiq__cards{ grid-template-columns:1fr; } }
.psiq-card{
background:var(--card);
border:1px solid var(--line);
border-radius:var(--radius);
overflow:hidden; box-shadow:var(--shadow);
display:flex; flex-direction:column;
} .psiq{
--text:#3c3331; --muted:#8b7f7c; --line:#e7d8d5;
--brand:#b06c69; --brand-dark:#975b58;
--card:#fff; --shadow:0 8px 24px rgba(0,0,0,.06); --radius:16px;
font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
max-width:1100px; margin-inline:auto; padding:0 16px;
color:var(--text);
} .psiq__cards{
display:grid; gap:28px;
grid-template-columns:repeat(2, minmax(0,1fr));
} .psiq-card{
background:var(--card); border:1px solid var(--line); border-radius:var(--radius);
overflow:hidden; box-shadow:var(--shadow); display:flex; flex-direction:column;
}
.psiq-card__media{ aspect-ratio:16/9; background:#ddd center/cover no-repeat; }
.psiq-card--primera .psiq-card__media{
background-image:url(https://gogoapsicologos.es/wp-content/uploads/2025/09/psquitria-primea.jpg);
}
.psiq-card--seguimiento .psiq-card__media{
background-image:url(https://gogoapsicologos.es/wp-content/uploads/2025/09/psiquiatria-segumineto.jpg);
}
.psiq-card__body{ padding:18px 18px 8px; }
.psiq-card__heading{ margin:0 0 6px; font-size:1.25rem; }
.psiq-card__eyebrow{ font-size:.92rem; color:var(--muted); }
.psiq-card__text{ margin:8px 0 0; line-height:1.55; color:#594f4c; }
.psiq-card__footer{
margin-top:auto; display:flex; align-items:center; justify-content:space-between;
gap:12px; padding:12px 18px 18px;
}
.psiq-card__meta{ display:flex; align-items:center; gap:12px; }
.psiq-card__price{ font-weight:700; }
.psiq-card__time{ display:inline-flex; align-items:center; gap:6px; color:var(--muted); }
.psiq-card__time .dot{ width:6px; height:6px; background:var(--muted); border-radius:50%; display:inline-block; }
.psiq-btn{
border:none; background:var(--brand); color:#fff; padding:10px 14px;
border-radius:12px; font-weight:600; cursor:pointer; white-space:nowrap;
transition:transform .04s ease, background .2s ease;
}
.psiq-btn:hover{ background:var(--brand-dark); }
.psiq-btn:active{ transform:translateY(1px); } @media (max-width:600px){
.psiq__cards{ gap:14px; grid-template-columns:repeat(2, 1fr); }
.psiq-card{ border-radius:12px; }
.psiq-card__media{ aspect-ratio:4/3; } .psiq-card__body{ padding:12px 12px 6px; }
.psiq-card__heading{ font-size:1rem; }
.psiq-card__eyebrow{ font-size:.8rem; }
.psiq-card__text{ font-size:.88rem; line-height:1.45; }
.psiq-card__footer{ padding:10px 12px 12px; gap:8px; }
.psiq-card__meta{ gap:8px; }
.psiq-btn{ padding:8px 10px; font-size:.9rem; border-radius:10px; }
} @media (min-width:1200px){
.psiq__cards{ gap:32px; }
.psiq-card__heading{ font-size:1.35rem; }
}
@media (max-width:600px){
.psiq__cards{ gap:14px; grid-template-columns:repeat(2, 1fr); }
.psiq-card{ border-radius:12px; }
.psiq-card__media{ aspect-ratio:4/3; }
.psiq-card__body{ padding:12px 12px 6px; }
.psiq-card__heading{ font-size:1rem; }
.psiq-card__eyebrow{ font-size:.8rem; }
.psiq-card__text{ font-size:.88rem; line-height:1.45; } .psiq-card__footer{
padding:10px 12px 12px;
gap:10px;
flex-direction:column; align-items:stretch; }
.psiq-card__meta{
gap:8px;
justify-content:space-between; width:100%;
}
.psiq-btn{
padding:10px 12px;
font-size:.9rem;
border-radius:10px;
width:100%; text-align:center;
}
}
.psy-reserva{
background:#FAF6EF; border:1px solid #EAE2D6; border-radius:16px;
padding:1.25rem;
color:#867666; }
.psy-reserva h2{
margin:0 0 .75rem;
font-weight:800;
position:relative;
}
.psy-reserva h2::after{
content:""; display:block; width:110px; height:2px;
background:#E1B80D; border-radius:2px; margin:.5rem 0 0;
}
.psy-reserva__widget{
background:#fff;
border:1px solid #D5C3AA; border-radius:14px;
padding:1rem;
} .proceso{
--brand:#b06c69;
--text:#3c3331;
--muted:#8b7f7c;
--line:#e7d8d5;
background:#faf7f6;
color:var(--text);
max-width:1100px;
margin:0 auto;
padding:48px 20px 64px;
font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
} .proceso__title{
text-align:center;
font-weight:700;
font-size:clamp(1.6rem, 2vw + 1rem, 2.2rem);
margin:0 0 28px;
}
.proceso__title::after{
content:"";
display:block;
width:56px; height:2px;
margin:10px auto 0;
background:var(--brand);
border-radius:2px;
} .proceso__grid{
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:24px;
margin-top:18px;
}
@media (max-width: 980px){
.proceso__grid{ grid-template-columns:repeat(2, 1fr); }
}
@media (max-width: 640px){
.proceso__grid{ grid-template-columns:1fr; }
} .proceso-card{
background:#fff;
border:1px solid var(--line);
border-radius:12px;
padding:22px 22px 18px;
}
.proceso-card__num{
font-size:1.6rem;
font-weight:700;
color:var(--brand);
margin-bottom:10px;
}
.proceso-card__h{
margin:0 0 8px;
font-size:1.05rem;
line-height:1.45;
}
.proceso-card p{
margin:0;
color:#594f4c;
line-height:1.6;
} .proceso__nota{
max-width:920px;
margin:26px auto 0;
text-align:center;
color:var(--brand);
font-style:italic;
line-height:1.6;
}  .forense{
--brand:#b06c69;
--brand-dark:#975b58;
--text:#3c3331;
--muted:#8b7f7c;
--line:#e7d8d5;
--bg:#faf7f6;
--lemon:#e7d84a; font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
color:var(--text);
}
.forense *{ box-sizing:border-box; }
.forense__wrap{ max-width:1100px; margin:0 auto; padding:44px 20px; } .forense__eyebrow{
text-transform:uppercase;
letter-spacing:.12em;
font-weight:700;
color:var(--brand);
margin:0 0 8px;
}
.forense__title{
font-size:clamp(1.6rem, 2vw + 1rem, 2.3rem);
font-weight:700;
margin:0 0 18px;
text-transform:uppercase;
}
.forense__title::after{
content:"";
display:block;
width:56px; height:2px;
background:var(--lemon);
border-radius:2px;
margin:12px 0 6px;
}
.forense__subtitle{
font-size:clamp(1.2rem, 1vw + 1rem, 1.6rem);
font-weight:700;
margin:0 0 12px;
}
.u-underline{ position:relative; padding-bottom:10px; }
.u-underline::after{
content:""; display:block; width:64px; height:3px;
background:var(--lemon); border-radius:2px; margin-top:10px;
}
.forense p{ margin:0 0 12px; line-height:1.75; color:#594f4c; } .forense--intro{ background:var(--bg); }
.forense--intro p{ margin:0 0 12px; line-height:1.7; color:#594f4c; } .forense__layout{
display:flex;
align-items:center;
gap:36px;
}
.forense__layout--img-left{ flex-direction:row; } .forense__text{ flex:1 1 58%; }
.forense__media{ flex:1 1 42%; margin:0; }
.forense__media img{
display:block;
width:100%;
height:auto;
border-radius:16px;
box-shadow:0 8px 24px rgba(0,0,0,.06);
object-fit:cover;
} @media (max-width: 900px){
.forense__layout{ flex-direction:column; align-items:flex-start; }
.forense__media, .forense__text{ width:100%; }
} .forense__grid{
display:grid;
grid-template-columns:1.1fr .9fr; gap:28px;
align-items:center;
}
.forense__content p{ margin:0 0 12px; line-height:1.7; color:#594f4c; } .forense__grid .forense__media{
border:1px solid var(--line);
border-radius:14px;
overflow:hidden;
box-shadow:0 8px 24px rgba(0,0,0,.06);
}
.forense__grid .forense__media img{
display:block;
width:100%;
height:100%;
object-fit:cover;
} @media (max-width: 880px){
.forense__grid{ grid-template-columns:1fr; }
.forense__grid .forense__media{ order:-1; } } .forense--ambitos{ background:var(--bg); }
.forense--ambitos .forense__wrap{
max-width:100%; width:100%; margin:0; padding:44px 0;
}
.forense--ambitos .forense__wrap > *{ padding:0 20px; }
@media (max-width: 600px){
.forense__wrap{ padding:32px 16px; }
.forense--ambitos .forense__wrap{ padding:32px 0; }
.forense--ambitos .forense__wrap > *{ padding:0 16px; }
} .forense--civil{
background:#fff;
border-top:1px solid var(--line);
} .forense--servicios{ background:var(--bg); } .forense--servicios .servicios-grid{
display:grid;
grid-template-columns:repeat(1, minmax(0,1fr));
gap:20px;
align-items:stretch;
} .forense--servicios .servicios-grid > p{
display:contents; margin:0; padding:0; border:0;
}
.forense--servicios .servicios-grid > br{ display:none; }
@media (min-width: 901px){
.forense--servicios .servicios-grid{
grid-template-columns:repeat(3, minmax(0,1fr));
gap:28px;
}
} .forense--servicios .card-serv{
display:flex;
flex-direction:column;
background:#fff;
border:1px solid var(--line);
border-radius:14px;
box-shadow:0 10px 26px rgba(0,0,0,.05);
overflow:hidden;
height:100%;
} .forense--servicios .card-serv__media{ margin:0; }
.forense--servicios .card-serv__media img{
display:block;
width:100%;
aspect-ratio:16/10; height:auto;
object-fit:cover;
}
.forense--servicios .card-serv__media br{ display:none; }  @supports not (aspect-ratio: 1){
.forense--servicios .card-serv__media img{
height: clamp(160px, 24vw, 220px);
}
} .forense--servicios .card-serv__body{
padding:18px 18px 10px;
flex:1 1 auto;
}
.forense--servicios .card-serv__title{
margin:0 0 6px; font-size:1.15rem; font-weight:800; color:var(--text);
}
.forense--servicios .card-serv__kicker{
margin:0 0 10px; font-weight:600; color:var(--brand);
}
.forense--servicios .card-serv__text{
margin:0; line-height:1.6; color:#594f4c;
} .forense--servicios .card-serv__footer{
display:grid;
grid-template-columns:auto 1fr auto;
align-items:center;
gap:12px;
border-top:1px solid var(--line);
padding:14px 18px;
}
.forense--servicios .card-serv__footer p{ margin:0; } .forense--servicios .card-serv__price{ font-weight:800; }
.forense--servicios .card-serv__meta{ color:var(--muted); font-size:.95rem; }
.forense--servicios .btn-serv{
display:inline-block;
padding:10px 14px;
background:var(--brand);
color:#fff; text-decoration:none; font-weight:700;
border-radius:8px;
transition:transform .12s ease, background .15s ease;
white-space:nowrap;
}
.forense--servicios .btn-serv:hover{
background:var(--brand-dark);
transform:translateY(-1px);
} @media (max-width: 520px){
.forense__wrap{ padding:32px 12px; }
.forense--servicios .card-serv__footer{
grid-template-columns:auto auto 1fr;
gap:10px;
}
.forense--servicios .btn-serv{
padding:8px 10px; font-size:.95rem;
}
} .grid-container {
background-color: #faf7f6;
color: #3c3331;
font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
padding: 2rem;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 2rem;
} .item-box {
background-color: #ffffff;
border: 1px solid #e7d8d5;
border-radius: 16px;
padding: 2rem 1.5rem;
text-align: center;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease, box-shadow 0.3s ease;
opacity: 0;
transform: translateY(30px);
animation: fadeInUp 1s ease forwards;
} .item-box:nth-child(1) { animation-delay: 0.1s; }
.item-box:nth-child(2) { animation-delay: 0.2s; }
.item-box:nth-child(3) { animation-delay: 0.3s; }
.item-box:nth-child(4) { animation-delay: 0.4s; }
.item-box:nth-child(5) { animation-delay: 0.5s; }
.item-box:nth-child(6) { animation-delay: 0.6s; }
@keyframes fadeInUp {
to {
opacity: 1;
transform: translateY(0);
}
}
.item-box:hover {
transform: translateY(-6px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
} .icon {
width: 40px;
height: 40px;
margin-bottom: 1rem;
fill: #975b58;
}
.item-box h3 {
color: #975b58;
font-size: 1.1rem;
margin-bottom: 0.6rem;
}
.item-box p {
font-size: 0.95rem;
line-height: 1.6;
color: #3c3331;
}
@media (max-width: 480px) {
.grid-container {
padding: 1rem;
gap: 1.2rem;
}
.item-box {
padding: 1.5rem 1rem;
}
}  .forense__title{
font-size:clamp(1.6rem, 2vw + 1rem, 2.3rem);
font-weight:700; margin:0 0 18px; text-transform:uppercase;
}
.u-underline{ position:relative; padding-bottom:10px; }
.u-underline::after{
content:""; display:block; width:56px; height:3px;
background:var(--lemon); border-radius:2px; margin-top:10px;
} .forense--familia{ background:var(--bg); } .fj-cards{
display:grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap:28px;
}
@media (max-width: 992px){
.fj-cards{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 560px){
.fj-cards{ grid-template-columns: 1fr; gap:18px; }
} .fj-card{
background:#fff;
border:1px solid var(--line);
border-radius:18px;
box-shadow:0 10px 26px rgba(0,0,0,.05);
padding:28px 22px;
text-align:center;
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.fj-card:hover{
transform:translateY(-3px);
box-shadow:0 16px 36px rgba(0,0,0,.08);
border-color:#eadad7;
} .fj-card__icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:64px; height:64px;
margin:0 auto 14px;
border-radius:50%;
color:var(--brand);
background:rgba(176,108,105,.12);
} .fj-card__title{
margin:8px 0 10px;
font-weight:800;
color:var(--brand-dark);
text-transform:uppercase;
letter-spacing:.02em;
}
.fj-card__text{
margin:0;
color:#4b413f;
line-height:1.75;
} .fj-cards{
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 28px !important;
align-items: stretch;
} @media (max-width: 992px){
.fj-cards{
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 22px !important;
}
} @media (max-width: 560px){
.fj-cards{
grid-template-columns: 1fr !important;
gap: 16px !important;
}
} .fj-card{
display: flex;
flex-direction: column;
height: 100%;
} .fj-cards > p{ display: contents !important; margin:0 !important; padding:0 !important; }
.fj-cards > br{ display:none !important; }  .forense--laboral{ background:var(--bg); } .lab-cards{
display:grid;
grid-template-columns:repeat(3, minmax(0,1fr));
gap:28px;
align-items:stretch;
} .lab-cards > p{ display:contents; margin:0; padding:0; }
.lab-cards > br{ display:none; }
@media (max-width: 992px){
.lab-cards{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:22px; }
}
@media (max-width: 560px){
.lab-cards{ grid-template-columns:1fr; gap:16px; }
} .lab-card{
display:flex;
flex-direction:column;
background:#fff;
border:1px solid var(--line);
border-radius:18px;
box-shadow:0 10px 26px rgba(0,0,0,.05);
padding:28px 22px;
text-align:center;
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
height:100%;
}
.lab-card:hover{
transform:translateY(-3px);
box-shadow:0 16px 36px rgba(0,0,0,.08);
border-color:#eadad7;
} .lab-card__icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:64px; height:64px;
margin:0 auto 14px;
border-radius:50%;
color:var(--brand);
background:rgba(176,108,105,.12);
} .lab-card__title{
margin:8px 0 10px;
font-weight:800;
color:var(--brand-dark);
text-transform:uppercase;
letter-spacing:.02em;
}
.lab-card__text{
margin:0;
color:#4b413f;
line-height:1.75;
}  .forense--ubicaciones{ background:var(--bg); } .loc-grid{
display:grid;
grid-template-columns:repeat(3, minmax(0,1fr));
gap:28px;
align-items:stretch;
} .loc-grid > p{ display:contents; margin:0; padding:0; }
.loc-grid > br{ display:none; }
@media (max-width: 992px){
.loc-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:22px; }
}
@media (max-width: 560px){
.loc-grid{ grid-template-columns:1fr; gap:16px; }
} .loc-card{
display:flex;
flex-direction:column;
background:#fff;
border:1px solid var(--line);
border-radius:16px;
box-shadow:0 10px 26px rgba(0,0,0,.05);
overflow:hidden;
height:100%;
} .loc-card__map{ position:relative; width:100%; }
.loc-card__map iframe{
display:block;
width:100%;
height:100%;
border:0;
aspect-ratio: 16/10; }
@supports not (aspect-ratio: 1){
.loc-card__map{ height:220px; }
.loc-card__map iframe{ height:100%; }
} .loc-card__body{ padding:16px 18px 18px; }
.loc-card__title{
margin:0 0 6px;
font-weight:800;
color:var(--brand-dark);
text-transform:uppercase;
letter-spacing:.02em;
}
.loc-card__addr{
margin:0 0 10px;
color:#4b413f;
line-height:1.6;
}
.loc-card__link{
display:inline-block;
font-weight:700;
color:#fff;
background:var(--brand);
padding:8px 12px;
border-radius:8px;
text-decoration:none;
transition:background .15s ease, transform .12s ease;
}
.loc-card__link:hover{ background:var(--brand-dark); transform:translateY(-1px); }  .forense--faq{ background:var(--bg); } .faq-list{
width:min(940px, 100%);
margin: 0 auto;
display:flex;
flex-direction:column;
gap:14px;
} .faq-item{
background:#fff;
border:1px solid var(--line);
border-radius:10px;
box-shadow:0 6px 18px rgba(0,0,0,.05);
overflow:hidden;
} .faq-q{
cursor:pointer;
list-style:none;
padding:16px 18px;
font-weight:600;
color:var(--text);
display:grid;
grid-template-columns:1fr auto;
align-items:center;
gap:12px;
position:relative;
}
.faq-q::-webkit-details-marker{ display:none; } .faq-q::after{
content:"";
width:10px; height:10px;
border-right:2px solid var(--brand);
border-bottom:2px solid var(--brand);
transform:rotate(45deg);
transition:transform .18s ease;
}
.faq-item[open] .faq-q::after{ transform:rotate(-135deg); } .faq-item[open] .faq-q{
border-bottom:1px solid var(--line);
} .faq-a{
padding:14px 18px 18px;
color:#594f4c;
line-height:1.7;
}
.faq-a p{ margin:0; } .faq-q:focus{ outline:none; }
.faq-q:focus-visible{
box-shadow:0 0 0 2px rgba(176,108,105,.35) inset;
border-radius:10px;
} @media (max-width: 560px){
.faq-q{ padding:14px 16px; }
.faq-a{ padding:12px 16px 16px; }
}  .forense--pros{ background:#fff; } .pros__grid{
display:grid;
grid-template-columns: 0.9fr 1.1fr;
gap:40px;
align-items:center;
}
@media (max-width: 980px){
.pros__grid{ grid-template-columns: 1fr; }
} .pros__copy p{ color:#594f4c; line-height:1.75; }
.pros__cta{
display:inline-block;
margin-top:16px;
padding:12px 18px;
background:var(--brand);
color:#fff; text-decoration:none; font-weight:700;
border-radius:10px;
box-shadow:0 8px 22px rgba(0,0,0,.06);
transition:transform .12s ease, background .15s ease;
}
.pros__cta:hover{ background:var(--brand-dark); transform:translateY(-1px); } .pros__controls{
display:flex; gap:14px; align-items:center;
margin-top:24px;
}
.pros__btn{
width:44px; height:44px; border-radius:999px;
border:1px solid var(--line); background:#fff; color:var(--brand);
font-size:22px; line-height:1; display:inline-flex; align-items:center; justify-content:center;
box-shadow:0 6px 16px rgba(0,0,0,.05);
cursor:pointer;
transition:background .15s ease, transform .12s ease;
}
.pros__btn:hover{ background:var(--bg); transform:translateY(-1px); } .pros__carousel{ position:relative; }
.pros__track{
display:flex;
gap:24px;
overflow-x:auto;
scroll-snap-type:x mandatory;
padding-bottom:6px;
scroll-padding: 12px;
} .pros__track{ scrollbar-width: thin; }
.pros__track::-webkit-scrollbar{ height:8px; }
.pros__track::-webkit-scrollbar-thumb{ background:rgba(0,0,0,.12); border-radius:8px; }
.pros__track > p{ display:contents; } .pros__track > br{ display:none; } .pro-card{
flex:0 0 clamp(260px, 29vw, 340px); background:#fff;
border:1px solid var(--line);
border-radius:12px;
box-shadow:0 10px 26px rgba(0,0,0,.05);
overflow:hidden;
scroll-snap-align:start;
display:flex; flex-direction:column;
} .pro-card__media img{
display:block;
width:100%;
aspect-ratio: 1/1;
object-fit:cover;
} .pro-card__body{
background: #f3ecea; padding:14px 16px 16px;
}
.pro-card__name{
margin:0 0 4px;
font-weight:800;
color:var(--text);
font-size:1.05rem;
}
.pro-card__meta{
margin:0 0 8px;
color:#6a5f5d;
font-size:.95rem;
} .pro-card__tags{
display:flex; flex-wrap:wrap; gap:8px;
list-style:none; padding:0; margin:0;
}
.pro-card__tags li{
background:#fff;
border:1px solid var(--line);
color:#4b413f;
padding:6px 10px;
border-radius:999px;
font-size:.85rem;
font-weight:600;
}
.pros__track{
display:flex; gap:24px;
overflow-x:auto; scroll-snap-type:x mandatory;
}
.pro-card{ scroll-snap-align:start; }  .evento-calendario {
background-color: #faf7f6;
padding: 2rem;
border-radius: 12px;
margin-top: 2rem;
}
.evento-calendario__titulo {
font-size: 1.8rem;
color: #644c3f;
text-align: center;
margin-bottom: 0.5rem;
}
.evento-calendario__aviso {
text-align: center;
color: #6a5a54;
font-size: 1rem;
margin-bottom: 2rem;
} .am-event-list-view {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.am-event-card {
background: #fff;
border: 1px solid #e9e5e3;
border-radius: 12px;
padding: 1.5rem;
box-shadow: 0 4px 10px rgba(0,0,0,0.04);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.am-event-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}
.am-event-card-title {
font-size: 1.3rem;
font-weight: 600;
color: #975b58;
margin-bottom: 0.4rem;
}
.am-event-card-date,
.am-event-card-time,
.am-event-card-location {
font-size: 0.95rem;
color: #6c5c55;
margin-bottom: 0.25rem;
}
.am-event-card-price {
font-weight: bold;
font-size: 1.1rem;
color: #a9463b;
margin-top: 0.8rem;
}
.am-event-card-description {
margin-top: 1rem;
font-size: 0.95rem;
line-height: 1.5;
color: #3c3331;
} @media (max-width: 768px) {
.evento-calendario {
padding: 1.5rem;
}
.am-event-card {
padding: 1.2rem;
}
.am-event-card-title {
font-size: 1.15rem;
}
.am-event-card-description {
font-size: 0.9rem;
}
}  .amelia-event-status-label:contains("Cancelada"),
.amelia-event-status-label:contains("Cerrado") {
display: none !important;
} @media (max-width: 520px){
.citas-online{ padding: 0 12px; }
.citas-online .btn{ padding: 9px 14px; border-radius: 8px; }
} .blog-content {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: var(--pewter);
background: white;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
padding: 30px;
margin: 20px 0;
border-top: 4px solid var(--lemon);
max-width: 100%;
}
.blog-content h2 {
color: var(--pewter);
font-size: 2rem;
margin-bottom: 1.5rem;
padding-bottom: 15px;
border-bottom: 2px solid var(--line);
position: relative;
}
.blog-content h2:after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 80px;
height: 2px;
background-color: var(--lemon);
}
.blog-content h3 {
color: var(--pewter);
font-size: 1.4rem;
margin: 2rem 0 1rem;
padding-left: 15px;
border-left: 3px solid var(--oyster);
}
.blog-content p {
margin-bottom: 1.2rem;
font-size: 1.05rem;
}
.blog-content strong {
color: var(--pewter);
font-weight: 600;
}
.blog-content ul {
margin: 1rem 0 1.5rem 1.5rem;
}
.blog-content li {
margin-bottom: 0.7rem;
padding-left: 0.5rem;
}
.blog-content img.aligncenter {
display: block;
margin: 2rem auto;
max-width: 100%;
height: auto;
border-radius: 6px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
border: 1px solid var(--line);
}
.blog-content a {
color: var(--pewter);
text-decoration: none;
border-bottom: 1px solid var(--oyster);
transition: all 0.3s ease;
font-weight: 500;
}
.blog-content a:hover {
color: var(--lemon);
border-bottom: 1px solid var(--lemon);
} @media (max-width: 768px) {
.blog-content {
padding: 20px 15px;
margin: 15px 0;
border-radius: 6px;
}
.blog-content h2 {
font-size: 1.6rem;
padding-bottom: 12px;
}
.blog-content h3 {
font-size: 1.2rem;
margin: 1.5rem 0 0.8rem;
padding-left: 12px;
}
.blog-content p {
font-size: 1rem;
}
.blog-content ul {
margin: 1rem 0 1.2rem 1rem;
}
.blog-content img.aligncenter {
margin: 1.5rem auto;
border-radius: 4px;
}
} @media (min-width: 769px) and (max-width: 1024px) {
.blog-content {
padding: 25px;
}
.blog-content h2 {
font-size: 1.8rem;
}
.blog-content h3 {
font-size: 1.3rem;
}
} .blog-content li::marker {
color: var(--oyster);
}
.blog-content img.aligncenter:hover {
transform: translateY(-2px);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
transition: all 0.3s ease;
} :root{
--color-line: rgb(255, 254, 254); --color-oyster: #eae2d6; --color-pewter: #867666; --color-lemon-tea: #E1B80D; --color-primary: #1b4965; --color-secondary: #007a74;
--color-accent: #e07a5f;
--color-light-bg: #f8f9fa;
--color-text: #333333;
--color-highlight: #fef9d7;
--color-hueso: #EAE2D6; } .legal.aviso-legal{
background: var(--color-hueso);
color: var(--color-pewter); font-family: Georgia, "Times New Roman", serif;
line-height: 1.75;
border-radius: 14px;
padding: clamp(20px, 3vw, 36px);
box-shadow: 0 10px 24px rgba(0,0,0,.06);
}
.legal__wrap{ 
max-width: 960px; 
margin: 0 auto; 
} .legal__title{
margin: 0 0 1.25rem 0;
font-size: clamp(28px, 4vw, 40px);
font-weight: 700;
letter-spacing: .2px;
color: var(--color-primary);
}
.legal__title::after{
content:"";
display:block;
margin-top:.6rem;
width: 160px;
height: 4px;
background: var(--color-lemon-tea);
border-radius: 3px;
} .legal__section{ 
margin-top: 2rem; 
}
.legal__subtitle{
font-size: clamp(18px, 2.4vw, 24px);
font-weight: 700;
margin: 0 0 .75rem 0;
color: var(--color-primary);
}
.legal__subtitle::after{
content:"";
display:block;
margin-top:.4rem;
width: 120px;
height: 3px;
background: var(--color-lemon-tea);
border-radius: 2px;
} .legal__content p{ 
margin: 0 0 1rem 0; 
} .legal__list{
list-style: none;
padding: 0;
margin: .5rem 0 0 0;
}
.legal__list li{
padding: .35rem 0;
border-bottom: 1px dashed rgba(0,0,0,.1);
}
.legal__list li strong{ 
color: var(--color-primary); 
} .legal a{
color: var(--color-primary);
text-decoration: none;
border-bottom: 1px solid transparent;
}
.legal a:hover{ 
border-bottom-color: var(--color-lemon-tea); 
} .tod-uno {
font-family: Arial, sans-serif;
background-color: var(--color-hueso);
color: var(--color-text);
margin: 0;
padding: 20px;
line-height: 1.6;
}
.workshop-container {
max-width: 1200px;
margin: 0 auto;
}
.header-card {
background-color: var(--color-primary);
color: var(--color-line);
padding: 30px;
border-radius: 15px;
box-shadow: 0 4px 20px rgba(27, 73, 101, 0.1);
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.header-card:hover {
transform: translateY(-10px);
box-shadow: 0 8px 30px rgba(27, 73, 101, 0.2);
}
.icon-header {
font-size: 2em;
margin-right: 10px;
color: var(--color-lemon-tea);
}
.slide-card, .faq-card {
background-color: var(--color-light-bg);
margin: 20px 0;
padding: 25px;
border-radius: 15px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
opacity: 0;
transform: translateY(50px);
transition: opacity 0.6s ease, transform 0.6s ease, box-shadow 0.3s ease;
border: 1px solid var(--color-oyster);
}
.slide-card.visible, .faq-card.visible {
opacity: 1;
transform: translateY(0);
}
.slide-card:hover, .faq-card:hover {
box-shadow: 0 8px 25px rgba(224, 122, 95, 0.15); transform: scale(1.02);
}
.icon-slide {
color: var(--color-secondary);
margin-right: 10px;
font-size: 1.5em;
}
.workshop-h1 {
color: var(--color-line);
border-bottom: 3px solid var(--color-lemon-tea);
padding-bottom: 10px;
font-size: 2em;
}
.workshop-h2 {
color: var(--color-primary);
border-bottom: 2px solid var(--color-lemon-tea);
padding-bottom: 10px;
font-size: 1.8em;
}
.workshop-ul, .workshop-ol {
list-style-type: none;
padding-left: 0;
}
.workshop-li {
background-color: var(--color-highlight);
margin: 10px 0;
padding: 10px;
border-radius: 8px;
position: relative;
padding-left: 30px;
transition: background-color 0.3s ease;
color: var(--color-pewter);
cursor: pointer; }
.workshop-li:before {
content: '\f058'; font-family: 'Font Awesome 6 Free';
font-weight: 900;
color: var(--color-secondary);
position: absolute;
left: 10px;
}
.workshop-li:hover {
background-color: var(--color-oyster);
}
.explanation {
display: none;
font-size: 1.5em; margin-top: 10px;
padding: 10px;
background-color: var(--color-light-bg);
border: 1px solid var(--color-lemon-tea);
color: var(--color-primary);
}
.activity {
background-color: var(--color-highlight);
border-left: 5px solid var(--color-accent);
padding: 15px;
margin-top: 20px;
font-style: italic;
transition: background-color 0.3s ease;
color: var(--color-pewter);
}
.activity:hover {
background-color: var(--color-oyster);
}
.discussion-link {
color: var(--color-accent);
text-decoration: none;
font-weight: bold;
}
.discussion-link:hover {
text-decoration: underline;
}
.workshop-dl dt {
font-weight: bold;
color: var(--color-primary);
margin-top: 20px;
}
.workshop-dl dd {
margin-left: 20px;
background-color: var(--color-light-bg);
padding: 10px;
border-radius: 8px;
border: 1px dashed var(--color-lemon-tea);
} @media (max-width: 768px) {
.slide-card, .faq-card {
padding: 15px;
}
.workshop-h1 {
font-size: 1.5em;
}
.workshop-h2 {
font-size: 1.4em;
}
.explanation {
font-size: 1.2em;
}
} .video-pdf-container {
display: flex;
flex-direction: column; align-items: center;
gap: 20px; padding: 20px 0;
} .video-container video {
width: 100%;
max-width: 600px;
height: auto;
border-radius: 10px;
box-shadow: 0px 4px 10px rgba(0,0,0,0.2);
} .btn-pdf {
display: block;
background: #e07a5f;
color: #fff;
padding: 12px 20px;
border-radius: 8px;
text-decoration: none;
font-weight: bold;
text-align: center;
}
.btn-pdf:hover {
background: #1b4965;
} @media (min-width: 1024px) {
.video-pdf-container {
flex-direction: row; justify-content: center;
align-items: center;
margin-bottom: 60px;
}
.video-container video {
max-width: 300px; }
.btn-pdf {
margin: 0 0 0 20px; }
} .gogoa-materiales {
display: none !important;
} .depresion-bog {
--radius: 18px;
--shadow: 0 6px 16px rgba(0,0,0,.06);
background: var(--egg);
color: var(--pewter);
border: 1px solid var(--oyster);
border-radius: var(--radius);
padding: clamp(1rem, 2.5vw, 2rem);
box-shadow: var(--shadow);
line-height: 1.6;
font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
}
.depresion-bog * { box-sizing: border-box; } .depresion-bog__header {
padding-bottom: 1rem;
border-bottom: 1px solid var(--line);
margin-bottom: 1rem;
}
.depresion-bog__title {
font-size: clamp(1.35rem, 2vw + 1rem, 2rem);
line-height: 1.2;
margin: 0 0 .5rem 0;
position: relative;
padding-bottom: .35rem;
}
.depresion-bog__title::after {
content: "";
position: absolute;
left: 0; bottom: 0;
width: 72px; height: 3px;
background: var(--lemon);
border-radius: 2px;
}
.depresion-bog__intro { margin: .5rem 0; }
.depresion-bog__source { font-size: .95rem; margin: .25rem 0 0; }
.depresion-bog__source a { color: inherit; text-decoration-color: var(--lemon); }
.depresion-bog__source a:hover { text-decoration-thickness: 3px; } .depresion-bog__section { margin: 1.25rem 0; }
.depresion-bog__subtitle {
font-size: clamp(1.05rem, 1.2vw + .8rem, 1.35rem);
margin: 0 0 .5rem 0;
}
.depresion-bog__grid {
display: grid;
gap: .9rem;
}
.depresion-bog__grid--3 {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.depresion-bog__card {
border: 1px solid var(--oyster);
border-radius: calc(var(--radius) - 6px);
background: #fffdf8;
padding: .9rem;
}
.depresion-bog__card-title {
margin: 0 0 .35rem;
font-weight: 600;
} .depresion-bog__list {
margin: .25rem 0 0 1rem;
padding: 0;
}
.depresion-bog__list li {
margin: .25rem 0;
padding-left: .35rem;
position: relative;
list-style: none;
}
.depresion-bog__list li::before {
content: "";
position: absolute;
left: -1rem; top: .55em;
width: .55rem; height: .55rem;
border: 2px solid var(--lemon);
border-radius: 2px;
background: transparent;
}
.depresion-bog__list--check li::before { border-radius: 50%; }
.depresion-bog__list--x li::before { transform: rotate(45deg); border-radius: 0; }
.depresion-bog__list--spaced li { margin: .4rem 0; } .depresion-bog__callout {
margin-top: .9rem;
padding: .75rem .9rem;
border-left: 4px solid var(--lemon);
background: linear-gradient(0deg, rgba(225,184,13,.08), rgba(225,184,13,.08));
border-radius: 8px;
} .depresion-bog__footer {
margin-top: 1.25rem;
font-size: .95rem;
color: var(--pewter);
border-top: 1px solid var(--line);
padding-top: .75rem;
}
.depresion-bog__fine-line {
display: block;
height: 1px;
width: 100%;
background: linear-gradient(90deg, transparent, var(--lemon), transparent);
margin-bottom: .5rem;
}
.depresion-bog__disclaimer { margin: 0; } .depresion-bog__media {
display: grid;
grid-template-columns: 1fr 320px;
gap: 1.25rem;
align-items: start;
}
.depresion-bog__text {
display: flex;
flex-direction: column;
gap: .5rem;
}
.depresion-bog__image {
margin: 0;
border: 1px solid var(--oyster);
border-radius: 12px;
overflow: hidden;
background: #fff;
box-shadow: 0 4px 10px rgba(0,0,0,.06);
}
.depresion-bog__image img {
display: block;
width: 100%;
height: auto;
}
.depresion-bog__image figcaption {
font-size: .9rem;
color: var(--pewter);
padding: .5rem .75rem;
background: var(--egg);
border-top: 1px solid var(--line);
} @media (max-width: 768px) {
.depresion-bog__media {
grid-template-columns: 1fr;
}
.depresion-bog__image {
margin-top: .75rem;
}
} @media only screen and (max-width: 550px) {
.tratamiento_contenido .centrado {
max-width: 90% !important; margin-left: auto !important;
margin-right: auto !important;
text-align: center !important; }
.tratamiento_contenido .centrado .intro {
margin-bottom: 20px !important;
}
.tratamiento_contenido .array_tratamientos {
display: grid !important;
gap: 15px !important;
}
.tratamiento_contenido .array_tratamientos .tratamiento {
width: 100% !important;
}
} @media (max-width: 600px) { .tratamiento_contenido .centrado,
section.trio,
div.cursos,
div.blog,
.centrado, div.panel-formulario {
box-sizing: border-box;
max-width: 100% !important; width: calc(100% - 32px) !important; margin-left: auto !important;
margin-right: auto !important;
padding-left: 16px !important;
padding-right: 16px !important;
} section.trio,
div.cursos,
div.blog,
.tratamiento_contenido .centrado,
div.panel-formulario {
display: block !important; } .tratamiento_contenido .centrado > *,
section.trio > *,
div.cursos > *,
div.blog > *,
div.panel-formulario > * {
width: 100% !important;
max-width: 100% !important;
} .tratamiento_contenido .centrado,
section.trio,
div.cursos,
div.blog,
div.panel-formulario {
text-align: center; }
} .areas-aplicacion {
background:#fff;
padding: 60px 20px;
text-align: center;
width: 100%;
}
.areas-aplicacion__subtitulo {
color:#000;
font-size: 1rem;
margin-bottom: 8px;
}
.areas-aplicacion__titulo {
font-size: 2rem;
margin-bottom: 40px;
color:#000;
} .areas-aplicacion__grid {
display: grid;
grid-template-columns: repeat(3, 1fr); gap: 24px;
width: 100%;
} .area-card {
background: #fff;
border: 1px solid var(--oyster);
border-radius: 8px;
overflow: hidden;
box-shadow: 0 3px 8px rgba(0,0,0,0.05);
text-align: left;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: transform 0.3s ease;
}
.area-card:hover {
transform: translateY(-5px);
}
.area-card img {
width: 100%;
height: 200px;
object-fit: cover;
} .area-card h3 {
font-size: 1.25rem;
margin: 16px 16px 8px;
color: var(--pewter);
position: relative;
padding-bottom: 6px;
}
.area-card h3::after {
content: "";
display: block;
width: 50px;
height: 3px;
background: var(--lemon);
margin-top: 6px;
border-radius: 2px;
}
.area-card p {
margin: 0 16px 20px;
color: #555;
font-size: 0.95rem;
line-height: 1.5;
} .btn-area {
display: inline-block;
margin: 0 16px 20px;
padding: 10px 18px;
border: 1px solid var(--lemon);
color: var(--pewter);
font-weight: bold;
text-decoration: none;
border-radius: 4px;
transition: all 0.3s ease;
}
.btn-area:hover {
background: var(--lemon);
color: #fff;
} @media (max-width: 992px) {
.areas-aplicacion__grid {
grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
.areas-aplicacion__grid {
grid-template-columns: 1fr; }
.areas-aplicacion__titulo {
font-size: 1.5rem;
}
.area-card h3 {
font-size: 1rem;
}
.area-card p {
font-size: 0.85rem;
}
.btn-area {
font-size: 0.85rem;
padding: 8px 14px;
}
} .causas {
background: var(--egg);
padding: 60px 20px;
text-align: center;
}
.causas__titulo {
font-size: 2rem;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 700;
margin-bottom: 40px;
color: var(--pewter);
position: relative;
}
.causas__titulo::after {
content: "";
display: block;
width: 80px;
height: 3px;
background: var(--lemon);
margin: 12px auto 0;
border-radius: 2px;
}
.causas__lista {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 40px 40px;
list-style: none;
padding: 0;
margin: 0 auto;
max-width: 1000px;
text-align: left;
}
.causas__lista li {
position: relative;
padding-left: 32px;
font-size: 1.5rem;
font-weight: 500;
color: var(--pewter);
line-height: 1;
} .causas__lista li::before {
content: "🍃";
position: absolute;
left: 0;
top: 0;
font-size: 1.2rem;
line-height: 1.2;
color: var(--lemon);
} @media (max-width: 768px) {
.causas__titulo {
font-size: 1.5rem;
}
.causas__lista {
grid-template-columns: 1fr;
gap: 14px;
}
.causas__lista li {
font-size: .95rem;
}
} .equipo {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
padding: 80px 20px;
background: var(--egg);
}
.equipo__contenido {
flex: 1;
text-align: left;
}
.equipo__titulo {
font-size: 2rem;
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom: 20px;
color: var(--pewter);
}
.equipo__contenido p {
margin-bottom: 18px;
color: #444;
line-height: 1.6;
font-size: 1rem;
}
.btn-equipo {
display: inline-block;
padding: 12px 22px;
border: 1px solid var(--lemon);
color: var(--lemon);
font-weight: bold;
text-decoration: none;
border-radius: 4px;
transition: all 0.3s ease;
}
.btn-equipo:hover {
background: var(--lemon);
color: #fff;
}
.equipo__imagen {
flex: 1;
text-align: center;
}
.equipo__imagen img {
max-width: 350px;
width: 100%;
height: auto;
border-radius: 6px;
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
} @media (max-width: 900px) {
.equipo {
flex-direction: column;
text-align: center;
}
.equipo__contenido {
text-align: center;
}
.equipo__imagen img {
max-width: 260px;
margin-top: 20px;
}
} .hero-bg { 
background: var(--line); 
}
.section-bg { 
background-color: #f9fafb; 
}
.faq-item { 
cursor: pointer; 
}
.faq-answer { 
display: none; 
}
.faq-answer.active { 
display: block; 
}
.section-divider { 
border-bottom: 3px solid var(--lemon); 
width: 80px; 
margin: 0 auto 1rem; 
}
.gogoa-container { 
max-width: var(--max); 
margin-left: auto;
margin-right: auto;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.gogoa-card { 
border: 1px solid var(--line); 
background-color: white;
padding: 1.5rem;
border-radius: 0.5rem;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-primary { 
background-color: var(--accent); 
color: white; 
padding: 0.75rem 1.5rem;
border-radius: 9999px;
font-weight: 600;
display: inline-block;
text-align: center;
}
.btn-primary:hover { 
background-color: #9c5f5f; 
}
.btn-secondary {
background-color: #e4c300;
color: #222;
padding: 0.75rem 1.5rem;
border-radius: 9999px;
font-weight: 600;
display: block; margin: 0 auto; text-align: center; }
.btn-secondary:hover { 
background-color: #d1a80c; 
}
.text-title { 
color: var(--title); 
}
.text-pewter { 
color: var(--pewter); 
}
.hover\:text-accent:hover { 
color: var(--accent); 
}
.pediatrico .container {
max-width: 1000px;
margin: 0 auto;
padding: 2rem;
}
.titulo {
text-align: center;
font-size: 2rem;
margin-bottom: 1rem;
}
.subtitulo {
text-align: center;
margin-bottom: 2rem;
color: #555;
}
.columns {
display: flex;
gap: 2rem; flex-wrap: wrap; }
.col {
flex: 1; min-width: 280px; }
.col h3 {
font-size: 1.25rem;
margin-bottom: 1rem;
}
.col ul {
list-style: disc inside; margin: 0;
padding: 0;
}
.col ul li {
margin-bottom: 0.5rem;
}
.cta {
text-align: center;
margin-top: 2rem;
}
.btn-secondary {
background-color: #e4c300;
color: #222;
padding: 0.75rem 1.5rem;
border-radius: 9999px;
font-weight: 600;
display: block; margin: 0 auto; text-align: center; }
.section-ofrecemos {
padding: 4rem 1rem;
text-align: center;
}
.section-ofrecemos .container {
max-width: var(--max);
margin: 0 auto;
}
.section-title {
font-size: 2rem;
font-weight: bold;
color: var(--title);
margin-bottom: 2rem;
position: relative;
}
.section-title::after {
content: "";
display: block;
width: 80px;
height: 4px;
background-color: var(--lemon);
margin: 0.5rem auto 0 auto;
border-radius: 2px;
}
.cards {
display: flex;
flex-wrap: wrap;
gap: 2rem;
justify-content: center;
}
.card {
background: #fff;
border: 1px solid var(--line);
border-radius: 12px;
box-shadow: 0 2px 6px rgba(0,0,0,0.05);
overflow: hidden;
width: 100%;
max-width: 350px;
display: flex;
flex-direction: column;
}
.card img {
width: 100%;
height: auto;
display: block;
}
.card-content {
background: var(--line);
color: #fff;
padding: 1.5rem;
flex: 1;
}
.card-content h3 {
color: #fff;
font-size: 1.25rem;
margin-bottom: 1rem;
}
.card-content p {
color: #594f4c;
font-size: 1rem;
line-height: 1.5;
}
.caja-reserva {
background: #fdf6f0;
border: 2px solid #e4c1c1;
padding: 20px;
border-radius: 15px;
text-align: center;
margin: 30px 0;
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}
.caja-reserva h2 {
color: #a0527e;
font-size: 1.8em;
margin-bottom: 10px;
}
.caja-reserva p {
color: #555;
font-size: 1.1em;
margin-bottom: 20px;
}  .Black-Friday {
background-color: #f9fafb; border: 1px solid #e0e7ff; border-radius: 16px;
padding: 30px 25px;
margin-bottom: 35px;
box-shadow: 0 3px 10px rgba(0,0,0,0.04);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.Black-Friday:hover {
transform: translateY(-3px);
box-shadow: 0 6px 14px rgba(0,0,0,0.06);
} .Black-Friday figure {
text-align: center;
margin: 0 0 25px 0;
}
.Black-Friday img {
max-width: 100%;
height: auto;
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.Black-Friday img:hover {
transform: scale(1.02);
box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}
.Black-Friday figcaption {
font-size: 0.9rem;
color: #64748b; margin-top: 8px;
font-style: italic;
} h1 {
font-size: 2rem;
color: #1e293b; text-align: center;
margin-bottom: 1.5em;
font-weight: 700;
line-height: 1.3;
}
.Black-Friday h2 {
color: #334155;
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 15px;
border-left: 4px solid #facc15; padding-left: 10px;
}
.Black-Friday h3 {
color: #475569;
font-size: 1.1rem;
margin-top: 20px;
font-weight: 600;
} .Black-Friday p {
color: #475569;
font-size: 1rem;
line-height: 1.7;
margin-bottom: 15px;
}
.Black-Friday ul {
margin: 0;
padding-left: 25px;
list-style-type: "✔ ";
}
.Black-Friday li {
color: #334155;
margin-bottom: 8px;
font-size: 1rem;
} .Black-Friday a {
color: #2563eb; text-decoration: none;
font-weight: 600;
transition: color 0.3s ease;
}
.Black-Friday a:hover {
text-decoration: underline;
color: #1d4ed8;
} .Black-Friday strong {
color: #1e293b;
} .Black-Friday p a[href^="tel:"],
.Black-Friday p a[href^="mailto:"] {
color: #2563eb;
font-weight: 500;
} @media (max-width: 768px) {
h1 {
font-size: 1.6rem;
}
.Black-Friday {
padding: 20px;
}
.Black-Friday h2 {
font-size: 1.3rem;
}
.Black-Friday p,
.Black-Friday li {
font-size: 0.95rem;
}
.Black-Friday figcaption {
font-size: 0.85rem;
}
}  .politica-privacidad {
--pewter: #867666;
--lemon-tea: #E1B80D;
--oyster: #D5C3AA;
--line: #EAE2D6;
max-width: 900px;
margin: 0 auto;
} .politica-privacidad h1,
.politica-privacidad h2,
.politica-privacidad h3 {
color: var(--pewter);
margin-top: 2rem;
margin-bottom: 1rem;
line-height: 1.4;
}
.politica-privacidad h1 {
font-size: 1.8rem;
text-align: center;
border-bottom: 3px solid var(--lemon-tea);
padding-bottom: 0.5rem;
margin-bottom: 2rem;
}
.politica-privacidad h2 {
font-size: 1.3rem;
border-bottom: 2px solid var(--oyster);
padding-bottom: 0.3rem;
}
.politica-privacidad h3 {
font-size: 1.1rem;
color: var(--lemon-tea);
margin-top: 1.5rem;
} .politica-privacidad p {
background-color: var(--line);
border-left: 4px solid var(--lemon-tea);
padding: 1rem 1.25rem;
margin-bottom: 1rem;
border-radius: 8px;
color: var(--pewter);
line-height: 1.7;
font-size: 1rem;
} .politica-privacidad ul {
background-color: var(--line);
border-left: 4px solid var(--lemon-tea);
padding: 1rem 2rem;
margin-bottom: 1rem;
border-radius: 8px;
color: var(--pewter);
line-height: 1.7;
}
.politica-privacidad li {
margin-bottom: 0.5rem;
} .politica-privacidad a {
color: var(--lemon-tea);
text-decoration: none;
font-weight: 500;
transition: color 0.2s ease;
}
.politica-privacidad a:hover {
color: var(--pewter);
text-decoration: underline;
}  .politica-cookies {
--pewter: #867666;
--lemon-tea: #E1B80D;
--oyster: #D5C3AA;
--line: #EAE2D6;
max-width: 900px;
margin: 0 auto;
} .politica-cookies h1,
.politica-cookies h2,
.politica-cookies h3 {
color: var(--pewter);
margin-top: 2rem;
margin-bottom: 1rem;
line-height: 1.4;
}
.politica-cookies h1 {
font-size: 1.8rem;
text-align: center;
border-bottom: 3px solid var(--lemon-tea);
padding-bottom: 0.5rem;
margin-bottom: 2rem;
}
.politica-cookies h2 {
font-size: 1.3rem;
border-bottom: 2px solid var(--oyster);
padding-bottom: 0.3rem;
}
.politica-cookies h3 {
font-size: 1.1rem;
color: var(--lemon-tea);
margin-top: 1.5rem;
} .politica-cookies p,
.politica-cookies ul {
background-color: var(--line);
border-left: 4px solid var(--lemon-tea);
padding: 1rem 1.25rem;
margin-bottom: 1rem;
border-radius: 8px;
color: var(--pewter);
line-height: 1.7;
font-size: 1rem;
}
.politica-cookies li {
margin-bottom: 0.5rem;
} .politica-cookies a {
color: var(--lemon-tea);
text-decoration: none;
font-weight: 500;
transition: color 0.2s ease;
}
.politica-cookies a:hover {
color: var(--pewter);
text-decoration: underline;
}  .landing-bienestar {
--lemon-tea: #E1B80D;
--pewter: #867666;
--oyster: #D5C3AA;
--line: #EAE2D6;
max-width: 1000px;
margin: 0 auto;
padding: 2rem;
background-color: #fff;
border-radius: 16px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
} .titulo-bienestar {
text-align: center;
font-size: 2rem;
color: var(--lemon-tea);
margin-bottom: 2rem;
font-weight: 700;
} .intro-bienestar p {
color: var(--pewter);
font-size: 1.15rem;
line-height: 1.8;
margin-bottom: 1rem;
text-align: center;
} .bloques-bienestar {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1.5rem;
margin-top: 2rem;
}
.bloque {
background-color: var(--line);
border-left: 5px solid var(--lemon-tea);
border-radius: 12px;
padding: 1.5rem;
color: var(--pewter);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.bloque:hover {
transform: translateY(-4px);
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
} .bloque h2 {
color: var(--lemon-tea);
font-size: 1.2rem;
margin-bottom: 0.75rem;
border-bottom: 2px solid var(--oyster);
padding-bottom: 0.3rem;
} .bloque ul {
margin: 0;
padding-left: 1.2rem;
}
.bloque li {
margin-bottom: 0.5rem;
line-height: 1.6;
} @media (max-width: 768px) {
.bloques-bienestar {
grid-template-columns: 1fr;
}
.titulo-bienestar {
font-size: 1.7rem;
}
.intro-bienestar p {
font-size: 1.05rem;
}
} .bloque-reserva-amelia {
--pewter: #867666;
--lemon-tea: #E1B80D;
--oyster: #D5C3AA;
--line: #EAE2D6;
max-width: 900px;
margin: 3rem auto;
padding: 2.5rem;
background-color: var(--line);
border-left: 6px solid var(--lemon-tea);
border-radius: 16px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
text-align: center;
}
.bloque-reserva-amelia h2 {
font-size: 2rem;
color: var(--lemon-tea);
margin-bottom: 1rem;
font-weight: 700;
}
.bloque-reserva-amelia p {
color: var(--pewter);
font-size: 1.15rem;
line-height: 1.8;
margin-bottom: 1.5rem;
}
.btn-reserva {
display: inline-block;
background-color: var(--lemon-tea);
color: #fff;
font-weight: 600;
padding: 0.9rem 2rem;
border-radius: 8px;
text-decoration: none;
font-size: 1.1rem;
transition: all 0.3s ease;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.btn-reserva:hover {
background-color: var(--pewter);
transform: translateY(-3px);
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}
.nota-seguridad {
font-size: 0.9rem;
color: var(--pewter);
margin-top: 1rem;
font-style: italic;
} @media (max-width: 768px) {
.bloque-reserva-amelia {
padding: 1.5rem;
}
.bloque-reserva-amelia h2 {
font-size: 1.6rem;
}
.bloque-reserva-amelia p {
font-size: 1rem;
}
.btn-reserva {
font-size: 1rem;
padding: 0.8rem 1.6rem;
}
} .agenda-page {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
font-family: "Open Sans", Arial, sans-serif;
line-height: 1.6;
}
.agenda-page h1, 
.agenda-page h2 {
text-align: center;
color: #333;
margin-bottom: 15px;
}
.agenda-intro {
background: #f9f9f9;
border-radius: 10px;
padding: 20px;
margin-bottom: 30px;
text-align: justify;
} .link-box {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
margin-top: 15px;
}
.link-box a {
background: #a26fc4;
color: #fff !important;
text-decoration: none;
padding: 10px 20px;
border-radius: 30px;
font-weight: bold;
transition: 0.3s;
}
.link-box a:hover {
background: #844fa6;
} .agenda-section {
background: #ffffff;
border: 1px solid #ddd;
border-radius: 12px;
margin-bottom: 25px;
padding: 15px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.agenda-frame {
width: 100%;
height: 600px;
border: 0;
border-radius: 8px;
} figure {
text-align: center;
margin: 30px 0;
}
figure img {
max-width: 100%;
height: auto;
border-radius: 10px;
} @media (max-width: 768px) {
.agenda-page {
padding: 10px;
}
.agenda-frame {
height: 450px;
}
.link-box a {
width: 100%;
text-align: center;
}
.agenda-intro {
padding: 15px;
font-size: 0.95rem;
}
h1, h2 {
font-size: 1.1rem;
}
} .contact-gogoa {
--pewter: #867666;
--lemon-tea: #E1B80D;
--oyster: #D5C3AA;
--line: #F6F1E7;
max-width: 1200px;
margin: 3rem auto;
padding: 2rem;
background-color: var(--line);
border-radius: 16px;
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
color: var(--pewter);
font-family: "Arial", sans-serif;
box-sizing: border-box;
}
.contact-gogoa * {
box-sizing: inherit;
}
.contact-gogoa h2 {
text-align: center;
color: var(--lemon-tea);
font-weight: 700;
font-size: 2rem;
margin-bottom: 1rem;
}
.contact-gogoa .intro {
text-align: center;
font-size: 1.1rem;
max-width: 800px;
margin: 0 auto 2.5rem;
line-height: 1.8;
color: var(--pewter);
} .cards-contact {
display: grid !important;
grid-template-columns: 1fr;
gap: 2rem;
justify-items: center;
align-items: start;
width: 100%;
margin: 0 auto 3rem;
box-sizing: border-box;
} .card {
width: 100%;
max-width: 550px;
display: flex;
flex-direction: column;
background-color: var(--oyster, #d5c3aa);
border-radius: 12px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover {
transform: translateY(-4px);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
} .map-container {
width: 100%;
height: 250px;
overflow: hidden;
border-bottom: 3px solid rgba(0, 0, 0, 0.05);
}
.map-container iframe {
width: 100%;
height: 100%;
border: 0;
display: block;
} .card-info {
padding: 1.2rem 1.5rem;
text-align: left;
}
.card-info h3 {
margin-bottom: 0.6rem;
font-size: 1.2rem;
color: var(--pewter);
}
.card-info p {
margin: 0.4rem 0;
font-size: 1rem;
line-height: 1.5;
}
.card-info a {
color: var(--lemon-tea);
text-decoration: none;
font-weight: 600;
}
.card-info a:hover {
text-decoration: underline;
} .cta {
text-align: center;
margin-top: 2rem;
margin-bottom: 2rem;
line-height: 1.7;
}
.formulario-contacto {
background-color: #fff;
padding: 2rem;
border-radius: 12px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
max-width: 900px;
margin: 0 auto;
}
.formulario-contacto p {
color: var(--pewter);
text-align: center;
margin-bottom: 1.5rem;
} @media (min-width: 1025px) {
.cards-contact {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.cards-contact {
grid-template-columns: 1fr;
}
.map-container {
height: 220px;
}
.card-info {
text-align: center;
}
.card {
max-width: 100%;
}
}
@media (min-width: 900px) {
.cards-contact {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
grid-auto-rows: auto;
gap: 2rem;
max-width: 1100px;
margin: 0 auto 4rem;
align-items: start;
justify-items: stretch;
}
.cards-contact .card {
width: 100% !important;
max-width: none !important;
height: 100%;
}
.cards-contact .map-container iframe {
width: 100%;
height: 250px;
}
} @media (max-width: 899px) {
.cards-contact {
grid-template-columns: 1fr !important;
gap: 1.5rem;
}
.cards-contact .card {
width: 100% !important;
}
} section .contact-gogoa {
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 2rem 1rem !important;
} section .centrado,
section .grupo,
section .el_formulario { width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important; box-sizing: border-box;
} section {
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden;
} .contact-gogoa .cards-contact > p {
display: none !important;
margin: 0 !important;
padding: 0 !important;
} .contact-gogoa .cards-contact {
display: grid !important;
gap: 2rem;
width: 100%;
max-width: 1100px;
margin: 0 auto 3rem;
justify-items: stretch;
align-items: start;
grid-auto-flow: row;
grid-auto-rows: auto;
} @media (max-width: 899px) {
.contact-gogoa .cards-contact { grid-template-columns: 1fr !important; }
.contact-gogoa .card { max-width: 100% !important; }
} @media (min-width: 900px) {
.contact-gogoa .cards-contact {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
} .contact-gogoa .cards-contact .card {
grid-column: auto !important;
width: 100% !important;
max-width: none !important;
height: 100%;
}
} .contact-gogoa .card {
display: flex;
flex-direction: column;
background: var(--oyster, #d5c3aa);
border-radius: 12px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0,0,0,.08);
}
.contact-gogoa .map-container { width:100%; height:250px; }
.contact-gogoa .map-container iframe { width:100%; height:100%; border:0; display:block; }
@media (max-width: 768px){
main{
width:100%  !important;
max-width:none  !important;
margin:0  !important;
padding:0  !important;
}
.hero{
width:100vw !important;
max-width:100vw  !important;
margin-left:calc(50% - 50vw)  !important;
margin-right:calc(50% - 50vw)  !important;
}
}
body.home main > h1 {
margin-top: 0;
margin-bottom: -5rem;
padding-top: 1.5rem;
text-align: center;
}
@media (max-width: 768px) {
body.home main > h1 {
margin-top: 3rem;
padding-top: 1rem;
font-size: 2rem;
line-height: 1.15;
}
}
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&display=swap"); .pos-bottom-left .hero__content{
position:absolute;
left:clamp(22px,5vw,80px) !important;
top:45% !important;
bottom:auto !important;
max-width:700px !important;
display:flex;
justify-content:flex-start !important;
align-items:flex-start !important;
text-align:left !important;
z-index:2;
}
.hero__content p{
margin:0 !important;
font-family:'Cormorant Garamond', serif;
font-size:2rem !important;
line-height:1.3 !important;
font-weight:600;
color:#fff;
text-align:left !important;
max-width:700px !important;
text-shadow:0 2px 10px rgba(0,0,0,.35);
} @media (max-width:768px){
.pos-bottom-left .hero__content{
left:0.1rem !important;
right:auto !important;
top:45% !important;
width:85% !important;
max-width:85% !important;
}
.hero__content p{
margin:0 !important;
font-family:Georgia,"Times New Roman",serif;
font-size:1rem !important;
line-height:1.35 !important;
font-weight:600;
text-align:left !important;
}
}
.reserva-intermedia,
.reserva-intermedia__wrap{
background:none !important;
background-color:transparent !important;
box-shadow:none !important;
border:none !important;
}