/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 09 2025 | 14:16:40 */
/* * FIXED SITE STYLESHEET
 *
 * *******************************************************************
 * * MAXIMA FUERZA: TODOS LOS ELEMENTOS HEREDAN LEXEND, EXCEPTO H1/H2 *
 * *******************************************************************
 *
 */

/* ========================================================= */
/* 1. IMPORTACIÓN DE FUENTES (Lexend y Fraunces) */
/* ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,700;9..144,500&family=Lexend:wght@300;400;500;600;700&display=swap');


/* ========================================================= */
/* 2. FUERZA GENERAL (TODO ES LEXEND POR DEFECTO) */
/* ========================================================= */

/* Aplicamos Lexend y el peso más común (300/light) a CADA elemento que pueda tener texto,
   forzando la anulación de cualquier tipografía preexistente. */
*:not(h1):not(h2) {
    font-family: 'Lexend', sans-serif !important;
    /* Ajustamos el peso y tamaño de los elementos más comunes que no son H1/H2 */
    font-weight: 400 !important;
    font-size: 1rem !important; /* text-base (16px) */
    line-height: 1.5 !important;
}

/* Excepciones de tamaño y peso dentro de Lexend */

/* H3 (Títulos de Productos/Cursos): Lexend, 400, text-xl */
h3 {
    font-weight: 400 !important; 
    font-size: 1.25rem !important; /* text-xl (20px) */
}

/* Párrafos y descripciones: Lexend, 300, text-base/text-sm */
p {
    font-weight: 300 !important; 
    font-size: 1rem !important; /* text-base (16px) */
}

/* Párrafos más pequeños (descripciones de cursos, etc.) */
p.course-description {
    font-weight: 300 !important;
    font-size: 0.875rem !important; /* text-sm (14px) */
}

/* Span/Meta/Precio/Botones: Lexend, 500/700, text-sm */
span, button, a {
    font-weight: 500 !important; 
    font-size: 0.875rem !important; /* text-sm (14px) */
}

/* Span para texto más pequeño (text-xs) */
span.meta-text-xs {
    font-size: 0.75rem !important;
    font-weight: 400 !important;
}


/* ========================================================= */
/* 2.1 REGLAS PARA H1 y H2 (FRAUNCES) */
/* ========================================================= */

/* Main Profile Name: H1 (Fraunces, 700, text-3xl/sm:text-4xl) */
h1 {
    font-family: 'Fraunces', serif !important;
    font-size: 2.25rem !important; /* text-3xl (36px) */
    font-weight: 700 !important; /* font-bold */
}

@media (min-width: 640px) { /* sm:breakpoint */
    h1 {
        font-size: 2.5rem !important; /* text-4xl (40px) */
    }
}

/* Section Headings: H2 (Fraunces, 500, text-2xl) */
h2 {
    font-family: 'Fraunces', serif !important;
    font-size: 1.5rem !important; /* text-2xl (24px) */
    font-weight: 500 !important; /* font-medium */
}


/* ========================================================= */
/* 3. ALINEACIÓN DE BOTONES EN PRODUCTOS RELACIONADOS - FIX FINAL */
/* ========================================================= */

/* 1. Asegurar que el contenedor principal de la lista (UL) tenga una altura de referencia */
.wp-block-query .products-block-post-template {
    align-items: stretch; 
}


/* 2. Configurar cada tarjeta (LI) como un contenedor flexbox vertical con altura completa */
.wp-block-query .products-block-post-template li.wp-block-post {
    display: flex;
    flex-direction: column; 
    height: 100%;
    box-sizing: border-box; 
}

