/*
CTC Separate Stylesheet
Updated: 2026-07-22 20:54:52
Theme Name: VW Book Store Child
Theme URI: https://www.vwthemes.com/products/free-wordpress-book-theme
Template: vw-book-store
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: The VW Bookstore theme is a versatile and dependable WordPress solution designed specifically for book-related websites. Whether you're operating a traditional bookshop, an online library, or a platform for eBooks and self-publishing, this theme caters to a diverse range of needs. Perfect for authors, publishers, journalists, and book bloggers, it also supports features beneficial for book reviewers, editors, literary agencies, and reading clubs. Built on the robust Bootstrap framework, the VW Bookstore theme is not only user-friendly but also highly responsive, ensuring a smooth experience on any device. With its extensive customization options, you can easily modify the layout, colors, backgrounds, and images to create a unique online presence that resonates with your audience be it a public library, a children's storybook site, or an online store for selling textbooks and eBooks. The theme includes various features to enhance your website, such as banners, sliders, and a selection of footer widgets, all designed to improve the overall aesthetics and functionality. It is fully compatible with RTL languages and translation-ready, making it accessible to a global audience. Moreover, with its SEO-friendly design, the VW Bookstore theme helps your website rank better on search engines, leading to increased visibility and traffic. This theme is lightweight, ensuring fast loading times even with high visitor numbers, so you can focus on providing engaging content to book lovers. Additionally, social media integration allows you to share your posts and updates effortlessly, helping you connect with your audience on various platforms.
Tags: left-sidebar,right-sidebar,one-column,two-columns,three-columns,four-columns,grid-layout,wide-blocks,block-styles,flexible-header,block-patterns,custom-colors,custom-background,custom-logo,custom-menu,custom-header,editor-style,featured-images,footer-widgets,sticky-post,full-width-template,theme-options,translation-ready,threaded-comments,post-formats,rtl-language-support,blog,portfolio,e-commerce
Version: 1.7.6.1784753692
*/
/* Forzar visibilidad del mensaje de éxito de Noptin */
.noptin-form-notice.noptin-response {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 50px !important;
    overflow: visible !important;
}

.noptin-form-notice.noptin-response .noptin-alert.noptin-success {
    display: block !important;
    background-color: #d4edda !important;
    color: #155724 !important;
    border: 1px solid #c3e6cb !important;
    padding: 15px 20px !important;
    margin: 15px 0 0 0 !important;
    border-radius: 4px !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    animation: none !important; /* Elimina cualquier animación que lo oculte */
}

/* ============================================
   BOTONES DEL CARRUSEL CON ANIMACIÓN DE FLECHAS
   ============================================ */

/* === 1. BOTONES DEL CARRUSEL CON MÁRGENES === */

/* Contenedor del carrusel (para que los botones no se salgan) */
#slider .carousel {
    position: relative;
}

/* Botones de navegación (flechas) con separación de bordes */
#slider .carousel-control-prev,
#slider .carousel-control-next {
    background: rgba(255, 255, 255, 0.25) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border-radius: 50% !important;
    width: 50px !important;
    height: 50px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    opacity: 0.7 !important;
    transition: all 0.3s ease !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
    z-index: 10 !important;
}

/* Botón izquierdo (anterior) */
#slider .carousel-control-prev {
    left: 15px !important;
}

/* Botón derecho (siguiente) */
#slider .carousel-control-next {
    right: 15px !important;
}

/* Efecto al pasar el ratón */
#slider .carousel-control-prev:hover,
#slider .carousel-control-next:hover {
    background: rgba(255, 255, 255, 0.45) !important;
    opacity: 1 !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15) !important;
}

/* Iconos de las flechas */
#slider .carousel-control-prev-icon,
#slider .carousel-control-next-icon {
    background-color: rgba(0, 0, 0, 0.6) !important;
    border-radius: 50% !important;
    padding: 12px !important;
    background-size: 60% 60% !important;
    transition: all 0.3s ease !important;
}

/* Efecto hover en los iconos */
#slider .carousel-control-prev:hover .carousel-control-prev-icon,
#slider .carousel-control-next:hover .carousel-control-next-icon {
    background-color: #093819 !important;
}


/* === 2. ANIMACIÓN DE LAS FLECHAS === */

/* Animación de la flecha izquierda (entra desde la izquierda) */
#slider .carousel-control-prev-icon {
    animation: flechaIzquierda 1.5s ease-in-out infinite;
}

/* Animación de la flecha derecha (entra desde la derecha) */
#slider .carousel-control-next-icon {
    animation: flechaDerecha 1.5s ease-in-out infinite;
}

/* Pausar la animación al pasar el ratón por encima del botón */
#slider .carousel-control-prev:hover .carousel-control-prev-icon,
#slider .carousel-control-next:hover .carousel-control-next-icon {
    animation-play-state: paused;
}

/* Keyframes para la flecha izquierda (se mueve de izquierda a derecha) */
@keyframes flechaIzquierda {
    0% {
        transform: translateX(-8px);
        opacity: 0.6;
    }
    50% {
        transform: translateX(4px);
        opacity: 1;
    }
    100% {
        transform: translateX(-8px);
        opacity: 0.6;
    }
}

