/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme. Es utilizado para general la web www.centroyogayvida.com
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*
COLORES CORPORATIVOS
    * Principal o base: #55bacc (Azul del logo)
    * Base - 2: 
    * Base - 3: 
    * Contraste: #
    * Contraste - 2: #
    * Contraste - 3: #
    * Accent: #bfcf26 (Verde del Logo)
*/

/*
===================
    GENERAL STYLES
 =====================   
*/
.fill {
    object-fit: fill;
}
.cover {
    object-fit: cover;

}

/* Tipography */
body {
    font-family: 'Alegreya';
}
h1 {
    text-align: center;
}
.site-header .header-image {
    max-height: 100px;
    max-width: 100px;
}
.site-content#content{
    padding: 0 40px;
}
p {
    line-height: 2rem;
    font-size: 1.3rem;
    text-align: justify;
    hyphens: auto;
}
.grid-servicios .servicio-item p {
    text-indent: 0;    
}
.featured-image.page-header-image {
    display: none;
}

/*===================
    BLOQUES
 ====================   
*/
/* Imagen de acción: Fondo img, Título, frase y botón de acción*/
.action-img>div:first-child {
    padding-top: 0;
}
.action-img .wrap-btn-description>div:first-child {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding-left: 0;
}
.bg-action-img {
    padding: 0 40px 0 80px;
}
.bg-action-img .title-action-img{
    width: fit-content;
    color: #000;
    background-color: rgba(191, 207, 37, 0.7);
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 6rem;
    padding: 0 15px;
    border-radius: 6px;
    box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.1);;
}
.bg-action-img .description-action-img{
    width: fit-content;
    color: #000;
    font-size: 2rem !important;
    line-height: 2.8rem;
    letter-spacing: 0.08rem;
    text-align: left;    
}

.bg-action-img .btn-action-img {
    margin-left: auto;
    margin-right: auto;
}
.bg-action-img .btn-action-img .link-action-img{
    width: fit-content;
    font-size: 1.6rem;
    font-weight: 600;
    text-wrap: nowrap;
}
/* Imagen acción: HOME*/
.action-img-home .title-action-img{
    margin-top: 3rem;
    margin-bottom: 2rem;  
}
.action-img-home .wrap-btn-description>div:first-child {
    padding-left: 14rem;
}
.action-img-home .description-action-img{
    margin-top: 1rem;
    margin-bottom: 8rem;
}


/* Imagen acción: ECM*/
.action-img-ecm .title-action-img{
    margin-top: 3rem;
    margin-bottom: 0;
}
.action-img-ecm .wrap-btn-description>div:first-child {
    padding-left: 14rem;
}
.action-img-ecm .description-action-img{
    margin-top: 1rem;
    margin-bottom: 8rem;
}
.img-adicional-ecm {
    width: 75%;
    margin: 80px auto;
    height: auto;
}
/* Imagen acción: Yoga integral*/
.action-img-yi .btn-action-img,
.action-img-mf .btn-action-img{
    justify-content: flex-end;
    margin: 0;
}
.action-img-yi .wrap-btn-description>div:first-child,
.action-img-mf .wrap-btn-description>div:first-child{
    align-items: flex-end;
}

/* Imagen acción: Mindfulness*/
.action-img-mf .title-action-img{
    align-self: flex-start;
    margin-left: -160px;
    margin-bottom: 100px;
}
.action-img-mf .description-action-img{
    color:#fff;
}

/* Imagen acción: talleres */
.action-img-talleres {
    margin-top: 20px;
}
.action-img-talleres .bg-action-img {
    min-height: 460px;
    border-radius: 5px;
}

/* WIDGET AREA*/
.widget-area .widget {
    padding: 20px;
}
/*===================
    HEADER
 ====================   
*/
header .inside-header {
    padding: 5px 70px;
}
.header-image{
    max-height: 125px;
    max-width: 125px;
}

/* Menú principal */
nav.main-navigation {
    background-color: transparent;
}
#menu-principal li a {
    font-size: 1.4rem;
    width: max-content;
}
#menu-principal li>ul {
    border-radius: 5px;
    width: auto;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
#menu-principal li>ul a:hover {
    color: white;
}

/*================================
        HOME PAGE
==================================*/

/*Formato Grid SErvicios home*/
.grid-servicios .wp-block-group__inner-container{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 20px 20px;
    padding: 20px 40px;
    margin: 10px auto 100px auto;

}

.grid-servicios .wp-block-group__inner-container div {
    background-color: transparent;
    padding: 15px;
    border-radius: 8px;
    text-align: center;
	border: 1px solid #666;
	box-shadow: 5px 5px 8px rgba(0,0,0,0,4);
}

.grid-servicios .servicio-item h3 {
    font-weight: 600;
}
.grid-servicios .servicio-item h3 a {
    text-decoration: none;
    color: #222;
}
.grid-servicios .servicio-item img {
    max-width: 200px;
}

/* Home Gallery */

.grupo-galeria div:first-child{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 20px;
}
.grupo-galeria.grupo-galeria-doscol div:first-child{
    grid-template-columns: 1fr 1fr;
}


