/*
Theme Name: Hello Elementor Child - Ver y Poder
Template: hello-elementor
Description: Tema hijo de Hello Elementor para Ver y Poder
Version: 1.0.0
Author: Ver y Poder
*/

* {
    box-sizing: border-box;
    letter-spacing: .5px;
}

/* general */
h1 {
    margin: 0 0 50px;
    font-family: 'Canopee';
    font-weight: 300;
    font-size: 50px;
    display: inline-block!important;
    line-height: initial;
}

/* Imagen de fondo para toda la web */
body, .vyp-header {
    /* background-color: black; */
    background-image: url('https://firebrick-walrus-490307.hostingersite.com/wp-content/uploads/2025/12/fondo_mancha_blancos_opt.webp');
    background-size: auto;
    background-repeat: repeat;
    background-attachment: fixed;
}

/*--- header ---*/
.vyp-header.collapsed .header-logo img,
body.single-taller .vyp-header .header-logo img {
    width: 80px;
}

.vyp-header .header-logo img {
    transition-duration: .3s;
}

.vyp-header {
    transition: 0.3s;
    z-index: 999;
}

.vyp-header.collapsed {
    background-color: #00000070;
    /* backdrop-filter: invert(1); */
}

.logo-amarillo {
    display: none;
}

.top-header-offset {
    margin-top: 195px;
}

/* body.header-2 .logo-amarillo {
    display: block;
}
body.header-2 .logo-rosa {
    display: none;
} */

/* social icons */
.elementor-social-icon:hover {
    opacity: 1;
    font-size: 17px!important;
}

main {
    margin-top: 195px;
    padding-top: 30px;
    padding-bottom: 60px;
    background-color: #ffffff61;
}

.ancho-base {
    padding-left: 0;
    padding-right: 0;
}

.ancho-base > .e-con-inner,
.ancho-base-content,
main:not(.front-page),
main.site-main.front-page > section:not(.banner-section, .contenido-section),
.scroll-section-content,
.taller-footer-inline {
    width: 100%;
    max-width: 1280px!important;
    padding-left: 40px!important;
    padding-right: 40px!important;
    margin-left: auto;
    margin-right: auto
}

/*--- talleres ---*/
/*-- single taller --*/
/* .taller-single h1.entry-title {
    margin: 0 0 50px;
    font-family: 'Canopee';
    font-weight: 300;
    font-size: 50px;
} */

header.entry-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.taller-single h2 {
    text-decoration: overline;
    margin-top: 40px;
    text-transform: uppercase;
}

.taller-single h3 {
    color: #dcff7c;
}

h2 {
    text-decoration-color: #f49bc6!important;
}

ol > li {
    margin-bottom: 10px;
}

p:empty {
    display: none;
}

ol, ul {
    margin: 10px 0 10px;
}

li li {
    margin-bottom: 5px;
}

.taller-single {
    line-height: 110%;
    letter-spacing: .2px;
}

.entry-content p {
    margin: 0 0 15px;
}

.testimonio-item {
    background-color: #dcff7cbf;
    color: #1c1c1c;
    padding: 25px 30px 20px;
    display: block;
    border-radius: 30px;
}

.testimonios-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.testimonio-meta {
    display: flex;
    gap: 15px;
    opacity: 0.7;
    font-weight: 400;
    font-size: 15px;
}

.testimonio-item blockquote {
    margin: 0 10px 0 20px;
    letter-spacing: .5px;
}

.taller-single h1.entry-title {
    margin-bottom: 20px;
    font-size: 65px;
    text-align: center;
}

.taller-thumbnail img {
    max-height: calc(100vh - 300px)!important;
    width: auto;
}

section.scroll-section.taller-header-section article {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.guiado-por h3 span {
    color: #f49bc6;
}

.guiado-por .bio {
    padding: 20px 30px 5px;
    border-radius: 30px!important;
    overflow: hidden;
    border: 1px solid #d6badb;
    margin-bottom: 50px;
    position: relative;
}

.guiado-por .bio h4 {
    margin: 0 0 13px;
}

.guiado-por.taller-info-item {
    margin-top: 40px;
}

.guiado-por .bio p {
    font-size: 22px;
    letter-spacing: 1px;
    line-height: 120%;
}

.guiado-por .bio h6 {
    margin: 0;
    font-size: 22px;
}

.cta-1 {
    background-color: #dcff7c;
    display: inline-block;
    padding: 16px 28px;
    border-radius: 50px;
    color: #000 !important;
    font-weight: 400 !important;
    font-size: 25px !important;
    text-decoration: none;
}

.cta-1:hover {
    text-decoration: none!important;
}

.cta-1 .enfasis,
.cta-2 .enfasis
 {
    color: #000;
    text-decoration: underline;
}

.cta-1:hover .enfasis,
.cta-2:hover .enfasis
 {
    color: #ed3a29;
}

body.wp-singular.single-taller main#content {
    max-width: unset!important;
    width: 100%!important;
    padding: 0!important;
}