/* Keyframes para la flecha derecha (se mueve de derecha a izquierda) */
@keyframes flechaDerecha {
    0% {
        transform: translateX(8px);
        opacity: 0.6;
    }
    50% {
        transform: translateX(-4px);
        opacity: 1;
    }
    100% {
        transform: translateX(8px);
        opacity: 0.6;
    }
}


/* === 3. ANIMACIONES DE ENTRADA PARA DIAPOSITIVAS === */

#slider .carousel-item {
    animation: fadeInSlide 0.8s ease-in-out forwards;
}

#slider .carousel-item.active {
    animation: fadeInZoom 1s ease-out forwards;
}

#slider .carousel-item-next,
#slider .carousel-item-prev {
    animation: slideFade 0.7s ease-in-out forwards;
}

@keyframes fadeInZoom {
    0% {
        opacity: 0;
        transform: scale(1.05);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes slideFade {
    0% {
        opacity: 0;
        transform: translateX(30px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeInSlide {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


/* === 4. RESPONSIVE (para móviles) === */

@media (max-width: 768px) {
    #slider .carousel-control-prev,
    #slider .carousel-control-next {
        width: 40px !important;
        height: 40px !important;
        margin-left: 5px !important;
        margin-right: 5px !important;
    }
    
    #slider .carousel-control-prev {
        left: 5px !important;
    }
    
    #slider .carousel-control-next {
        right: 5px !important;
    }
    
    #slider .carousel-control-prev-icon,
    #slider .carousel-control-next-icon {
        padding: 8px !important;
        background-size: 50% 50% !important;
    }
}


/* ============================================
   ESTILOS SUAVES PARA BOTONES (SOLO BOTONES)
   ============================================ */

/* Botones generales de WordPress y WooCommerce */
.wp-element-button,
.wp-block-button__link,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
input[type="submit"],
button[type="submit"],
.product-btn,
.more-btn a,
.scrollup i,
.blogbutton-small {
    border-radius: 8px !important;           /* Bordes suaves y redondeados */
    transition: all 0.3s ease !important;    /* Transición suave para hover */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important; /* Sombra ligera */
    border: none !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
}

/* Efecto hover para todos los botones */
.wp-element-button:hover,
.wp-block-button__link:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
.more-btn a:hover,
.blogbutton-small:hover {
    transform: translateY(-2px) !important;   /* Efecto de elevación al hover */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12) !important;
}

/* Botones secundarios o de borde (por si los hay) */
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12) !important;
}


/* ============================================
   BARRA DE BÚSQUEDA - LAYOUT DEFINITIVO
   ============================================ */

/* Contenedor principal con textura */
.search-bar {
    background-image: repeating-linear-gradient(45deg, 
                      rgba(255, 255, 255, 0.06) 0px, 
                      rgba(255, 255, 255, 0.06) 2px,
                      transparent 2px,
                      transparent 8px) !important;
    background-color: #093819 !important;
    padding: 10px 0 !important;
    border-bottom: 3px solid #2d881c !important;
    border-top: 3px solid #2d881c !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

/* Anular el sistema de columnas de Bootstrap para este .row */
.search-bar .row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
    width: 100% !important;
}

/* Columna del botón "PRODUCTOS" - fija a la izquierda */
.search-bar .col-lg-3 {
    flex: 0 0 auto !important;  /* No crece ni se encoge */
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    order: 1 !important; /* Aseguramos que esté primero */
}

/* Columna de la búsqueda - ocupa todo el espacio disponible */
.search-bar .col-lg-7 {
    flex: 1 1 auto !important;  /* Crece y ocupa el espacio */
    width: auto !important;
    max-width: none !important;
    padding: 0 15px !important;
    order: 2 !important;
}

/* Columna del carrito - fija a la derecha */
.search-bar .col-lg-2 {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    order: 3 !important;
}