.grupo-galeria div figure img{
    border-radius: 8px;
}
/*================================
        CONOCENOS
==================================*/
.contenedor-staffs .staff-card {
    border-bottom: 4px solid #55bacc;
    margin-bottom: 80px;
}
.contenedor-staffs .staff-card>div {
    padding: 0px 40px;
}
.contenedor-staffs .staff-card:nth-child(odd){
    border-left: 10px solid #55bacc;
    border-radius: 20px 20px 0 20px;
}
.contenedor-staffs .staff-card:nth-child(even){
    border-right: 10px solid #55bacc;
    border-radius: 20px 20px 20px 0px;
}
.contenedor-staffs .staff-card:nth-child(odd)>div:first-child{
    display: grid;
    grid-template-columns: 25% 75%;
    grid-template-rows: auto;
    grid-template-areas:    "staff-img staff-name"
                            "staff-img staff-text";
}
.contenedor-staffs .staff-card:nth-child(even)>div:first-child{
    display: grid;
    grid-template-columns: 75% 25%;
    grid-template-rows: auto;
    grid-template-areas:    "staff-name staff-img"
                            "staff-text staff-img";
}
.contenedor-staffs .staff-card .img-staff {
    grid-area: staff-img;
    margin-bottom: 10px;
}
.contenedor-staffs .staff-card .name-staff {
    grid-area: staff-name;
    text-align: center;
}
.contenedor-staffs .staff-card .text-staff {
    grid-area: staff-text;
}
/* Acordeon: Toggle Content*/
.bloque-acordeon {
    width: 100%;
    padding: 0;
    margin: 20px 0 0;
}
.bloque-acordeon>div:first-child {
    width: 100%;
    padding: 0;
    margin: 0;
}

.contenedor-acordeon {
    width: 100%;
}

.pestana-acordeon {
    border: 1px solid #ccc;
    margin-bottom: 10px;
}
.conoce-mas .boton-toggle {
    display: flex;
    width: fit-content;
    align-items: center;
    margin: auto;
    padding: 10px;
    cursor: pointer;
    border-radius: 20px;
    background-color: #bfcf25 !important; 
    font-size: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    text-indent: 0;
}

.conoce-mas .boton-toggle svg{
    margin-left: 10px;
}
.flip {
    -moz-transition: transform 2s;
    -webkit-transition: transform 2s;
    transition: transform 2s;
    transform: rotate(90deg);
}
.oculta-contenido {
    display: none;
    padding: 10px;
}
.muestra-contenido {
    display: flex;

}

.contenedor-staffs .staff-card .text-staff p {
    margin-bottom: 0;
}
.contenedor-staffs .staff-card .text-staff>div {
    padding-top: 10px
}
.staff-card figure {
    width: 100%;
}
.staff-card figure img {
    border-radius: 50%;
}

/*================================
        CLASES SEMANALES
==================================*/

.container-clases {
    margin-top: 10px;
    padding: 0 40px;
}

.container-clases>div:first-child{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 40px;
    padding-top: 0;
}

.container-clases .clase-card {
    display: flex;
    justify-content: space-between;
    background-color: #55bacc;
    margin-block-start: 0;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.4);
}
.container-clases .clase-card>div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0;
    background-color: #55bacc;
    height: auto;
}

.container-clases .clase-card>div .titulo-clase {
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Alegreya';
    color: white;
    margin-bottom: 10px;
}
.container-clases .clase-card>div .titulo-clase a{
    text-decoration: none;
    color: white;
    
}

.container-clases .clase-card .imagen-clase>img{
    width: 100%;
    max-height: 220px;
    border-radius: 8px;
    margin-bottom: 10px;
}

/* Template Detalle Clase y Portada de Inicio*/
.template-detalle-clase .contenedor-img-action {
    width: 100%;
    height: 100%;
}
.template-detalle-clase .contenedor-img-action>div {
    padding: 0;
}
.template-detalle-clase .contenedor-img-action>div .title-action-img{
    font-size: 3.2rem;
    font-weight: 600;
    margin-top: 100px;
    margin-bottom: 100px;
}

.template-detalle-clase .contenedor-img-action>div a{
    font-size: 1.6rem;
    font-weight: 600;
}

.template-detalle-clase .descripcion-clase {
    padding: 40px 80px;
}
.template-detalle-clase .descripcion-clase>div:first-child {
    padding: 40px 0;
}
.template-detalle-clase .descripcion-clase p,
.template-detalle-clase .descripcion-clase li {
    line-height: 2.4rem;
    font-size: 1.3rem;
    letter-spacing: 0.1rem;
    text-align: justify;
}

/*================================
        TALLERES Y RETIROS
==================================*/

/* Template Acontecimientos */
.single-post .entry-content {
    margin: 40PX;
    
}
.patron-acontecimientos .wp-block-group__inner-container {
    padding: 10px !important;
}
/* Estructura patrón acontecimientos */
.patron-acontecimientos>div:first-child {
    display: grid;
    width: 100%;
    grid-template-columns: 1.30fr 0.70fr;
    grid-template-rows: auto;
    gap: 10px 100px;
    padding: 0;
}

/* Imagen acontecimientos */
.img-acontecimiento img {
    border-radius: 3px;
}

/* Fechas de Acontecimientos*/
.grupo-fechas-acontecimientos {
    display:block;
    width: 100%;
}

.item-acontecimiento {
    display: flex;
    margin-bottom: 12px;
    border-radius: 5px;
    border: 2px solid #55bacc
}
.item-acontecimiento h3{
    font-size: 1.5rem;
}
.item-acontecimiento:nth-child(2){
    border: 2px solid #bfcf25
}
.item-acontecimiento:nth-child(2) .fecha-acontecimiento{
    background-color: #bfcf25;
}