body.single-taller .scroll-section {
    flex-direction: column;
    justify-content: start;
    padding-top: 0;
}

/* Colores automáticos para headings de secciones */
body.single-taller .scroll-section:nth-child(3n+2) .section-heading {
    background-color: #ac8a3a;
    color: #fff;
}

body.single-taller .scroll-section:nth-child(3n+3) .section-heading {
    background-color: #4e3354;
    color: #d6badb;
}

body.single-taller .scroll-section:nth-child(3n+4) .section-heading {
    background-color: #d6badb;
    color: #4e3354;
}

.taller-section p, .taller-section li, .taller-section span, .taller-section a , .taller-section {
    font-size: 23px;
    font-weight: 400;
    line-height: 120%;
}

.scroll-section::before {
    position: absolute;
    top: 62px;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: #ffffff9c;
    z-index: -1;
}

@media (min-width: 767px) {
    .only-mobile {
        display: none;
    }
}

ul#menu-menu-principal a {
    font-weight: 500;
}

.taller-section.taller-info .info-table {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    width: 100%;
}

.taller-section.taller-info .info-table p {
    font-size: 19px;
}
/* 
.taller-section.taller-info p, .taller-section.taller-info li {
    font-size: 18px!important;
} */

p:first-of-type {
    margin-top: 0;
}

.section-heading {
    margin-bottom: 0px;
}

.testimonio-item p {
    font-size: 18px;
}

.testimonio-meta * {
    font-size: 16px!important;
}

body.postid-256 .testimonio-item {
    background-color: #d6badb;
}

ul#menu-menu-alternativo a {
    font-size: 17px;
}

/* Contenido Editable Section con fondo parallax */
.contenido-section {
    color: #ffffff; /* Letras blancas */
    display: flex;
    flex-direction: column;
    font-size: 25px;
    line-height: 120%;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.contenido-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.contenido-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contenido-wrapper {
    position: relative;
    z-index: 1;
}

.contenido-section a, 
.contenido-section a:hover {
    font-size: 25px;
    color: #ffffff;
}

/* Banner 2 - elemento flotante a la derecha y más abajo */
.banner-2 .banner-float {
    position: absolute;
    z-index: 2;
    max-width: 400px;
    right: 10%; /* A la derecha */
    bottom: 15%; /* Más abajo */
    top: auto;
    left: auto;
}


/* taller single: test de nuevo layout en sutura */
body.postid-256,
body.postid-256 .taller-header-section,
body.postid-256 .vyp-header,
body.postid-256 .taller-footer-section {
    background-image: url('https://firebrick-walrus-490307.hostingersite.com/wp-content/uploads/2026/01/opt_fondo-sutura-scaled.webp');
}

body.postid-256 header a, body.postid-256 header h1,
body.postid-256 p.taller-subtitulo {
    color: #fff!important;
}

body.postid-256 header a:hover,
body.postid-256 .footer-txt a:hover {
    color: #f49bc6!important;
}

body.postid-256 .taller-header-section::before,
body.postid-256 .taller-footer-section::before {
    opacity: 0;
}

body.postid-256 main {
    background: unset;
}

.taller-footer-section iframe {
    border-radius: 15px;
    border: none!important;
}



/*  */
.taller-section {
    max-height: calc(100vh - 219px);
    overflow-y: auto;
    padding: 30px 0;
}

p {
    margin-block-start: 15px!important;
    margin-block-end: 15px!important;
}

/*  manifiesto */
.manifiesto-text h1 {
    margin-bottom: 20px;
}

.manifiesto-text p {
    color: #000;
    font-size: 20px!important;
    line-height: 130%;
    font-weight: 400;
    margin-block-start: 25px!important;
    margin-block-end: 25px!important;
}
/* contacto */
button.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_no_style {
    background-color: #ed3928;
    background-color: #dcff7c;
    border: none;
    color: #dcff7c;
    color: #000000;
    border-radius: 50%;
    padding: 13px 21px;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'NeueHaas', sans-serif;
    cursor: pointer;
}

button.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_no_style:hover {
    background-color: #ed3928;
    color: #fff;
}
/*  updates home */
/* Formaciones - Front Page */

/* Grid de talleres 2x2 */
.talleres-grid {
    display: grid;
    grid-template-columns: 1fr 1fr!important;
    grid-template-rows: 1fr 1fr;
    gap: 20px;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    height: 100%;
}

.taller-card {
    display: block;
    overflow: hidden;
    border-radius: 2px;
    transition: transform 0.3s ease;
}

.taller-card:hover {
    /* transform: scale(1.02); */
}

.taller-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Programa y Acompañamiento - imagen centrada */
.programa-content,
.acompanamiento-content {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.formacion-card-simple {
    display: block;
    max-width: 600px;
    width: 100%;
    transition: transform 0.3s ease;
}

.formacion-card-simple:hover {
    /* transform: scale(1.02); */
}

.formacion-card-simple img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 2px;
}

/* Mobile */
@media (max-width: 767px) {
    .talleres-grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }
    
    .formacion-card-simple {
        max-width: 100%;
    }
}