/* === BOTÓN "PRODUCTOS" (rediseñado) === */
.search-bar .product-btn {
    background: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 30px !important;
    padding: 10px 20px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    backdrop-filter: blur(4px) !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

.search-bar .product-btn i {
    font-size: 16px !important;
}

.search-bar .product-btn:hover {
    background: #2d881c !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(45, 136, 28, 0.3) !important;
    border-color: #2d881c !important;
}

/* === BARRA DE BÚSQUEDA (ocupa el centro) === */
.search-bar .woocommerce-product-search {
    display: flex !important;
    align-items: center !important;
    background: #ffffff !important;
    border-radius: 40px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
    border: 2px solid transparent !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
}

.search-bar .woocommerce-product-search:focus-within {
    border-color: #2d881c !important;
    box-shadow: 0 4px 20px rgba(45, 136, 28, 0.15) !important;
}

.search-bar .woocommerce-product-search input[type="search"] {
    flex: 1 !important;
    padding: 10px 18px !important;
    border: none !important;
    background: transparent !important;
    font-size: 15px !important;
    color: #1e2a3a !important;
    outline: none !important;
    font-weight: 400 !important;
    min-width: 100px !important;
}

.search-bar .woocommerce-product-search input[type="search"]::placeholder {
    color: #8a9a8a !important;
    font-style: italic !important;
    font-weight: 300 !important;
}

.search-bar .woocommerce-product-search button[type="submit"] {
    background: #2d881c !important;
    color: #ffffff !important;
    border: none !important;
    padding: 10px 20px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    border-radius: 0 40px 40px 0 !important;
    flex-shrink: 0 !important;
}

.search-bar .woocommerce-product-search button[type="submit"]:hover {
    background: #093819 !important;
    transform: scale(1.02) !important;
}

.search-bar .woocommerce-product-search button[type="submit"] i {
    font-size: 18px !important;
    display: inline-block !important;
}

/* === CARRITO (DERECHA, SIN CÍRCULO) === */
.search-bar .cart_icon a {
    background: transparent !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    width: auto !important;
    height: auto !important;
    padding: 8px !important;
    font-size: 24px !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
}

.search-bar .cart_icon a:hover {
    color: #2d881c !important;
    transform: translateY(-2px) !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* === RESPONSIVE (MÓVILES) === */
@media (max-width: 768px) {
    .search-bar .row {
        flex-wrap: wrap !important;
        gap: 10px !important;
    }
    
    .search-bar .col-lg-3 {
        flex: 0 0 100% !important;
        width: 100% !important;
        text-align: center !important;
        order: 1 !important;
    }
    
    .search-bar .col-lg-7 {
        flex: 0 0 100% !important;
        width: 100% !important;
        padding: 0 !important;
        order: 2 !important;
    }
    
    .search-bar .col-lg-2 {
        flex: 0 0 100% !important;
        width: 100% !important;
        text-align: center !important;
        order: 3 !important;
    }
    
    .search-bar .woocommerce-product-search {
        border-radius: 30px !important;
    }
    
    .search-bar .woocommerce-product-search button[type="submit"] {
        border-radius: 0 30px 30px 0 !important;
        padding: 8px 16px !important;
        font-size: 13px !important;
    }
}







/* ============================================
   MEJORAS SOBRE DISEÑO NATIVO DE WOOCOMMERCE
   ============================================ */

/* --- Cargar fuente moderna para títulos --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap');

/* --- 1. OCULTAR EL BOTÓN "COMPARAR" --- */
.woocommerce ul.products li.product .compare,
.woocommerce .product .compare,
.yith-woocompare-button,
a.compare {
    display: none !important;
}

/* --- 2. TIPOGRAFÍA MODERNA PARA TÍTULOS DE PRODUCTOS --- */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-loop-product__title,
.wc-block-grid__product-title {
    font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #093819 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.2px !important;
    transition: all 0.3s ease !important;
    padding: 12px 16px 4px !important;
    margin: 0 !important;
}

.woocommerce ul.products li.product:hover .woocommerce-loop-product__title {
    color: #2d881c !important;
}

/* --- 3. DESTACAR EL PRECIO (COLOR VERDE) --- */
.woocommerce ul.products li.product .price {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #2d881c !important;
    padding: 8px 16px !important;
    background: rgba(45, 136, 28, 0.06) !important;
    border-radius: 8px !important;
    display: inline-block !important;
    margin: 4px 16px 8px !important;
    letter-spacing: 0.5px !important;
}

.woocommerce ul.products li.product .price .woocommerce-Price-currencySymbol {
    font-size: 16px !important;
    margin-right: 2px !important;
}

/* --- 4. BOTÓN "AÑADIR AL CARRITO" CON ICONO ANIMADO --- */
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .product_type_simple {
    font-size: 14px !important;
    padding: 12px 16px !important;
    min-width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 30px !important;
    background: #2d881c !important;
    color: #ffffff !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 0 0 16px 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-shadow: 0 2px 8px rgba(45, 136, 28, 0.2) !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-weight: 600 !important;
    position: relative !important;
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    float: none !important;
    clear: both !important;
}

.woocommerce ul.products li.product .add_to_cart_button::before,
.woocommerce ul.products li.product .product_type_simple::before {
    content: "\f07a" !important;
    font-family: 'Font Awesome 6 Free' !important;
    font-weight: 900 !important;
    font-size: 18px !important;
    color: #ffffff !important;
    display: inline-block !important;
    line-height: 1 !important;
    animation: saltarCarrito 1.2s ease-in-out infinite !important;
}

.woocommerce ul.products li.product .add_to_cart_button::after,
.woocommerce ul.products li.product .product_type_simple::after {
    content: none !important;
}

@keyframes saltarCarrito {
    0% { transform: translateY(0px); }
    30% { transform: translateY(-6px); }
    50% { transform: translateY(0px); }
    70% { transform: translateY(-4px); }
    100% { transform: translateY(0px); }
}

/* Efecto hover del botón "Añadir al carrito" */
.woocommerce ul.products li.product .add_to_cart_button:hover,
.woocommerce ul.products li.product .product_type_simple:hover {
    background: #093819 !important;
    box-shadow: 0 4px 16px rgba(9, 56, 25, 0.3) !important;
    transform: translateY(-3px) !important;
    -webkit-transform: translateY(-3px) !important;
    -moz-transform: translateY(-3px) !important;
    -ms-transform: translateY(-3px) !important;
    -o-transform: translateY(-3px) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    padding: 12px 16px !important;
}

.woocommerce ul.products li.product .add_to_cart_button:hover::before {
    animation-play-state: paused !important;
}

/* --- 5. BOTÓN "VER CARRITO" (solo redondeo) --- */
.woocommerce ul.products li.product .add_to_cart_button.added {
    border-radius: 30px !important;
}

.woocommerce ul.products li.product .added_to_cart {
    border-radius: 30px !important;
}

.woocommerce ul.products li.product .add_to_cart_button.loading {
    opacity: 0.7 !important;
}

/* --- 6. TRIÁNGULOS VERDES EN LAS ESQUINAS SUPERIORES --- */
.woocommerce ul.products li.product {
    position: relative !important;
    overflow: hidden !important;
}

.woocommerce ul.products li.product::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 35px solid #2d881c !important;
    border-right: 35px solid transparent !important;
    z-index: 5 !important;
    opacity: 0.85 !important;
    transition: all 0.3s ease !important;
}

.woocommerce ul.products li.product::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 35px solid #2d881c !important;
    border-left: 35px solid transparent !important;
    z-index: 5 !important;
    opacity: 0.85 !important;
    transition: all 0.3s ease !important;
}