/* 3. Forzar el contenedor del botón a la parte inferior de la tarjeta */
.wp-block-query .products-block-post-template li.wp-block-post .wp-block-button {
    margin-top: auto !important; 
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* 4. Asegurar que el precio no deje espacio innecesario abajo */
.wp-block-query .products-block-post-template li.wp-block-post .wp-block-woocommerce-product-price {
    margin-bottom: 0px !important;
}

/* 5. Asegurar que el span/link interno del botón esté fijo */
.wp-block-query .products-block-post-template li.wp-block-post .wp-block-button__link {
    margin-bottom: 0 !important; 
}


/* ========================================================= */
/* Contenido Original del CSS (Limpio) */
/* ========================================================= */

@media (max-width: 767px) {
    .wp-block-group.alignwide.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
}

p.has-base-2-color.has-text-color.has-link-color.has-large-font-size.wp-elements-f4b3bf98f0ba3214442ed048346740ed {
    margin-top: 0px;
}

table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table {
    background: white;
}

.woocommerce-MyAccount-navigation > ul {
    padding: 20px !important;
    background: white;
    border-radius: 5px;
}

.woocommerce-MyAccount-content {
    margin-bottom: 40px;
}

li.wp-block-navigation-item.my-account.wp-block-navigation-link {
    border: 2px solid #f50;
    padding: 5px 10px;
    border-radius: 5px;
    color: #f50;
}

li.wp-block-navigation-item.my-account.wp-block-navigation-link:hover {
    background: #ff00006e;
    color: white;
}

iframe {
    width: 560px; /* Default width */
    height: 315px; /* Default height */
}

    @media (max-width: 666px) {
        iframe {
            width: 90% !important;
            height: 200px !important;
        }
    }

@media (max-width: 550px) {
    .wp-block-group.alignwide.is-content-justification-space-between.is-layout-flex.wp-container-core-group-is-layout-4.wp-block-group-is-layout-flex {
        padding: 0px 35px;
    }
    
    figure.wp-block-image.size-large.is-resized {
    max-width: 180px;
    }
}

html, body {
    overflow-x: hidden;
}


/* ========================================================= */
/* Checkout */
/* ========================================================= */

p#billing_country_field {
    display: none;
}

p#billing_state_field {
    display: none;
}

p#shipping_state_field {
    display: none;
}


.woocommerce-checkout h1.alignwide.wp-block-post-title {
    text-align: center;
}

.wc_payment_method > label > img {
    display: none;
}

.wc-block-components-notice-banner.is-info {
    background-color: #f9fff4;
    border-color: #00ba3f;
}

.wc-block-components-notice-banner.is-info>svg {
    background-color: #91ba00;
}

.ui-helper-hidden-accessible {
    display: none;
}


/* ========================================================= */
/* Cart */
/* ========================================================= */

/* FORMULARIO ESTIMACION */

.woocommerce-cart input#calc_shipping_postcode {
    display: none;
}


/* ========================================================= */
/* Product */
/* ========================================================= */

.single-product a {
    /* font-size: 18px; <- REMOVED, use Tailwind classes (e.g., text-lg) */
}

p.producto-autor {
    margin-top: 0px;
    /* font-weight: 700 !important; <- REMOVED, use Tailwind classes (e.g., font-bold) */
}


/* ========================================================= */
/* Shop Page */
/* ========================================================= */

.woocommerce a.added_to_cart {
    padding-top: .5em;
    display: inline-block;
    color: white;
    background: #48cb7f;
    padding: 5px 20px;
    border-radius: 5px;
    margin-top: -10px;
    /* font-size: 15px; <- REMOVED, use Tailwind classes (e.g., text-sm) */
    /* font-family: sans-serif; <- REMOVED, use var(--font-lexend) implicitly or explicitly */
}

:where(.wc-block-mini-cart__badge) {
    background-color: #e80f0f !important;
    color: rgb(249, 249, 249);
}

a.wc-block-components-product-name {
    /* font-size: 24px; <- REMOVED, use Tailwind classes (e.g., text-xl/text-2xl) */
    /* font-family: sans-serif !important; <- REMOVED, use var(--font-fraunces) or var(--font-lexend) */
    text-decoration: none;
    line-height: 1 !important;
}

.wp-block-woocommerce-cart-order-summary-fee-block.wc-block-components-totals-wrapper {
    background: #f9707000;
    color: #D8613C;
    border: 1px solid #D8613C;
    border-radius: 5px;
}

.wp-block-woocommerce-checkout-order-summary-fee-block.wc-block-components-totals-wrapper {
    background: #f9707000;
    color: #D8613C;
    border: 1px solid #D8613C;
    border-radius: 5px;
}

.wp-container-core-group-is-layout-7.wp-container-core-group-is-layout-7 {
    justify-content: space-between;
}

@media (max-width: 767px) {
    figure.wp-block-embed.is-type-rich.is-provider-soundcloud.wp-block-embed-soundcloud.wp-embed-aspect-4-3.wp-has-aspect-ratio.wp-container-content-2 {
        display: none;
    }
}

button.components-button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
    background: #D8613C;
}