.item-acontecimiento .fecha-acontecimiento {
    width: 30%;
    background-color: #55bacc;
    padding: 8px;
}
.item-acontecimiento .fecha-acontecimiento>div:first-child {
    box-sizing: border-box;
}
.item-acontecimiento .fecha-acontecimiento  p {
    color: #3f4047;
    text-indent: 0;
    text-align: center;
    margin: 0 auto 0;
    font-size: 1.3rem;
    font-weight: 600;
}
.item-acontecimiento .fecha-acontecimiento>div>p:first-child {
    color: #fff;
}
.item-acontecimiento .fecha-acontecimiento>div>p:last-child {
    font-size: 1rem;
}

/* Información y Reservas */
.info-reserva-taller {
    margin-bottom: 40px;
    border: 2px solid #55bacc;
    border-radius: 5px;
}

.info-reserva-taller p {
    font-size: 1.5rem;
    text-indent: 0;
    text-align: center;
    margin-bottom: 1rem;
}
.info-reserva-taller ul {
    list-style-type: none;
}
.info-reserva-taller ul li {
    font-size: 1.4rem;
    margin-bottom: 10px;
}

.info-reserva-taller ul li svg {
    margin-right: 10px;
    color: #55bacc;
}



/* Galería de Acontecimientos */
.imagenes-acontecimientos {
    grid-column: 1/3;
}



/*================================
        HORARIOS
==================================*/

/* Horarios especiales Julio */
.horario-julio figure img {
	box-shadow: 10px 8px 8px rgba(0,0,0,0.5);
	border-radius: 8px;
}

.page-template-horarios .site-content#content {
    padding: 20px;
}
.page-template-horarios p {
    text-indent: 0;
}
.grupo-horarios>div:first-child {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 20px;
    padding-top: 0 10px;
}