.woocommerce ul.products li.product:hover::before,
.woocommerce ul.products li.product:hover::after {
    opacity: 1 !important;
    border-top-color: #093819 !important;
}

/* --- 7. AJUSTES ADICIONALES --- */
.woocommerce ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

.woocommerce ul.products li.product .price {
    order: 2 !important;
}

.woocommerce ul.products li.product .add_to_cart_button {
    order: 3 !important;
    width: 100% !important;
}

.woocommerce ul.products li.product .add_to_cart_button i,
.woocommerce ul.products li.product .add_to_cart_button .icon {
    display: none !important;
}

/* --- Responsive --- */
@media (max-width: 576px) {
    .woocommerce ul.products li.product .price {
        font-size: 18px !important;
        padding: 4px 12px !important;
    }
    
    .woocommerce ul.products li.product .add_to_cart_button {
        padding: 10px 12px !important;
    }
    
    .woocommerce ul.products li.product .add_to_cart_button::before {
        font-size: 16px !important;
    }
    
    .woocommerce ul.products li.product::before {
        border-top-width: 25px !important;
        border-right-width: 25px !important;
    }
    
    .woocommerce ul.products li.product::after {
        border-top-width: 25px !important;
        border-left-width: 25px !important;
    }
}

/* ============================================
   ESTILOS PARA CHECKOUT CLÁSICO DE WOOCOMMERCE
   CON TIPOGRAFÍA MODERNA (INTER)
   ============================================ */

/* --- 1. IMPORTAR FUENTE MODERNA --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* --- 2. TIPOGRAFÍA GLOBAL PARA EL CHECKOUT --- */
.woocommerce-checkout,
.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.woocommerce-checkout label,
.woocommerce-checkout p,
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-checkout-review-order h3,
.woocommerce-checkout .shop_table,
.woocommerce-checkout .shop_table td,
.woocommerce-checkout .shop_table th,
.woocommerce-checkout .payment_box,
.woocommerce-checkout #place_order,
.woocommerce-checkout .woocommerce-privacy-policy-text {
    font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important;
}

/* --- 3. CONTENEDOR PRINCIPAL --- */
.woocommerce-checkout .woocommerce {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
}

/* --- 4. TÍTULO DE LA PÁGINA --- */
.woocommerce-checkout .entry-title,
.woocommerce-checkout h1 {
    font-size: 32px;
    font-weight: 700;
    color: #093819;
    text-align: center;
    margin-bottom: 30px;
    letter-spacing: -0.5px;
}

/* --- 5. MENSAJE DE CUPÓN (SIN CUADRO AZUL) --- */
.woocommerce-checkout .woocommerce-info {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 10px 0 !important;
    margin: 0 0 15px 0 !important;
    color: #1e2a3a !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    clear: both !important;
    display: block !important;
    float: none !important;
    position: relative !important;
    overflow: visible !important;
}

.woocommerce-checkout .woocommerce-info::before,
.woocommerce-checkout .woocommerce-info::after {
    display: none !important;
    content: none !important;
}