h2.has-text-align-center.wp-block-post-title.has-medium-font-size {
    /* font-family: sans-serif; <- REMOVED */
    /* font-size: 24px !important; <- REMOVED, use Tailwind classes (text-2xl) */
    /* font-weight:700; <- REMOVED, use Tailwind classes (font-medium) */
}


/* ========================================================= */
/* GENERAL */
/* ========================================================= */

footer.wp-block-template-part {
    margin-top: 0px;
}

.wc-block-order-confirmation-status.alignwide.has-font-size.has-large-font-size {
    text-align: center;
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 64%;
    padding: 20px;
    background: white;
    border-radius: 5px;
}

@media (max-width: 1166px) {
    .wp-block-embed-soundcloud {
        display: none;
    }
}

.wp-container-content-8 {
    flex-basis: 50%;
}

@media (max-width: 1350px) {
    .wp-container-content-8 {
        flex-basis: 40%;
    }
}

@media (max-width: 1102px) {
    .page-id-2166 .wp-container-core-group-is-layout-7.wp-container-core-group-is-layout-7 {
        justify-content: space-between;
        width: 1000px;
    }
}

@media (max-width: 767px) {
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        float: none;
        width: 100%;
        box-sizing: border-box !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content {
        padding: 20px;
        background: white;
        border-radius: 5px;
    }
}


/* h2 {
text-align: left;
} */


/* ========================================================= */
/* Verificar */
/* ========================================================= */

.woocommerce-form-coupon-toggle {
    max-width: 700px;
    margin: auto;
}


/* ========================================================= */
/* Termino y Condiciones */
/* ========================================================= */

.page-id-2202 .entry-content.wp-block-post-content.has-global-padding.is-layout-constrained.wp-block-post-content-is-layout-constrained {
    max-width: 600px !important;
    margin: auto !important;
}

.page-id-2202 h1.has-text-align-center.wp-block-post-title {
    margin-top: -90px;
}

/* ========================================================= */
/* Login */
/* ========================================================= */

.page-id-2196 .entry-content.wp-block-post-content.has-global-padding.is-layout-constrained.wp-block-post-content-is-layout-constrained {
    background: url(https://elvillegas.cl/wp-content/uploads/2024/05/Nunork4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.page-id-2197 .entry-content.wp-block-post-content.has-global-padding.is-layout-constrained.wp-block-post-content-is-layout-constrained {
    max-width: 650px !important;
    margin: auto;
}

.page-id-2197 .entry-content.wp-block-post-content.has-global-padding.is-layout-constrained.wp-block-post-content-is-layout-constrained {
    padding-top: 20px;
}

form.woocommerce-form.woocommerce-form-login.login {
    background: whitesmoke;
}

form.woocommerce-form.woocommerce-form-register.register {
    background: whitesmoke;
}

.page-id-2196 h2 {
    color: white !important; /* Mantenemos este, pero la fuente será Fraunces */
}

.page-id-2211 .entry-content.wp-block-post-content.has-global-padding.is-layout-constrained.wp-block-post-content-is-layout-constrained {
    background: white;
}

.woocommerce-lost-password form.woocommerce-ResetPassword.lost_reset_password {
    color: white;
}


/* ========================================================= */
/* Popup */
/* ========================================================= */

.pum-theme-2855 .pum-title, .pum-theme-lightbox .pum-title {
    color: #ff0000;
    text-align: left;
    text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 );
    /* Se eliminarán las fuentes y tamaños originales en favor de H2/H3 */
}


/* ========================================================= */
/* Patreon */
/* ========================================================= */

.page-id-2417 .wp-block-group.alignfull.has-base-2-background-color.has-background.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-10.wp-block-group-is-layout-constrained {
    padding-bottom: 0px !important;
}


/* ========================================================= */
/* Navigation */
/* ========================================================= */

.wp-container-core-group-is-layout-4.wp-container-core-group-is-layout-4 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 1280px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 5px;
}

@media (max-width: 767px) {
  .wp-block-group.alignwide.has-base-background-color.has-background.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    padding: 20px !important;
  }
}

/* Applies ONLY between 601px and 1020px */
@media only screen and (min-width: 601px) and (max-width: 1020px) {
    #header-main > div {
        justify-content: center !important;
    }
}

/* Applies to anything 600px or smaller */
@media only screen and (max-width: 600px) {
    #header-main > div {
        justify-content: space-between !important;
    }
}