.horarios-eventos {
    width: 100%;
    padding: 10px;
    border-radius: 12px;
    border: 1px solid #55bacc;
    border-top: 5px solid #55bacc;
    margin-top: 20px
}
.horario-uno {
    border-left: 5px solid #55bacc;
}
.horario-dos {
    border-right: 5px solid #55bacc;
}
.horarios-eventos>div {
    width: 100%;
}
.mptt-shortcode-wrapper.mptt-table-fixed .mptt-shortcode-table {
    table-layout: fixed;
}
.horarios-eventos .mptt-navigation-tabs {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.horarios-eventos .mptt-navigation-tabs li{
    background-color: #bfcf25;
    padding: 4px 20px;
    border-radius: 20px;
}
.horarios-eventos .mptt-navigation-tabs li a{
    text-decoration: none;
}

.horarios-eventos .event,
.horarios-eventos .event>div{
    border-radius: 12px;
}
.horarios-eventos .mptt-event-container .event-title{
    font-size: 1.1rem;
    font-weight: 600;
}
.horarios-eventos .mptt-event-container p{
    text-align: center;
    font-size: 1rem;
    font-weight: 500;
    line-height: 2rem;
    
}

.template-detalle-clase .horarios-eventos {
    width: 80%;
    margin: 40px auto;
}
.template-detalle-clase .horarios-eventos .event-title {
    font-size: 2rem;
}

/*================================
        BLOG
==================================*/
article.post .post-image img {
    border-radius: 4px;
}
/*  INDEX PAGE */
.one-container.right-sidebar .site-main{
    margin: auto;
}
/* Encabezado del Blog */
.site-content .content-area {
    width: 100% !important;
}
.blog-header {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
.blog-header .bg-img-completo{
    width: 100%;
    height: 300px;
    background-image: url("assets/images/5_arboles_uno.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.blog-header h2{
    font-size: 4rem;
    text-align: center;
    margin-bottom: 0;
}
.blog-header p{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    font-size: 2.5rem;
    text-align: center;
    text-wrap-mode: wrap;
    hyphens: none;
}
.blog-cyyv {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 90%;
}

/* Asides del Blog*/
.is-right-sidebar{
    width: 90% !important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}
.inside-right-sidebar {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.inside-right-sidebar aside.widget {
    padding: 20px 5px;
}
.inside-right-sidebar aside select{
    font-size: 1rem;
    border-radius: 4px;
    background-color: #55bacc;
    border: 1px solid #4094a3;
}
.inside-right-sidebar aside h4 {
    font-size: 1.3rem;
    line-height: 2.5rem;
}
.inside-right-sidebar aside.widget_search {
    width: 60%;
}
/* Artículos del Blog*/
.blog-cyyv article {
    width: 45%;
}
.blog-cyyv article .inside-article .entry-header{
    margin-top: 10px;
}
.blog-cyyv article .inside-article .entry-header h2{
    font-size: 1.8rem;
    font-weight: 600;
    text-align: center;
}
.blog-cyyv article .inside-article .entry-summary{
    margin-top: 0;
}
.is-right-sidebar .inside-right-sidebar .widget_tag_cloud p{
    width: fit-content;
    padding: 4px 8px;
}
.is-right-sidebar .inside-right-sidebar .widget_tag_cloud p a{
    font-size: 1.6rem !important;
    text-decoration-line: none;
    color: black;
    background-color: #55bacc;
	margin: 4px;
	padding: 3px 8px;
	border-radius: 18px;
}
.is-right-sidebar .inside-right-sidebar .widget_tag_cloud p a:hover{
    color: white;
}
/*  SINGLE POST */
.entry-meta { display: none }
.single-cyyv .inside-article .featured-image img {
    display: none !important;
}
/* ARCHIVE */
.header-archive-cyyv {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
}
.header-archive-cyyv h1{
    margin-bottom: 0;
    line-height: 2em;
}
.archive .header-archive-cyyv .is-right-sidebar{
    width: 35% !important;
    margin-bottom: 25px;
    margin: 0;
}
.archive .header-archive-cyyv .is-right-sidebar aside {
    margin-bottom: 0;
}
.archive #main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    width: 90%;
}
.archive #main article {
    float: left;
    width: 45%;
    margin: 40px auto;
}
/*================================
        CONTACTO
==================================*/
.template-contacto .entry-content {
    display: grid;
    grid-template-columns: 1fr 1fr ;
    grid-template-rows: auto;
    grid-template-areas:    "formulario contacto"
                            "mapa mapa";
    gap: 40px
}
.template-contacto .contenedores-contacto>div {
    padding: 20px 40px 0;
}
.template-contacto .contenedores-contacto h2{
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 10px;
}
.template-contacto .entry-content .grupo-formulario{
    grid-area: formulario;
}
.grupo-formulario .contact-container {
    padding: 0 60px;
    justify-content: space-evenly;
}
.grupo-formulario .contact-container>div {
    padding: 20px 40px;
}
.grupo-formulario>div .formulario-info form p{
    margin-bottom: 0.5em;
    line-height: 2rem;
}
.grupo-formulario>div .formulario-info form input{
    font-size: 1rem;
    
}
.template-contacto .entry-content .grupo-formulario form p:has(span[data-name="mensaje"]){
    margin-bottom: 0;
}
.grupo-formulario>div .formulario-info form #textarea-form {
    height: 120px;
}
.grupo-formulario>div .formulario-info form input, 
.grupo-formulario>div .formulario-info form #textarea-form {
    background-color: rgba(85, 186, 204, 0.7);
    border-radius: 8px;
}
.grupo-formulario>div .formulario-info form input:focus, 
.grupo-formulario>div .formulario-info form #textarea-form:focus{
    background-color: rgba(191, 207, 37, 0.7);
}
.grupo-formulario>div .formulario-info form input[type=submit]{
    background-color: #bfcf25;
}
.grupo-formulario>div .formulario-info form input[type=submit]:hover{
    background-color: #3f4047;    
}
.template-contacto .entry-content .grupo-formulario form span[data-name="privacidad"]{
    font-size: 1rem;
}
/* Teléfono y dirección */
.template-contacto .entry-content .grupo-contacto {
    grid-area: contacto;
    padding-left: 60px;
}
.template-contacto .entry-content .grupo-contacto .email-phone{
    margin-bottom: 20px;
}
.template-contacto .entry-content .grupo-contacto .iconos-redes-sociales {
    margin: 0;
    padding-bottom: 24px;
}
.template-contacto .entry-content .grupo-contacto .email-phone p {
    padding-bottom: 24px;
    color: #3f4047;
    margin-bottom: 5px;
    text-indent: 0;
}
.template-contacto .entry-content .grupo-contacto .email-phone p:has(svg[data-icon="location-dot"]){
    padding-bottom: 0;
}
.template-contacto .entry-content .grupo-contacto .email-phone p:last-child {
    padding-left: 30px;
}

.template-contacto .entry-content .grupo-contacto p svg {
    font-size: 1.8rem;
    color: #bfcf25;
    margin-right: 10px;
}

/* Redes sociales */
.template-contacto .entry-content .iconos-redes-sociales svg {
    font-size: 2rem;
}

/* Localización mapa */
.template-contacto .entry-content .grupo-localizacion {
    grid-area: mapa;
    margin:auto;
}




.mapa-localizacion p{
    margin: 0
}

.mapa-localizacion iframe {
    margin-top: 20px
}


/*================================
        POLÍTICA DE PRIVACIDAD
==================================*/
.politica-privacidad h2{
    font-size: 1.2rem;
    margin: 5px 0;
}
.politica-privacidad h3{
    font-size: 1.1rem;
    margin: 5px 0;
}
.politica-privacidad p{
    font-size: 1rem;
    line-height: 1.1rem;
}

/*================================
        FOOTER SITE
==================================*/
.site-footer {
    background-color: #55bacc;
    margin-top: 80px;
}
.site-footer .footer-widgets-container .inside-footer-widgets{
    flex-wrap: wrap;
}

.footer-widgets-container h2 {
    font-size: 1.6rem;
    font-weight: 600;
    color: white;
}
.footer-widgets-container p,
.footer-widgets-container li {
    margin: 10px 0;
}

.footer-widget-1
.footer-widget-2,
.footer-widget-3 {
    display: flex;
    flex-direction: column;
}

.footer-widget-2 p,
.footer-widget-1 li {
    font-size: 1.4rem;
}

.footer-widget-1 li svg{
    margin-right: 10px;
    color: #bfcf25;
}
.site-footer .footer-widgets-container .inside-footer-widgets {
    margin-left: 0;
    justify-content: space-evenly;
    padding: 0 50px;
}
/*====================================
    PATRONES
========================================*/
.h2-imagen-post-group {
    float: left;
    width: auto;
    height: auto;
    border: 5px solid #5B1929;
    border-radius: 8px;
    margin-right: 30px;
}