.woocommerce-checkout .woocommerce-info a,
.woocommerce-checkout .woocommerce-info .showcoupon {
    color: #2d881c !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border-bottom: 2px solid transparent !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.woocommerce-checkout .woocommerce-info a:hover,
.woocommerce-checkout .woocommerce-info .showcoupon:hover {
    color: #093819 !important;
    border-bottom-color: #2d881c !important;
}

/* --- 6. FORMULARIO DE CUPÓN --- */
.woocommerce-checkout form.checkout_coupon {
    background: #f9fbf9 !important;
    border: 2px solid #e6eee6 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin: 10px 0 20px 0 !important;
    clear: both !important;
    overflow: hidden !important;
}

.woocommerce-checkout form.checkout_coupon input[type="text"] {
    border: 2px solid #d5e3d5 !important;
    border-radius: 8px !important;
    padding: 10px 15px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    background: #ffffff !important;
}

.woocommerce-checkout form.checkout_coupon button {
    background: #2d881c !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 25px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.woocommerce-checkout form.checkout_coupon button:hover {
    background: #093819 !important;
    transform: translateY(-2px) !important;
}

/* --- 7. FORMULARIO DE FACTURACIÓN --- */
.woocommerce-checkout .woocommerce-billing-fields {
    background: #ffffff !important;
    border-radius: 16px !important;
    padding: 25px 30px !important;
    border: 1px solid #e6eee6 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
    margin-bottom: 30px !important;
    clear: both !important;
    overflow: hidden !important;
}

.woocommerce-checkout .woocommerce-billing-fields h3 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #093819 !important;
    margin-bottom: 20px !important;
    padding-bottom: 12px !important;
    border-bottom: 3px solid #2d881c !important;
}

/* --- 8. INFORMACIÓN ADICIONAL --- */
.woocommerce-checkout .woocommerce-additional-fields h3 {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #093819 !important;
    margin-bottom: 15px !important;
    padding-bottom: 12px !important;
    border-bottom: 3px solid #2d881c !important;
}

/* --- 9. CAMPOS DEL FORMULARIO --- */
.woocommerce-checkout .form-row {
    margin-bottom: 16px !important;
}

.woocommerce-checkout .form-row label {
    font-weight: 600 !important;
    color: #1e2a3a !important;
    font-size: 14px !important;
    margin-bottom: 4px !important;
}

.woocommerce-checkout .form-row label .required {
    color: #e74c3c !important;
}

.woocommerce-checkout .form-row input[type="text"],
.woocommerce-checkout .form-row input[type="email"],
.woocommerce-checkout .form-row input[type="tel"],
.woocommerce-checkout .form-row input[type="number"],
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea {
    width: 100% !important;
    border: 2px solid #d5e3d5 !important;
    border-radius: 8px !important;
    padding: 10px 15px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #1e2a3a !important;
    background: #f8faf8 !important;
    transition: all 0.3s ease !important;
}

.woocommerce-checkout .form-row input:focus,
.woocommerce-checkout .form-row select:focus,
.woocommerce-checkout .form-row textarea:focus {
    border-color: #2d881c !important;
    box-shadow: 0 0 0 3px rgba(45, 136, 28, 0.1) !important;
    outline: none !important;
}

/* --- 10. CAMPO "NÚMERO DE TRANSFERENCIA" (destacado) --- */
.woocommerce-checkout .form-row-numero_transferencia {
    background: #f5faf5 !important;
    border-radius: 8px !important;
    padding: 15px !important;
    border-left: 4px solid #2d881c !important;
    margin-top: 10px !important;
}

.woocommerce-checkout .form-row-numero_transferencia label {
    color: #093819 !important;
    font-weight: 700 !important;
}

.woocommerce-checkout .form-row-numero_transferencia input {
    background: #ffffff !important;
}

/* --- 11. RESUMEN DEL PEDIDO --- */
.woocommerce-checkout .woocommerce-checkout-review-order {
    background: #f9fbf9 !important;
    border-radius: 16px !important;
    padding: 25px 30px !important;
    border: 1px solid #e6eee6 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
    clear: both !important;
    overflow: hidden !important;
}

.woocommerce-checkout .woocommerce-checkout-review-order h3,
.woocommerce-checkout #order_review_heading {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #093819 !important;
    margin-bottom: 15px !important;
    padding-bottom: 12px !important;
    border-bottom: 3px solid #2d881c !important;
}

/* --- 12. TABLA DEL RESUMEN --- */
.woocommerce-checkout .shop_table {
    border: none !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    font-size: 14px !important;
}

.woocommerce-checkout .shop_table th,
.woocommerce-checkout .shop_table td {
    padding: 12px 15px !important;
    border-bottom: 1px solid #e6eee6 !important;
}

.woocommerce-checkout .shop_table .product-name {
    color: #1e2a3a !important;
    font-weight: 500 !important;
}

.woocommerce-checkout .shop_table .product-total {
    color: #093819 !important;
    font-weight: 700 !important;
}

.woocommerce-checkout .shop_table .cart-subtotal th,
.woocommerce-checkout .shop_table .cart-subtotal td {
    color: #1e2a3a !important;
    font-weight: 600 !important;
}

.woocommerce-checkout .shop_table .order-total th {
    font-size: 18px !important;
    color: #093819 !important;
    font-weight: 700 !important;
}

