/*
 Theme Name: Twenty Twenty-Five Child
 Template: twentytwentyfive
*/

/* ==========================================================================
   1. ANIMACIONES Y EFECTOS INICIALES
   ========================================================================== */

/* .nuevos > h2 {
    transition: margin .3s;
}

.nuevos:hover h2 {
    margin-bottom: 2em;
} */

.query-libros li {
    transition: transform .2s ease-out;
    transform: scale(1);
}

.query-libros li:hover {
    transform: scale(1.05);
}

.query-libros li:hover a {
    color: #CE6E3B;
}

.query-libros li a {
    transition: color 0.3s;
}

/* ==========================================================================
   2. RESETS Y AJUSTES GLOBALES
   ========================================================================== */

/* Eliminar outlines */
html * a, 
html button {
    outline: none;
}

:root :where(.wp-block-post-terms a) {
    white-space: normal !important;
}

/* ==========================================================================
   3. BARRA DE BÚSQUEDA (SEARCH BAR)
   ========================================================================== */

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
    padding: 0;
}

:root :where(.wp-element-button, .wp-block-button__link) {
    background-color: transparent;
    padding-right: 1em;
}

.wp-block-search__button svg {
    fill: #000000;
}

input#wp-block-search__input-1 {
    font-size: 16px; /* Ajustado de la duplicación anterior */
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    letter-spacing: .8px;
}

.wp-block-search {
    opacity: .4;
    transition: opacity .2s;
}

.wp-block-search:hover {
    opacity: 1;
}

.wp-block-search__inside-wrapper {
    width: auto;
    height: 48px;
    align-items: center;
}

.wp-block-search__inside-wrapper input {
    width: 100%;
    transition: width .5s;
}

/* Nota: el hover del input a 400px solo funcionará si el contenedor lo permite */
.wp-block-search__inside-wrapper input:hover {
    width: 400px;
}

input#wp-block-search__input-1::placeholder {
    color: #5D70A6;
    font-size: 14px;
}

html:root :where(.wp-block-search .wp-element-button, .wp-block-search .wp-block-button__link) {
    margin-left: 0;
    padding-left: 0;
}

/* ==========================================================================
   4. MÁRGENES Y ESPACIADOS DE BLOQUES
   ========================================================================== */

.wp-block-group {
    margin-block-start: 24px;
}

.home .wp-block-group, 
.home .entry-content,
header .wp-block-group {
    margin-block-start: 0;
}

/* ==========================================================================
   5. TÍTULOS Y ENLACES (POSTS)
   ========================================================================== */

html:root :where(.wp-block-post-title a:where(:not(.wp-element-button)):hover) {
    text-decoration: none;
}

:root :where(.wp-block-post-terms a) {
    text-decoration: none;
}

html .wp-block-post-title a {
    cursor: pointer;
}

.wp-block-cover h2 {
    font-family: "Source Serif pro", serif;
    font-optical-sizing: auto;
    font-style: normal;
}

/* ==========================================================================
   6. SLIDER / CAROUSEL HOME
   ========================================================================== */

.wp-block-cb-carousel-v2.alignfull .cb-button-next, 
.wp-block-cb-carousel-v2.alignfull .cb-button-prev {
    color: white;
    outline: none;
}

html .home .cb-button-prev.swiper-button-prev {
    left: 93% !important;
    top: 90%;
}

html .home .cb-button-next.swiper-button-next {
    left: 96% !important;
    top: 90%;
}

/* ==========================================================================
   7. NAVEGACIÓN PRINCIPAL
   ========================================================================== */

html .principal .wp-block-navigation__container {
    width: 100%;
    gap: auto !important;
    z-index:9999;
}

nav.principal li.wp-block-navigation-item {
    color: #FFFFFF !important;
    transition: color .25s ease-out;
}

nav.principal li.wp-block-navigation-item:hover, 
.about-menu li.wp-block-navigation-item:hover {
    color: #CE6E3B;
}

nav.principal li.wp-block-navigation-item a {
    text-decoration: none !important;
}

nav.principal .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
    outline: none;
}

nav.principal li.current-menu-item > a > .wp-block-navigation-item__label, 
.about-menu li.current-menu-item > a > .wp-block-navigation-item__label {
    color: #CE6E3B;
}

.oculto {
    display:none !important;
}

/* ==========================================================================
   8. LOGOTIPO Y ELEMENTOS VISUALES
   ========================================================================== */

html .logo.wp-block-image img {
    width: 200px;
}

/* Libros */
.query-libros .wp-block-post-featured-image :where(img) {
    width: revert-layer;
}

.type-libro .wp-block-post-featured-image a {
    box-shadow: -8px -1px 9px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.5s;
}

.type-libro .wp-block-post-featured-image a:hover {
    box-shadow: -4px -1px 9px 0 rgba(0, 0, 0, 0.2);
}

/* ==========================================================================
   9. MENÚ VERTICAL (SIDEBAR)
   ========================================================================== */

ul.menu-vertical {
    width: 100%;
}

ul.menu-vertical.wp-block-navigation .wp-block-navigation-item {
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
}

ul.menu-vertical.wp-block-navigation > .wp-block-navigation-item a {
    padding: .5em;
    padding-left: 2em;
    border-left: 5px solid transparent;
}

ul.menu-vertical.wp-block-navigation > .wp-block-navigation-item:hover > a {
    color: #CE6E3B;
}