.h2-imagen-post-group img{
    width: 100%;
    height: 70vh;
}



/*====================================
    ADAPTACIONES @MEDIA
========================================*/
@media (max-width: 1367px){

    .action-img .bg-action-img {
        min-height: 560px !important;
    }
    .action-img-home .wrap-btn-description>div:first-child {
        padding-left: 3rem;
    }
}
@media (max-width: 1178px){
    /* Imagen Acción ECM */
    .action-img .title-action-img{
        font-size: 2.6em;
        line-height: 4rem;
    }
    /* @Media Horarios*/
    .grupo-horarios>div:first-child{
        gap: 10px;
        padding: 0;
    }
    .template-horarios .entry-content .horarios-eventos .mptt-navigation-tabs li{
        margin-bottom: 8px;
    }
    .template-contacto .entry-content {
        gap: 20px
    }
}
@media (max-width: 1144px){
    /* Imagen acción: HOME*/
    .bg-action-img{
        min-height: 600px !important;
        padding-left: 60px;
    }
    .action-img .title-action-img{
        line-height: 5rem;
        margin-top: 2rem;
    }
    .action-img-home .wrap-btn-description>div:first-child {
        padding-left: 6.5rem;
    }
    .action-img-home .description-action-img{
        margin-top: 0;
        margin-bottom: 5rem;
    }
    .action-img .btn-action-img .link-action-img {
        font-size: 1.2rem;
    }
    /* Imagen Acción: ECM */
    
    .action-img .title-action-img {
        font-size: 2.2em;
    }
    .action-img-ecm .wrap-btn-descripcion>div:first-child {
        padding-left: 20px;
    }
    .action-img .description-action-img {
        font-size: 1.8rem !important;
    }
    .action-img-ecm .description-action-img {
        margin-bottom: 3rem;
    }
    .action-img .btn-action-img .link-action-img {
        font-size: 1.4rem;
    }
    /* Imagen acción: Yoga Integral*/
    .action-img-yi .wrap-btn-description>div:first-child {
        padding: 40px 20px 40px;
    }
    /* Imagen acción: Mindfulness */
    .action-img-mf .title-action-img {
        margin-bottom: 50px;
    }
    /* Clases y Talleres */
    .container-clases {
        padding: 0;
    }
}
@media (max-width: 1087px){
    .container-clases {
        padding: 0;
    }

    /* @Media Horario */
    .grupo-horarios>div:first-child{
        gap: 10px;
        padding: 0;
    }
    .template-horarios .entry-content .horarios-eventos .mptt-navigation-tabs li {
        margin: 4px;
    }
    .template-horarios .entry-content .horarios-eventos .mptt-event-container .event-title {
        font-size: 1rem;
    }
    .template-horarios .entry-content .horarios-eventos .mptt-event-container p {
        font-size: 0.8rem;
        line-height: 1rem;
    }
    /* Contacto */
    .template-contacto .entry-content{
        gap:10px;
    }
    .template-contacto .entry-content .grupo-contacto {
        padding-left: 0px;
    }
    /* BLOG */
}