.woocommerce-checkout .shop_table .order-total td {
    font-size: 22px !important;
    color: #093819 !important;
    font-weight: 800 !important;
}

/* --- 13. MÉTODOS DE PAGO --- */
.woocommerce-checkout .woocommerce-checkout-payment {
    background: #ffffff !important;
    border-radius: 12px !important;
    padding: 20px 25px !important;
    border: 1px solid #e6eee6 !important;
    margin-top: 20px !important;
    clear: both !important;
    overflow: hidden !important;
}

.woocommerce-checkout .woocommerce-checkout-payment .wc_payment_method label {
    font-weight: 600 !important;
    color: #1e2a3a !important;
    font-size: 14px !important;
}

.woocommerce-checkout .woocommerce-checkout-payment .payment_box {
    background: #f5f8f5 !important;
    border-radius: 8px !important;
    padding: 15px !important;
    margin-top: 8px !important;
    color: #2d3a4a !important;
    font-size: 14px !important;
}

/* --- 14. BOTÓN "REALIZAR EL PEDIDO" --- */
.woocommerce-checkout .woocommerce-checkout-payment #place_order {
    background: #2d881c !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 14px 40px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    cursor: pointer !important;
    box-shadow: 0 4px 16px rgba(45, 136, 28, 0.25) !important;
}

.woocommerce-checkout .woocommerce-checkout-payment #place_order:hover {
    background: #093819 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 30px rgba(9, 56, 25, 0.3) !important;
}

/* --- 15. TÉRMINOS Y PRIVACIDAD --- */
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
    margin-top: 15px !important;
    padding: 15px !important;
    background: #f9fbf9 !important;
    border-radius: 8px !important;
    clear: both !important;
    overflow: hidden !important;
}

.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label {
    font-size: 14px !important;
    color: #2d3a4a !important;
}

.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a {
    color: #2d881c !important;
    font-weight: 600 !important;
}

/* --- 16. TEXTO DE PRIVACIDAD --- */
.woocommerce-checkout .woocommerce-privacy-policy-text,
.woocommerce-checkout .woocommerce-privacy-policy-text p {
    color: #1e2a3a !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.woocommerce-checkout .woocommerce-privacy-policy-text a {
    color: #2d881c !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
}

.woocommerce-checkout .woocommerce-privacy-policy-text a:hover {
    color: #093819 !important;
}

/* --- 17. CORRECCIÓN DE TEXTOS ROJOS (GLOBAL) --- */
.woocommerce-checkout h3,
.woocommerce-checkout .h3,
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3,
.woocommerce-checkout .woocommerce-checkout-review-order h3,
.woocommerce-checkout #order_review_heading {
    color: #093819 !important;
    font-weight: 700 !important;
}

.woocommerce-checkout .cart_item .product-total,
.woocommerce-checkout .cart_item .product-subtotal {
    color: #093819 !important;
}

.woocommerce-checkout .cart-subtotal th,
.woocommerce-checkout .cart-subtotal td {
    color: #1e2a3a !important;
}

.woocommerce-checkout .order-total th {
    color: #093819 !important;
    font-weight: 700 !important;
}

/* --- 18. RESPONSIVE (móviles) --- */
@media (max-width: 768px) {
    .woocommerce-checkout .woocommerce-billing-fields,
    .woocommerce-checkout .woocommerce-checkout-review-order {
        padding: 15px !important;
    }
    
    .woocommerce-checkout .woocommerce-checkout-payment #place_order {
        font-size: 16px !important;
        padding: 12px 20px !important;
    }
    
    .woocommerce-checkout .entry-title,
    .woocommerce-checkout h1 {
        font-size: 24px !important;
    }
}


.instrucciones-pago {
    margin: 20px 0;
    padding: 15px 20px;
    background: #f5faf5;
    border-left: 4px solid #2d881c;
    border-radius: 6px;
}
.instrucciones-pago h4 {
    margin: 0 0 12px 0;
    color: #093819;
    font-size: 16px;
}
.instrucciones-pago ol {
    margin: 0 0 12px 0;
    padding-left: 20px;
    color: #1e2a3a;
    font-size: 14px;
    line-height: 1.8;
}
.instrucciones-pago ol li {
    margin-bottom: 6px;
}
.instrucciones-pago .cuenta-destacada {
    background: #e6eee6;
    padding: 2px 8px;
    border-radius: 4px;
    font-family: monospace;
}
.instrucciones-pago .nota-importante {
    font-size: 13px;
    color: #5a6a5a;
    font-style: italic;
}







/* ============================================
   ESTILOS UNIFICADOS PARA PÁGINA DE PEDIDO RECIBIDO
   CON TAMAÑOS DE LETRA MÁS GRANDES
   ============================================ */

/* --- FUENTE Y COLORES BASE --- */
.woocommerce-order,
.woocommerce-order * {
    font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important;
    color: #1e2a3a !important; /* Color base para todo el texto */
}

/* --- TÍTULOS PRINCIPALES --- */
.woocommerce-order .entry-title,
.woocommerce-order h1 {
    font-size: 36px !important;
    font-weight: 700 !important;
    color: #093819 !important;
    text-align: center !important;
    margin-bottom: 30px !important;
}