/* ========================================================= */
/* Roma. */
/* ========================================================= */

h2#pre-titulo {
    background: black;
    padding: 2px 10px;
    display: inline-block; 
}

.wp-block-group.alignfull.has-base-color.has-contrast-background-color.has-text-color.has-background.has-link-color.wp-elements-8a1c92804ec81f3bad07be4db9c74dc0.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-6.wp-block-group-is-layout-constrained {
    text-align: center;
}

h2.wp-block-heading.has-text-align-center.has-base-2-color.has-text-color.has-link-color.wp-elements-e1fc67cd7787db0954a9ec34ff21d4a4 {
    line-height: 0.9;
}


/* ========================================================= */
/* Course Page */
/* ========================================================= */

.entry-content.alignfull.wp-block-post-content.has-global-padding.is-layout-constrained.wp-block-post-content-is-layout-constrained {
    max-width: 600px;
    margin: auto;
}


/* ========================================================= */
/* My Account WooCommerc. */
/* ========================================================= */

.page-id-2196 .woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {
    max-width: 1280px;
}

.woocommerce-Address-title > h2 {
    color: black !important;
}

@media (max-width: 1119px) {
  .page-id-2196 main>div.entry-content {
    padding: 20px !important;
  }
}

@media (max-width: 767px) {
    .woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 100% !important;
    padding: 20px;
    background: white;
    border-radius: 5px;
}

}


/* ========================================================= */
/* Ovni Banner */
/* ========================================================= */

@media (max-width: 767px) {
        figure#ovnifoto {
        float: none;
        width: 100%;
        margin-left: 0px;
    }
}


/* ========================================================= */
/* Form Adduser Patreon */
/* ========================================================= */

div#patreon-user-form-wrapper {
    text-align: center;
    padding: 50px 0px;
}


/* ========================================================= */
/* Regular Posts */
/* ========================================================= */

@media (max-width: 676px) {
    h1.has-text-align-center.wp-block-post-title {
        padding-right: 5% !important;
        padding-left: 5% !important;
    }
    
    .has-text-align-center.wp-block-post-excerpt.has-heading-font-family {
        padding-right: 5% !important;
        padding-left: 5% !important;
    }
}


/* ========================================================= */
/* Brevo Form. */
/* ========================================================= */

div#brevo-form {
    margin-top: 20px;
}

/* ========================================================= */
/* Ventana Banner. */
/* ========================================================= */

@media (max-width: 781px) {
  div#ventana-horizontal {
    display: none;
  }
}

@media (min-width: 767px) {
  div#ventana-vertical {
    display: none;
  }
}


@media (max-width: 1172px) {
  div#ventana-horizontal {
    figure#fotoVentana {
        max-width: 455px;
    }
}


/* ========================================================= */
/* Academia Villegas */
/* ========================================================= */

@media (max-width: 1022px) {

  /* === SECCIÓN BIENVENIDOS === */
  #seccion-bienvenidos .wp-block-columns {
    flex-direction: column-reverse !important;
    text-align: center;
    width: 100%;
    margin: auto;
  }

  #seccion-bienvenidos .wp-block-column {
    width: 100% !important;
  }

  #bienvenido-texto h2 {
    text-align: center !important;
    padding: 0 40px;
  }

  #bienvenido-texto > p {
    text-align: center !important;
    padding: 0 40px;
  }

  #seccion-bienvenidos img {
    max-width: 80%;
    height: auto;
    margin: 1.5rem auto 0 auto;
    display: block;
  }

  #seccion-bienvenidos {
    padding-top: 2rem;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-bottom: 0 !important;
  }

  /* === SECCIÓN ¿QUÉ ES ACADEMIA VILLEGAS? === */
  #que-es-academia-villegas .wp-block-columns {
    flex-direction: column-reverse !important;
    text-align: center;
    width: 100%;
    margin: auto;
  }

  #que-es-academia-villegas .wp-block-column {
    width: 100% !important;
    padding-top: 0px !important;
    padding-bottom: 10px;
  }

  div#que-es-academia-villegas {
    padding-top: 0px !important;
    padding-bottom: 40px !important;
  }

  #como-funciona .wp-block-column.has-contrast-background-color.has-background.has-global-padding.is-layout-constrained.wp-container-core-column-is-layout-80c3213e.wp-block-column-is-layout-constrained {
    padding: 40px !important;
  }

  #nuestros-cursos .wp-block-column.has-contrast-background-color.has-background.has-global-padding.is-layout-constrained.wp-container-core-column-is-layout-80c3213e.wp-block-column-is-layout-constrained {
    padding: 40px !important;
  }

  #faq > div > div {
    padding: 0px !important;
  }



  #que-es-academia-villegas h2 {
    text-align: center !important;
    padding: 0 40px;
  }

  #que-es-academia-villegas p {
    text-align: center !important;
    padding: 0 40px;
  }

  #que-es-academia-villegas img {
    max-width: 80%;
    height: auto;
    margin: 1.5rem auto 0 auto;
    display: block;
  }

  /* Nueva regla para imagen-que-es */
  #imagen-que-es {
    flex-basis: 0px !important;
    padding-bottom: 10px;
  }

  /* Nueva regla para texto-que-es */
  #texto-que-es {
    flex-basis: 0px !important;
  }

  button.vcp-auth-open {
    display: block !important;  
    width: 150px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* MODO ESCRITORIO */
@media (min-width: 1023px) {
  button.vcp-auth-open {
    float: right;
  }
}


#bottom-course-card .entry-header .entry-title {
    text-align: center;
}