@media (max-width: 951px){

    #menu-principal li a {
        font-size: 1.2rem;
        padding-left: 12px;
        padding-right: 12px;
    }
    /* @Media Bloque imagen accion*/
    /* Imagen acción General */

    .action-img .bg-action-img{
        min-height: 460px !important;
        padding-left: 40px;
    }
    .action-img .title-action-img{
        font-size: 2rem;
    }
    .action-img .description-action-img {
        font-size: 1.5rem !important;
    }
    .action-img-home .title-action-img{
        line-height: 4rem;
        margin-top: 2rem;
        margin-bottom: 1rem;
    }
    .action-img-home .wrap-btn-description>div:first-child {
        padding-left: 4rem;
    }
    /* Imagen Acción ECM */
    .action-img-ecm .bg-action-img {
        min-height: 440px !important;
    }
    .action-img-ecm .title-action-img {
        line-height: 3.5rem;
    }
    .action-img-ecm .wrap-btn-descripcion>div:first-child {
        padding-left: 0px;
    }
    /* Imagen Acción Mindfulness */    
    .action-img-mf .wrap-btn-description>div:first-child {
        padding-top: 20px;
    }
    .action-img-mf .title-action-img {
        margin-bottom: 30px;
    }
    /* @Meddia CONTACTO */
    .template-contacto .contenedores-contacto>div{
        padding: 20px 20px;
    }
	/* @Meddia BLOG */
	.single-post .entry-content {
		margin: 40px 0px;
	}
}
@media (max-width: 851px){
    /* @Media Header */
    header .inside-header{
        padding: 5px 40px;
    }
    .header-image {
        max-height: 100px;
        max-width: 100px;
    }
    /* @Media footer */
    .site-footer .footer-widgets-container .inside-footer-widgets{
        padding: 0;
    }
    .grid-servicios .wp-block-group__inner-container{
        grid-template-columns: 1fr 1fr;
        padding: 20px 40px;
    }

    /* @Media Home */
    .action-img .bg-action-img {
        min-height: 430px !important;
        padding: 0 40px;
    }
    /* Imagen acción HOME */
    .action-img-home .title-action-img{
        line-height: 4rem;
    }
    .action-img-home .wrap-btn-description>div:first-child {
        padding-left: 2rem;
    }
    .action-img-home .description-action-img{
        font-size: 1.8rem !important;
    }
    .action-img-home .btn-action-img .link-action-img{
        font-size: 1.4rem;
    }
    /* Imagen Acción ECM */
    .action-img-ecm .bg-action-img{
        min-height: 430px !important;
    }
    .action-img-ecm .title-action-img {
        font-size: 1.8rem;
    }

    /* @Media Concenos*/
    .contenedor-staffs .staff-card:nth-child(odd)>div:first-child{
        grid-template-columns: 0.5fr 1.5fr;
        grid-template-areas:    "staff-img staff-name"
                                "staff-text staff-text";
        align-items: end;
    }
    .contenedor-staffs .staff-card:nth-child(even)>div:first-child{
        grid-template-columns: 1.5fr 0.5fr;
        grid-template-areas:    "staff-name staff-img"
                                "staff-text staff-text";
        align-items: end;
    }
    .contenedor-staffs .staff-card:nth-child(odd) .name-staff {
        text-align: left;
        margin-left: 30px;
    }
    .contenedor-staffs .staff-card:nth-child(even) .name-staff {
        text-align: right;
        margin-right: 30px;
    }

    /* @Media Template Clases*/
    .template-detalle-clase .descripcion-clase {
        padding: 40px 40px;
    }

    /* @Media Horarios */
    .grupo-horarios>div:first-child {
        grid-template-columns: 1fr;
        padding: 0 20px;
    }

    .template-contacto .contenedores-contacto>div{
        padding: 15px 20px;
    }

    /* @Media Talleres */
    .patron-acontecimientos>div:first-child{
        grid-template-columns: 1fr;
    }
    .imagenes-acontecimientos {
        grid-column: auto;
    }
    /* @Media Contacto*/
    .template-contacto .entry-content .grupo-contacto .email-phone p {
        font-size: 1.1rem;
    }
    .template-contacto .entry-content .grupo-contacto .email-phone svg {
        font-size: 1.4rem;
    }
}
@media (max-width: 768px){
    /* @Media General */
    .site-main .wp-block-group__inner-container {
        padding: 20px;
    }
    /* @Media Header */
    .header-image{
        max-width: 100px;
    }
    .main-navigation #menu-principal {
        background-color: #55bacc;
        border-radius: 8px;
    }

    /* @Media footer */
    .site-footer .footer-widgets .footer-widgets-container .inside-footer-widgets{
        padding-left: 0;
        flex-direction: column;
    }
    .footer-widgets-container h2 {
        text-wrap: nowrap;
    }
    .action-img .bg-action-img {
        min-height: 400px !important;
    }
    .action-img .title-action-img{
        font-size: 1.8rem !important;
        line-height: 3rem;
    }
    .action-img .description-action-img {
        font-size: 1.3rem !important;
    }
    .action-img .btn-action-img .link-action-img{
        font-size: 1.2rem;
    }
    /* @Imagen Acción Home */   
    .action-img-home .title-action-img{
        margin-top: 2rem;
        padding: 0 10px;
    }
    .action-img-home .wrap-btn-description>div:first-child{
        padding-left: 2rem;
    }
    .action-img-home .description-action-img {
        line-height: 1.5rem;
        margin-top: 0;
    }
    .action-img-home .btn-action-img .link-action-img{
        padding-left: 0;
    }

    /* Imagen Accción ECM */
    .action-img-ecm .title-action-img {
        font-size: 1.5rem;
        line-height: 3rem;
    }
    .action-img-ecm .description-action-img {
        font-size: 1.3rem !important;
        margin-bottom: 2rem;
    }
    .action-img-ecm .btn-action-img .link-action-img{
        font-size: 1.2rem;
    }
    /* Imagen Accción Yoga Integral */
    .action-img-yi .title-action-img {
        margin-top: 0;
    }
    .action-img-yi .wrap-btn-description>div:first-child{
        padding-top: 15px;
    }
    .action-img-yi .btn-action-img .link-action-img a {
        padding: 6px 12px;
    }
    /* Imagen Accción Mindfulness */
    .action-img-mf .btn-action-img {
        padding-right: 20px;
    }
    .action-img-mf .title-action-img {
        margin-left: 0;
    }
    
    .grid-servicios>.wp-block-group__inner-container:first-child{
        grid-template-columns: 1fr 1fr;
    }

    .grupo-galeria .wp-block-group__inner-container:first-child{
        grid-template-columns: 1fr 1fr;
    }
    /* @Media Conocenos */
    .contenedor-staffs .staff-card:nth-child(odd)>div:first-child{
        grid-template-columns: 30% 70%;
    }
    .contenedor-staffs .staff-card:nth-child(even)>div:first-child{
        grid-template-columns: 70% 30%;
    }
    .page-template-conocenos #content {
        padding: 20px;
    }
    .contenedor-staffs>div:first-child {
        padding: 10px;
    }
    /* @Media Clases*/
    .container-clases>div:first-child {
        padding: 0 10px;
    }
    .container-clases>.wp-block-group__inner-container:first-child{
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        padding: 0;
    }
    .descripcion-clase>.wp-block-group__inner-container {
        padding: 10px;
    }
    

    /* @Media Horarios*/
    .page-template-horarios .site-content {
        padding: 0 10px;
    }
    .template-horarios .grupo-horarios>div:first-child {
        grid-template-columns: 1fr;
        gap: 20px 0;
        padding: 0 10px;
    }
    .template-detalle-clase .horarios-eventos {
        width: 95%;
    }
	
    /* @media Contacto*/
    .template-contacto .entry-content{
        grid-template-areas:    "formulario"
                                "contacto"
                                "mapa";
        grid-template-columns: 1fr;
    }
    .template-contacto .entry-content .grupo-contacto .iconos-redes-sociales,
    .template-contacto .entry-content .grupo-contacto .email-phone{
        width: 70%;
        margin: auto;
    }
    .template-contacto .entry-content .grupo-contacto .email-phone p {
        font-size: 1.3rem;
    }
    .template-contacto .entry-content .grupo-contacto .email-phone svg {
        font-size: 1.8rem;
    }
    /* BLOG */ 
    .blog-cyyv article {
        width: 80%;
        margin: auto;
    }
    .blog-header h2 {
        font-size: 3rem;
    }
    .blog-header P {
        font-size: 2rem;
    }
}