/* Submenús Verticales */
ul.menu-vertical.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    position: relative;
    border: none;
    width: 100% !important;
    min-width: unset !important;
    box-sizing: border-box;
    height: 100%;
    overflow: visible;
    visibility: visible;
    opacity: 1;
    left: 0;
    top: 0;
}

ul.menu-vertical.wp-block-navigation > .wp-block-navigation-item button {
    display: none;
}

ul.menu-vertical.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
    width: auto;
    padding-left: 3em !important;
    color: #4b518d;
}

ul.menu-vertical.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover {
    color: #CE6E3B;
}

/* Item Actual (Current) */
ul.menu-vertical.wp-block-navigation .current-menu-item > a {
    background: #E6F1EE;
    border-left: 5px solid #CE6E3B;
}

/* Niveles adicionales */
ul.menu-vertical ul ul.wp-block-navigation-submenu {
    margin-left: 20px;
}

ul.menu-vertical ul ul.wp-block-navigation-submenu li {
    color: #4b518d;
}

.col1 .wp-block-navigation .wp-block-navigation-item {
    align-items: flex-start;
}

.col1 .wp-block-navigation__container {
    gap: 0;
}

.col1 .wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content, 
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
    margin: 0 !important;
}

.wp-block-navigation.menu-vertical ul li > a:hover {
    text-decoration: none;
}

/* ==========================================================================
   10. CONTENIDO Y PÁRRAFOS
   ========================================================================== */

figure.wp-block-post-featured-image {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.wp-site-blocks .wp-block-post-content p {
    padding-bottom: 1em;
}

.col1 h6 {
    margin-left: 1em;
}

.type-libro > .wp-block-group {
    overflow: hidden;
}

/* =========================
   11. FOOTER
========================= */

footer .formkit-form[data-uid="cf5c73ff5a"][min-width~="700"] [data-style="clean"],
.formkit-form[data-uid="cf5c73ff5a"][min-width~="800"] [data-style="clean"] {
    padding-top: 36px !important;
}

/* Ocultar texto original del botón */
footer .formkit-form[data-uid="cf5c73ff5a"] .formkit-submit span {
    font-size: 0 !important;
}

/* Agregar texto nuevo con CSS */
footer .formkit-form[data-uid="cf5c73ff5a"] .formkit-submit span::after {
    content: "Suscribirse" !important;
    font-size: 15px !important;
}

.wp-site-blocks > footer,
.wp-site-blocks > .wp-block-template-part:last-child {
  margin-block-start: 0;
}
.page-id-1010 .wp-block-group {
  margin-block-start: 0;
}

/* ==========================================================================
   12. AUTORES DIVERSOS
   ========================================================================== */

.parrafo-ancho {
    max-width: 100% !important;
}

.woocommerce-Price-amount{
    color:#CE6E3B !important;
}
/* ==========================================================================
   13. RESPONSIVE - MOBILE (max-width: 781px)
   ========================================================================== */

@media (max-width: 1099px) {
    .query-libros {
        padding: 1rem;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1rem !important;
    }

    /*.principal, .col1, 
    form.wp-block-search__button-inside.wp-block-search__icon-button.wp-block-search,
    html .cb-button-prev.swiper-button-prev, 
    html .cb-button-next.swiper-button-next,
    .solo-desktop {
        display: none;
    }*/
    .col1, html .cb-button-prev.swiper-button-prev, 
    html .cb-button-next.swiper-button-next,
    .solo-desktop {
        display: none;
    }
    
    header .wp-block-group {
        justify-content: center;
    }

    header .wp-block-cover h2 {
        width: auto;
    }

    .home .wp-block-cover h2 {
        width: 8em;
    }

    /* Header Mobile Modal Styles */
    .wp-block-group.alignwide.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-794ca71c.wp-block-group-is-layout-flex {
        flex-direction: column;
    }

    #modal-2-content > ul li.wp-block-navigation-item ul {
        padding: 0 0 0 .5em !important;
    }

    #modal-2-content > ul li.wp-block-navigation-item a {
        text-transform: initial;
        padding: .5em !important;
        
    }

    #modal-2-content ul li.wp-block-navigation-item a:hover {
        color: #CE6E3B;
    }
}

@media (max-width: 782px) {
  .single-product.product_cat-tarjetas p:has(br) {
    display: none !important;
  }
}
@media (max-width: 782px) {
  .single-product.product_cat-tarjetas .wp-block-column > .wp-block-post-excerpt,
  .single-product.product_cat-tarjetas .wp-block-column > p {
    display: none !important;
  }
}
/* ==========================================================================
   14. RESPONSIVE - DESKTOP (min-width: 782px)
   ========================================================================== */

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

    .home .wp-block-cover h2 {
        width: 10em;
        font-size: 40px !important;
    }

    /* Ocultar desplegable segundo nivel menu principal 
    html .principal .wp-block-navigation__container .wp-block-navigation__submenu-container, 
    .wp-block-navigation .wp-block-navigation__submenu-icon {
        display: none;
    }*/
    
    ul.menu-vertical.wp-block-navigation .has-child .has-child .wp-block-navigation__submenu-container {
        height: auto !important;
        overflow: visible !important;
        visibility: visible !important;
        width: auto !important;
    }
    
 

    .home .wp-block-cover {
        padding: 40px;
    }

    /* Menu superior modal desktop */
    #modal-2-content li.wp-block-navigation-item {
        color: #374C84;
    }

    #modal-2-content li.wp-block-navigation-item:hover {
        color: #CE6E3B;
    }
}