/* ========================================================= */
/* Carrusell Productos. */
/* ========================================================= */

#producto-carrusel {
    position: relative;
    width: 100%;
    overflow: hidden;
    min-height: 200px; /* asegura que el contenedor tenga altura visible */
}

/* Cada slide (inicialmente oculto) */
#producto-carrusel .slide {
    width: 100%;
    display: none;          /* ocultos por defecto */
    text-align: center;
}

/* Slide visible */
#producto-carrusel .slide.active {
    display: block;         /* solo el activo se muestra */
}

/* Imagen */
#producto-carrusel img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    border-radius: 6px;
    margin-bottom: 10px;
}

/* Título */
#producto-carrusel .producto-titulo {
    /* font-size: 20px; <- REMOVED */
    /* font-weight: 600; <- REMOVED */
    margin: 5px 0 3px 0;
    text-align: left;
}

/* Precio */
#producto-carrusel .producto-precio {
    /* font-size: 18px; <- REMOVED */
    /* font-weight: 500; <- REMOVED */
    color: #a00;
    text-align: left;
}


@media screen and (max-width: 781px) {
    #producto-carrusel {
        display: none;
    }
}


/* ========================================================= */
/* Suscripcion Flow. */
/* ========================================================= */

div#sus-button {
    text-align: center;
}

button#LucaTest-button {
    background: black;
    color: white;
    padding: 10px 20px;
    border-radius: 4px;
    /* font-size: 18px; <- REMOVED */
    border: none;
}


/* ========================================================= */
/* Carrito. */
/* ========================================================= */

/* FIX PRINCIPAL PARA TT4 + WooCommerce Blocks – SOLO EN LA PÁGINA DEL CARRITO */
body.woocommerce-cart {

    @media (max-width: 970px) {

        .wp-block-group.has-global-padding.is-layout-constrained {
            display: block !important;
            width: 100% !important;
            max-width: 100% !important;
            padding-left: 1rem !important;
            padding-right: 1rem !important;
            box-sizing: border-box !important;
        }

        .wc-block-cart,
        .wc-block-components-sidebar-layout {
            display: block !important;
            width: 100% !important;
            max-width: 100% !important;
        }

        .wc-block-components-sidebar {
            width: 100% !important;
            margin-top: 20px !important;
        }

        .wc-block-cart-item__image img {
            max-width: 120px !important;
            height: auto !important;
        }

        .wc-block-cart-items,
        .wc-block-cart-items__row,
        .wc-block-cart-item__product,
        .wc-block-cart-item__total {
            display: block !important;
            width: 100% !important;
        }

        .wc-block-components-panel__button {
            white-space: nowrap !important;
            width: 100% !important;
            display: flex !important;
            align-items: center !important;
        }
    }
}


div#vcp-auth-button {
    font-family: 'Lexend';
}

.wc-block-components-notice-banner__content {
    font-family: 'Lexend';
}

.wc-block-components-notice-banner.is-success .button.wc-forward {
    font-family: 'Lexend';
    color: #000 !important;
    background: transparent !important;
    border: none !important;
    text-decoration: underline !important;
    padding-left: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

#footer-text-bottom > div > div > h2,
#footer-text-bottom h2 {
	text-align: left !important;
}