.woocommerce-order .woocommerce-thankyou-order-received {
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #1e2a3a !important;
    background: #f5faf5 !important;
    border-left: 5px solid #2d881c !important;
    padding: 18px 24px !important;
    border-radius: 12px !important;
    margin-bottom: 30px !important;
    text-align: left !important;
}

/* --- TÍTULOS SECUNDARIOS (H2, H3) --- */
.woocommerce-order h2,
.woocommerce-order h3,
.woocommerce-order .woocommerce-order-details h2,
.woocommerce-order .woocommerce-customer-details h2,
.woocommerce-order .wc-bacs-bank-details h2,
.woocommerce-order .wc-bacs-bank-details h3,
.woocommerce-order .woocommerce-order-details h3 {
    color: #093819 !important;
    font-weight: 700 !important;
    font-size: 22px !important;
}

/* --- RESUMEN DEL PEDIDO (NÚMERO, FECHA, TOTAL, MÉTODO) --- */
.woocommerce-order ul.woocommerce-order-overview {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
    gap: 15px !important;
    padding: 25px !important;
    margin: 0 0 30px 0 !important;
    list-style: none !important;
    background: #ffffff !important;
    border-radius: 16px !important;
    border: 1px solid #e6eee6 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
}

.woocommerce-order ul.woocommerce-order-overview li {
    font-size: 16px !important;
    padding: 8px 12px !important;
    border-right: 1px solid #e6eee6 !important;
    margin: 0 !important;
}

.woocommerce-order ul.woocommerce-order-overview li:last-child {
    border-right: none !important;
}

.woocommerce-order ul.woocommerce-order-overview li strong {
    display: block !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #093819 !important;
    margin-bottom: 4px !important;
}

.woocommerce-order ul.woocommerce-order-overview li .woocommerce-Price-amount,
.woocommerce-order ul.woocommerce-order-overview li .amount {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #2d881c !important;
}

/* --- DETALLES BANCARIOS --- */
.woocommerce-order .wc-bacs-bank-details {
    background: #ffffff !important;
    border-radius: 16px !important;
    padding: 25px 30px !important;
    border: 1px solid #e6eee6 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
    margin-bottom: 30px !important;
}

.woocommerce-order .wc-bacs-bank-details h2 {
    font-size: 22px !important;
    margin-bottom: 15px !important;
    padding-bottom: 10px !important;
    border-bottom: 3px solid #2d881c !important;
}

.woocommerce-order .wc-bacs-bank-details .account {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px 20px !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #e6eee6 !important;
    font-size: 16px !important;
}

.woocommerce-order .wc-bacs-bank-details .account:last-child {
    border-bottom: none !important;
}

.woocommerce-order .wc-bacs-bank-details .account strong {
    font-weight: 600 !important;
    color: #1e2a3a !important;
}

.woocommerce-order .wc-bacs-bank-details .account span {
    font-weight: 400 !important;
    color: #2d3a4a !important;
}

/* --- TABLA DE DETALLES DEL PEDIDO --- */
.woocommerce-order .woocommerce-table--order-details {
    background: #ffffff !important;
    border-radius: 16px !important;
    border: 1px solid #e6eee6 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
    overflow: hidden !important;
    margin-bottom: 30px !important;
}

.woocommerce-order .woocommerce-table--order-details h2 {
    font-size: 22px !important;
    padding: 20px 20px 15px !important;
    margin: 0 !important;
    border-bottom: 3px solid #2d881c !important;
}

.woocommerce-order .woocommerce-table--order-details table {
    width: 100% !important;
    border: none !important;
    font-size: 16px !important;
}

.woocommerce-order .woocommerce-table--order-details table th,
.woocommerce-order .woocommerce-table--order-details table td {
    padding: 14px 20px !important;
    border-bottom: 1px solid #e6eee6 !important;
    font-size: 16px !important;
    color: #1e2a3a !important;
}

.woocommerce-order .woocommerce-table--order-details table th {
    font-weight: 600 !important;
    color: #093819 !important;
    background: #f9fbf9 !important;
}

.woocommerce-order .woocommerce-table--order-details table .product-name {
    font-weight: 500 !important;
}

.woocommerce-order .woocommerce-table--order-details table .product-total {
    font-weight: 700 !important;
    color: #093819 !important;
}

.woocommerce-order .woocommerce-table--order-details table .cart-subtotal th,
.woocommerce-order .woocommerce-table--order-details table .cart-subtotal td {
    color: #1e2a3a !important;
}

.woocommerce-order .woocommerce-table--order-details table .order-total th,
.woocommerce-order .woocommerce-table--order-details table .order-total td {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #093819 !important;
    border-top: 2px solid #2d881c !important;
}

.woocommerce-order .woocommerce-table--order-details .wc-item-meta {
    font-size: 15px !important;
    color: #5a6a5a !important;
}