p.taller-subtitulo {
    text-align: center;
    margin: -20px 0 27px 0!important;
    font-size: 23px;
    font-weight: 400;
}


/*  talleres archivo */
/* Archive Talleres */
.talleres-archive {
    max-width: 1000px;
    /* margin: 0 auto; */
}

.archive-header {
    text-align: center;
    margin-bottom: 60px;
}

.archive-title {
    font-family: 'Canopee', serif;
    font-size: 60px;
    font-weight: 300;
    margin: 0;
}

.talleres-archive-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
}

.taller-archive-card {
    display: block;
}

.taller-archive-card img {
    width: 100%;
    height: auto;
    display: block;
}

/* Mobile */
@media (max-width: 767px) {
    .archive-title {
        font-size: 42px;
    }
    
    .talleres-archive-grid {
        grid-template-columns: 1fr;
    }
}

div#pum_popup_title_393 {
    display: none;
}

div#popmake-393 .pum-content {
    text-align: center!important;
    max-width: 800px;
    margin: 0 auto;
}

div#popmake-393 .pum-content div {
    font-size: 24px;
    margin-bottom: 30px;
}

div#popmake-393 {
    padding: 30px 20px;
}

div#popmake-393 .cta-1 {
    background-color: #ed3c28;
}

div#popmake-393 .cta-1 span {
    color: #dcff7c;
}

div#popmake-393 .cta-1:hover {
    background-color: black;
}

div#pum-393 {
    background-color: #00000075;
    backdrop-filter: blur(5px);
}

/* color schemes header talleres */
body.header-2 .current-menu-ancestor > a, body.header-2 .current-menu-item > a {
    color: #ccc1ae !important;
}

body.header-3 ul#menu-menu-principal a:not(:hover), body.header-3 .entry-title, body.header-3 .taller-subtitulo {
    color: white;
}

/* regalos */

.df-container .df-bg {
    background-color: unset!important;
}

/* RESPONSIVE */
@media (max-width: 767px) {
    .hero-text {
        font-size: 26px!important;
    }
    
    .ancho-base > .e-con-inner, .ancho-base-content, main:not(.front-page), main.site-main.front-page > section:not(.banner-section, .contenido-section), .scroll-section-content, .taller-footer-inline {
        padding-left: 20px!important;
        padding-right: 20px!important;
    }
    
    .manifiesto-banner {
        padding-top: 130px!important;
    }
    
    
    div#popmake-393 .pum-content div {
        font-size: 18px;
        font-weight: 400;
    }
    
    div#popmake-393 {
        padding: 35px 15px 25px;
    }
    
    div#popmake-393 .cta-1 {
        font-size: 20px!important;
        padding: 15px 20px;
    }
    .manifiesto-banner p {
        font-size: 20px;
    }
    
    .manifiesto-banner .contenido-wrapper {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    main {
        margin-top: 150px;
    }
    .manifiesto-text p {
        font-size: 16px!important;
    }
    .cta-1 {
        font-size: 20px!important;
    }
    .taller-thumbnail img {
        max-height: unset!important;
        width: 100vw;
    }
    
    .taller-single h1.entry-title {
        font-size: 50px;
        margin-bottom: 30px;
    }
    
    p.taller-subtitulo {
        font-size: 19px;
        line-height: 120%;
    }
    
    .taller-header-section {
        min-height: calc(100vh - 150px)!important;
        justify-content: center!important;
        align-items: center;
        display: flex;
    }
    
    .section-heading h2 {
        line-height: 120%;
        font-size: 23px;
    }
    
    .scroll-section-content {
        padding-top: 20px;
        padding-bottom: 25px;
    }
    
    .taller-section p, .taller-section li, .taller-section span, .taller-section a, .taller-section {font-size: 20px;}
    
    .guiado-por .bio {
        padding: 15px;
        border-radius: 15px!important;
        width: calc(100% + 16px);
        margin-left: -8px;
    }
    
    .guiado-por .bio p {
        font-size: 18px;
    }
    
    .testimonio-item {
        padding: 5px 25px 15px!important;
    }
    
    .testimonio-item blockquote {
        margin: 0;
    }
    
    .testimonio-item blockquote p {
        font-size: 16px;
    }
    
    .footer-nav a.hfe-menu-item {
        font-size: 15px!important;
    }
}

@media (max-width: 1230px) {
    .vyp-acordeon-bio p {
        font-size: 20px;
        line-height: 140%;
    }
    .vyp-acordeon-foto {
        max-width: 150px!important;
    }
    .vyp-acordeon-content {
        gap: 20px;
    }
}

@media (max-width: 1000px) {
    .vyp-acordeon-content {
        flex-direction: column-reverse;
    }
    .vyp-acordeon-bio p {
        font-size: 18px;
    }
}