@media (max-width: 721px){
    .action-img .title-action-img {
        font-size: 1.7rem !important;
    }
    .mptt-shortcode-wrapper .mptt-shortcode-table tr.mptt-shortcode-row th {
        font-size: 0.75rem;
        padding: 0.25rem 0rem;
    }
    .mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .timeslot {
        font-size: 0.8rem;
    }
}
@media (max-width: 687px){
    /* @Media Home */
    .action-img-home .bg-action-img {
        padding-left: 25px;
    }
    .action-img-home .title-action-img{
        font-size: 1.6rem;
        line-height: 3rem;
    }
    .action-img-home .btn-action-img .link-action-img{
        font-size: 1.2rem;
    }
    /* Imagen Acción ECM */
    .action-img-ecm .description-action-img {
        font-size: 1.1rem !important;
        margin-bottom: 1rem;
    }
    /* @Media Clases*/
    .container-clases .clase-card {
        margin-bottom: 40px;
    }
    .container-clases>.wp-block-group__inner-container:first-child{
        grid-template-columns: 1fr;
    }
}
@media (max-width: 610px){
    .action-img .bg-action-img {
        min-height: 330px !important;
    }
}

@media (max-width: 561px){
    /*site-conent*/
    .site-content#content {
        padding: 0 10px;
    }
    
    /* @Media footer*/
    .site-footer .footer-widgets .footer-widgets-container .inside-footer-widgets{
        padding: 0;
    }
    .site-footer .footer-widgets .footer-widgets-container .inside-footer-widgets aside li{
        font-size: 1.2rem ;
    }
    
    /* @Media home*/
   
    .action-img-home .title-action-img{
        font-size: 1.3rem !important;
        line-height: 2.6rem;
        margin-bottom: 0;
    }
    .action-img-home .description-action-img {
        font-size: 1.2rem !important;
        margin-bottom: 4rem;
    }
    .action-img-home .btn-action-img .link-action-img a{
        font-size: 1rem;
    }

    .grid-servicios>.wp-block-group__inner-container:first-child{
        grid-template-columns: 1fr;
        padding: 20px 20px;
    }

    /* Imagen Accción Yoga Integral */
    
    .action-img-yi .bg-action-img {
        padding: 0 15px;
    }
    .action-img-yi .wrap-btn-description>div:first-child{
        padding: 10px 0;
    }
    .action-img-yi .description-action-img {
        margin-bottom: 0;
    }
    .action-img-yi .title-action-img {
        font-size: 1.5rem !important;
        margin-top: 0;
    }
    .action-img-yi .btn-action-img .link-action-img {
        font-size: 1rem;
    }
    .action-img-yi .btn-action-img .link-action-img a {
        padding: 3px 6px;
    }

    /* Imagen Accción Mindfulness */
    .action-img-mf .bg-action-img {
        padding: 0;
    }
    .action-img-mf .title-action-img {
        font-size: 1.5rem !important;
        margin-top: 0;
    }
    .action-img-mf .btn-action-img .link-action-img {
        font-size: 1rem;
    }

    /* @Media Conocenos */
    .page-template-conocenos #content {
        padding: 10px;
    }
    .contenedor-staffs .staff-card {
        border-bottom: 2px solid #55bacc;
    }
    .contenedor-staffs .staff-card:nth-child(even) {
        border-right: 5px solid #55bacc;
    }
    .contenedor-staffs .staff-card:nth-child(odd) {
        border-left: 5px solid #55bacc;
    }
    .contenedor-staffs>div:first-child {
        padding: 5px;
    }

    .contenedor-staffs .staff-card>div:first-child {
        padding: 15px;
    }
    .contenedor-staffs .staff-card>div:first-child h2 {
        font-size: 2rem;
    }
    .contenedor-staffs .staff-card .text-staff>div:first-child {
        padding: 10px;
    }
    


    /* @Media Template clases */
    /* TODO: Revisar con cada disciplina y establecer fotos de cada una necesita personalizar por disciplina*/
    .template-detalle-clase .descripcion-clase {
        padding: 40px 0;
    }
    .template-detalle-clase .descripcion-clase h2 {
        font-size: 1.6rem;
    }
    .template-detalle-clase .descripcion-clase p, .template-detalle-clase .descripcion-clase li{
        font-size: 1rem;
    }

    .mptt-shortcode-wrapper .mptt-shortcode-list {
        grid-template-columns: 1fr 1fr;
    }

    /* @Media contacto*/
    .template-contacto .entry-content .grupo-contacto .iconos-redes-sociales,
    .template-contacto .entry-content .grupo-contacto .email-phone{
        width: 90%;
        margin: auto;
    }
}
@media (max-width: 500px){
    .template-horarios .grupo-horarios>div:first-child{
        padding: 0;
    }
    .template-horarios .horarios-eventos{
        padding: 0;
    }
}
@media (max-width: 451px){
    /* @Media Home*/
    .bg-action-img {
        padding: 0 20px 0 20px;
    }
    .action-img .bg-action-img {
        min-height: 240px !important;
    }
    .action-img-home .title-action-img{
        font-size: 1.1rem !important;
        margin-top: 1rem;
        margin-bottom: 0;
    }
    .action-img-home .wrap-btn-description>div:first-child {
        padding-left: 0;
        margin-bottom: 3rem;
    }
    .action-img-home .description-action-img {
        font-size: 1rem !important;
    }
    .action-img-home .btn-action-img .link-action-img a {
        font-size: 1rem;
    }
    .action-img-home .btn-action-img .link-action-img a{
        padding: 5px 12px;
    }

    /* Imagen Acción ECM */
    .action-img-ecm .bg-action-img {
        min-height: 280px !important;
        padding-left: 15px;
    }
    .action-img-ecm .title-action-img{
        font-size: 1.1rem !important;
        margin-top: 0.5rem;
        margin-bottom: 0;
    }
    .action-img-ecm .wrap-btn-description>div:first-child {
        padding-left: 0;
        margin-bottom: 3rem;
    }
    .action-img-ecm .description-action-img {
        font-size: 1rem !important;
        margin-bottom: 0.5rem;
        margin-top: 0;
    }
    .action-img-ecm .btn-action-img .link-action-img {
        font-size: 1rem;
    }
    /* Imagen Accción Yoga Integral */
    .action-img-yi .title-action-img {
        font-size: 1.3rem !important;
        line-height: 2rem;
        padding: 0 8px;
    }
    .action-img-yi .btn-action-img .link-action-img {
        font-size: 1rem;
    }
    .action-img-yi .btn-action-img .link-action-img a {
        padding: 3px 6px;
    }


    .grid-servicios .wp-block-group__inner-container{
        grid-template-columns: 1fr;
        padding: 20px 10px;
    }
    .grupo-galeria .wp-block-group__inner-container:first-child{
        grid-template-columns: 1fr;
    }
    /* @Media Horarario */
    .page-template-horarios .site-content#content {
        padding: 5px;
    }
    .grupo-horarios .mptt-shortcode-wrapper .mptt-shortcode-table tr.mptt-shortcode-row th{
        font-size: 0.8rem;
        padding: .2rem 0.2rem;
    }
    .template-horarios .entry-content .horarios-eventos .mptt-event-container .event-title {
        font-size: 0.8rem;
    }
    .template-horarios .horarios-eventos {
        border: none;
    }
}