/* --- DIRECCIÓN DE FACTURACIÓN --- */
.woocommerce-order .woocommerce-customer-details {
    background: #ffffff !important;
    border-radius: 16px !important;
    padding: 25px 30px !important;
    border: 1px solid #e6eee6 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
    margin-bottom: 30px !important;
}

.woocommerce-order .woocommerce-customer-details h2 {
    font-size: 22px !important;
    margin-bottom: 15px !important;
    padding-bottom: 10px !important;
    border-bottom: 3px solid #2d881c !important;
}

.woocommerce-order .woocommerce-customer-details address {
    font-style: normal !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    padding: 0 !important;
}

.woocommerce-order .woocommerce-customer-details address strong {
    font-weight: 600 !important;
    color: #093819 !important;
}

/* --- NOTAS DEL PEDIDO --- */
.woocommerce-order .woocommerce-order-details .order-again {
    margin-top: 20px !important;
}

.woocommerce-order .woocommerce-order-details .order-again a {
    background: #2d881c !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    padding: 12px 30px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: inline-block !important;
}

.woocommerce-order .woocommerce-order-details .order-again a:hover {
    background: #093819 !important;
    transform: translateY(-2px) !important;
}

/* --- ANULAR ESTILOS ROJOS GENÉRICOS --- */
.woocommerce-order .woocommerce-Price-amount,
.woocommerce-order .amount,
.woocommerce-order .product-total,
.woocommerce-order .order-total .woocommerce-Price-amount,
.woocommerce-order .woocommerce-order-overview .woocommerce-Price-amount {
    color: #2d881c !important;
}

.woocommerce-order a {
    color: #2d881c !important;
    text-decoration: none !important;
}

.woocommerce-order a:hover {
    color: #093819 !important;
}

/* --- RESPONSIVE --- */
@media (max-width: 768px) {
    .woocommerce-order ul.woocommerce-order-overview {
        grid-template-columns: 1fr 1fr !important;
        padding: 15px !important;
    }
    
    .woocommerce-order ul.woocommerce-order-overview li {
        border-right: none !important;
        border-bottom: 1px solid #e6eee6 !important;
        padding: 8px 0 !important;
    }
    
    .woocommerce-order .wc-bacs-bank-details .account {
        grid-template-columns: 1fr !important;
    }
    
    .woocommerce-order .woocommerce-table--order-details table th,
    .woocommerce-order .woocommerce-table--order-details table td {
        padding: 10px 15px !important;
        font-size: 15px !important;
    }
    
    .woocommerce-order .entry-title {
        font-size: 28px !important;
    }
    
    .woocommerce-order .woocommerce-thankyou-order-received {
        font-size: 18px !important;
    }
}

@media (max-width: 480px) {
    .woocommerce-order ul.woocommerce-order-overview {
        grid-template-columns: 1fr !important;
    }
    
    .woocommerce-order .woocommerce-thankyou-order-received {
        font-size: 16px !important;
        padding: 12px 15px !important;
    }
    
    .woocommerce-order .entry-title {
        font-size: 24px !important;
    }
}



/* ============================================
   BOTÓN SUSCRÍBETE - DISEÑO "LIBRO CIENTÍFICO"
   SIN EFECTO VIDRIADO
   ============================================ */

.menu-suscribete-destacado a {
    position: relative !important;
    background: linear-gradient(145deg, #3ba51e 0%, #1f6a14 100%) !important;
    color: #ffffff !important;
    padding: 10px 32px 10px 28px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    border: none !important;
    
    /* Forma de "libro abierto" */
    border-radius: 30px 8px 30px 8px !important;
    
    /* Sombra con volumen */
    box-shadow: 
        6px 6px 12px rgba(0, 0, 0, 0.25),
        -4px -4px 12px rgba(255, 255, 255, 0.15),
        inset 0 -4px 8px rgba(0, 0, 0, 0.15),
        inset 0 4px 8px rgba(255, 255, 255, 0.25) !important;
    
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* === ICONO (SIN ANIMACIÓN) === */
.menu-suscribete-destacado a .icono-boton {
    font-size: 18px !important;
    display: inline-block !important;
    position: relative !important;
    z-index: 2 !important;
}

/* === EFECTO HOVER === */
.menu-suscribete-destacado a:hover {
    background: linear-gradient(145deg, #093819 0%, #1a5a2e 100%) !important;
    transform: scale(1.04) translateY(-2px) !important;
    border-radius: 8px 30px 8px 30px !important;
    box-shadow: 
        10px 10px 20px rgba(0, 0, 0, 0.3),
        -6px -6px 16px rgba(255, 255, 255, 0.1),
        inset 0 -4px 8px rgba(0, 0, 0, 0.1),
        inset 0 4px 8px rgba(255, 255, 255, 0.2) !important;
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
    .menu-suscribete-destacado a {
        padding: 8px 20px 8px 16px !important;
        font-size: 11px !important;
        border-radius: 20px 4px 20px 4px !important;
    }
    
    .menu-suscribete-destacado a .icono-boton {
        font-size: 15px !important;
    }
}