@media (max-width: 360px){

    /* @Media Home*/
    .action-img .bg-action-img {
        min-height: 210px !important;
        padding-left: 20px;
    }
    .action-img .btn-action-img>div:first-child {
        font-size: 0.8rem;
        
    }
    .action-img .btn-action-img>div:first-child a {
        padding: 5px 10px;
    }
    .action-img .title-action-img {
        font-size: 1rem;
        line-height: 1.5rem;
        padding: 4px 8px;
    }
    /* Imagen Acción Home */
    .action-img-home .title-action-img {
        margin-top: 0.5rem;
        font-size: 1rem;
        line-height: 2rem;
    }
    .action-img-home .wrap-btn-description>div:first-child {
        padding-left: 0;
    }

    /* Imagen Acción ECM */
    .action-img-ecm .bg-action-img {
        padding-left: 10px;
    }
    
    .action-img-ecm .description-action-img {
        font-size: 0.8rem !important;
        width: 60%;
        line-height: 2rem;
    }
    
    /* Imagen Accción Yoga Integral */
    /* Imagen Accción Mindfulness */
    .action-img-mf .wrap-btn-description>div:first-child {
        width: 60%;
        margin-right: -10px;
    }
    .action-img-yi .description-action-img,
    .action-img-mf .description-action-img {
        font-size: 1rem !important;
    }
    .action-img-mf .title-action-img {
        margin-bottom: 0;
    }
    .action-img-yi .title-action-img,
    .action-img-mf .title-action-img {
        font-size: 1.2rem !important;
        line-height: 1.5rem;
        padding: 3px 6px;
    }
    .action-img-yi .btn-action-img {
        margin-top: 70px;
    }
    .action-img-yi .btn-action-img .link-action-img,
    .action-img-mf .btn-action-img .link-action-img {
        font-size: 0.8rem;
    }
    .action-img-yi .btn-action-img .link-action-img a,
    .action-img-mf .btn-action-img .link-action-img a {
        padding: 3px 6px;
    }
    
    /* @Media Horarios */
    .template-horarios .entry-content .horarios-eventos .mptt-event-container .event-title {
        font-size: 0.7rem;
    }


}