/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

.woocommerce-page.woocommerce-checkout form #order_review {
    width: 100% !important;
}

.woocommerce-page.woocommerce-checkout form #order_review_heading {
    width: 100% !important;
}

.woocommerce-page.woocommerce-checkout form #customer_details.col2-set {
    width: 100% !important;
}

/* Estilos para el menú de pasos */
#checkout_steps_menu {
    list-style: none;
    display: flex;
    gap: 0;
    margin-bottom: 20px;
    padding: 0;
    justify-content: space-between;
}

#checkout_steps_menu li {
    cursor: pointer;
    padding: 10px 0;
    border-radius: 4px;
    text-align: left;
}

#checkout_steps_menu li.active {
    background-color: #c75300;
    color: #fff;
}

#billing_country {
    padding: 0px 10px 0px 1rem !important;
}

#continue-button-checkout {
    margin-bottom: 1rem;
    text-align: right;
}

.ast-stock-detail {
    display: none;
}

#order_review .product-name,
#order_review .product-total {
    font-size: 1rem;
}

form #order_review_heading:not(.elementor-widget-woocommerce-checkout-page #order_review_heading) {
    margin: 0;
    padding: 0px;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    background-color: #c75300;
}

.product .nyp {
    margin-right: 2rem !important;
}

#donation-amount-select {
    min-width: 125px !important;
    padding: 0px 10px 0px 1rem !important;
}

#donation-button-container {
    padding: 20px 0;
}

#donation-button-container .donation-button {
    background-color: #fff;
    color: #000;
    border: 1px solid #eee;
    border-radius: 5px;
    margin-right: 15px;
    background-color: #f4f3f1;
}

#donation-button-container .active-button {
    background-color: #000;
    color: #fff;
}
#donation-button-container .active-button::before {
    content: " ";
    background-image: url(/wp-content/uploads/2024/09/ok-money.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 17px;
    height: 16px;
    position: relative;
    left: -7px;
    top: 2px;
    display: inline-block;
}

#tipo-pago-button-container .tipo-pago-item {
    color: #000;
    border: 1px solid #eee;
    border-radius: 25px 25px 25px 25px;
    margin-right: 15px;
    background-color: #f4f3f1;
}

#tipo-pago-button-container .active-tipo-pago-item {
    background-color: #000 !important;
    color: #fff !important;
}
#tipo-pago-button-container .active-tipo-pago-item:before {
    content: " ";
    background-image: url(/wp-content/uploads/2024/09/ok-money.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 17px;
    height: 16px;
    position: relative;
    left: -7px;
    top: 2px;
    display: inline-block;
}

#label-tipo-pago {
    color: #ff6b00;
    font-weight: bold;
}

.product .nyp .nyp-input {
    border-radius: 5px;
    background-color: #f4f3f1;
}
.btn-finalizar-ficha .jet-woo-builder .single_add_to_cart_button.button,
.elementor-2166 .elementor-element.elementor-element-59cf218 .jet-woo-builder .single_add_to_cart_button.button {
    background-color: #c75300 !important;
    border-radius: 40px !important;
    max-width: 200px !important;
    padding: 18px 0 !important;
}
.btn-finalizar-ficha .jet-woo-builder .single_add_to_cart_button.button:hover,
.elementor-2166 .elementor-element.elementor-element-59cf218 .jet-woo-builder .single_add_to_cart_button.button:hover {
    background-color: #c75300 !important;
}

.container-checkout {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Dos columnas de igual ancho */
    gap: 30px; /* Espacio entre columnas */
    max-width: 1250px;
    margin: 0 auto;
}

/* Orden en dispositivos móviles */
.col-checkout-product {
    margin-top: 38px;
    grid-column: 1; /* Columna 1 ocupa la primera columna */
    grid-row: 1; /* Columna 1 ocupa la primera fila */
}

.col-checkout-form {
    grid-column: 2; /* Columna 2 ocupa la segunda columna */
    grid-row: 1; /* Columna 2 ocupa la primera fila */
}

.container-thankyou {
    margin-top: 50px;
    display: grid;
    grid-template-columns: 30% 1fr;
    gap: 50px;
}

/* Orden en dispositivos móviles */
.col-thankyou-photo {
    grid-column: 1; /* Columna 1 ocupa la primera columna */
    grid-row: 1; /* Columna 1 ocupa la primera fila */
}

.col-thankyou-data {
    grid-column: 2; /* Columna 2 ocupa la segunda columna */
    grid-row: 1; /* Columna 2 ocupa la primera fila */
}

.info-thankyou-photo {
    background-color: #f4f3f1;
    gap: 10px 10px;
    border-radius: 40px 40px 40px 40px;
    margin-top: 50px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 35px;
    padding-right: 35px;
}

.subtitle-thakyou {
    color: #c75300;
    font-size: 1.6rem;
    font-style: italic;
    font-weight: bold;
}

.thankyou-separator {
    border: none;
    height: 2px;
    background-color: black !important;
    margin: 20px 0 !important;
}

.thankyou-datos-propocionados {
    padding: 40px;
    border-radius: 40px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Ajusta los valores según tus necesidades */
}

#table-thankyou-datos-propocionados {
    padding: 0px;
    padding-left: 20px;
    margin: 0px;
    border: 0px !important;
    border-width: 0px !important;
    margin-bottom: 20px;
}

#table-thankyou-datos-propocionados td {
    vertical-align: top;
    padding: 0px;
    margin: 0px;
    border: 0px !important;
}

.thankyou-titulo-seccion {
    border-radius: 10px;
    padding: 5px 5px 5px 10px;
    font-weight: bold;
    background-color: #f4f3f1;
    color: #000;
    margin-bottom: 20px;
}

#table-thankyou-datos-propocionados .amount {
    border-radius: 10px;
    background-color: #ff6b00;
    color: #fff;
    font-size: 2rem;
    padding: 10px;
}

/* Estilos para pantallas pequeñas */
@media (max-width: 767px) {
    .container-checkout {
        grid-template-columns: 1fr; /* Una sola columna en móvil */
    }
    .col-checkout-product {
        grid-column: 1; /* Columna 1 ocupa la primera columna */
        grid-row: 2; /* Columna 1 se mueve a la segunda fila */
    }
    .col-checkout-form {
        grid-column: 1; /* Columna 2 ocupa la primera columna */
        grid-row: 1; /* Columna 2 se queda en la primera fila */
    }

    .container-thankyou {
        grid-template-columns: 1fr; /* Una sola columna en móvil */
    }
    .col-thankyou-photo {
        grid-column: 1; /* Columna 1 ocupa la primera columna */
        grid-row: 2; /* Columna 1 se mueve a la segunda fila */
    }
    .col-thankyou-data {
        grid-column: 1; /* Columna 2 ocupa la primera columna */
        grid-row: 1; /* Columna 2 se queda en la primera fila */
    }
}

#validacion-form-msg {
    text-align: center;
    color: #ff6b00;
    font-weight: bold;
}

.img-nino-container {
    max-height: 600px;
    border-radius: 40px;
    overflow: hidden;
}
.img-nino-container img {
    width: 100%;
}
.bloque-nombre-entradilla h2 {
    font-size: 56px;
    margin-bottom: 20px !important;
}
.bloque-nombre-entradilla p {
    fontg-size: 19px;
    font-weight: 700;
    font-family: "Lato", Sans-serif;
}
.bloque-gris {
    background-color: #f4f3f1;
    padding: 30px;
    margin-top: 50px;
    border-radius: 40px;
    font-family: "Lato", Sans-serif;
}
.bloque-gris p {
    margin-top: 20px;
}
#checkout_steps_menu li[data-step="0"].active::before {
    content: "01";
    background-color: #ff6b00;
    border-radius: 50px 5px 5px 50px;
    width: 150px;
    height: 50px;
    position: relative;
    display: block;
    padding-top: 8px;
    font-size: 19px;
    font-weight: 700;
    text-align: center;
}

#checkout_steps_menu li[data-step="0"]::before {
    content: "01";
    background-color: #efedea;
    border-radius: 50px 5px 5px 50px;
    width: 150px;
    height: 50px;
    position: relative;
    display: block;
    padding-top: 8px;
    font-size: 19px;
    font-weight: 700;
    text-align: center;
}
#checkout_steps_menu li[data-step="1"].active::before {
    content: "02";
    background-color: #ff6b00;
    border-radius: 5px 5px 5px 5px;
    width: 150px;
    height: 50px;
    position: relative;
    display: block;
    padding-top: 8px;
    font-size: 19px;
    font-weight: 700;
    text-align: center;
}
#checkout_steps_menu li[data-step="1"]::before {
    content: "02";
    background-color: #efedea;
    border-radius: 5px 5px 5px 5px;
    width: 150px;
    height: 50px;
    position: relative;
    display: block;
    padding-top: 8px;
    font-size: 19px;
    font-weight: 700;
    text-align: center;
}
#checkout_steps_menu li[data-step="2"].active::before {
    content: "03";
    background-color: #ff6b00;
    border-radius: 5px 5px 5px 5px;
    width: 150px;
    height: 50px;
    position: relative;
    display: block;
    padding-top: 8px;
    font-size: 19px;
    font-weight: 700;
    text-align: center;
}
#checkout_steps_menu li[data-step="2"]::before {
    content: "03";
    background-color: #efedea;
    border-radius: 5px 5px 5px 5px;
    width: 150px;
    height: 50px;
    position: relative;
    display: block;
    padding-top: 8px;
    font-size: 19px;
    font-weight: 700;

    text-align: center;
}
#checkout_steps_menu li.active:last-of-type::before {
    content: "03";
    background-color: #ff6b00;
    border-radius: 5px 50px 50px 5px;
    width: 150px;
    height: 50px;
    position: relative;
    display: block;
    padding-top: 8px;
    font-size: 19px;
    font-weight: 700;

    text-align: center;
}
#checkout_steps_menu li:last-of-type::before {
    content: "03";
    background-color: #efedea;
    border-radius: 5px 50px 50px 5px;
    width: 150px;
    height: 50px;
    position: relative;
    display: block;
    padding-top: 8px;
    font-size: 19px;
    font-weight: 700;
    text-align: center;
}
#checkout_steps_menu li[data-step="3"].active::before {
    content: "04";
    background-color: #ff6b00;
    border-radius: 5px 50px 50px 5px;
    width: 150px;
    height: 50px;
    position: relative;
    display: block;
    padding-top: 8px;
    font-size: 19px;
    font-weight: 700;
    text-align: center;
}
#checkout_steps_menu li[data-step="3"]::before {
    content: "04";
    background-color: #efedea;
    border-radius: 5px 50px 50px 5px;
    width: 150px;
    height: 50px;
    position: relative;
    display: block;
    padding-top: 8px;
    font-size: 19px;
    font-weight: 700;
    text-align: center;
}
#checkout_steps_menu li.active {
    background-color: transparent;
    color: #000;
}
.ast-container {
    max-width: 1440px;
}
.woocommerce-billing-fields__field-wrapper input,
.woocommerce-billing-fields__field-wrapper select {
    background-color: #fafafa !important;
    border-radius: 5px !important;
    height: 50px;
}

.woocommerce-billing-fields__field-wrapper textarea {
    background-color: #fafafa !important;
    border-radius: 5px !important;
    min-height: 120px;
}

.woocommerce-Price-amount,
.woocommerce-page.woocommerce-checkout form #order_review td.product-name {
    color: #000;
    font-family: "Lato", Sans-serif;
    font-weight: 900 !important;
}
.woocommerce {
    padding-bottom: 75px;
}
.woocommerce-product-gallery__image {
    max-height: 600px;
}
.jet-listing-grid--2287 .elementor-heading-title .woocommerce-Price-amount {
    color: #fff !important;
}

.invalid-condiciones {
    border: 1px solid red;
}

.single_add_to_cart_button.button {
    max-height: 56px !important;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    padding: 0.5rem !important;
}

#order_review .ppc-button-wrapper {
    padding-bottom: 20px;
}
.elementor-2521 .elementor-element.elementor-element-d90600d {
    margin-top: -99px;
}

.woocommerce-form-login,
.woocommerce-ResetPassword {
    width: 50%;
    margin: 0px auto !important;
}
@media (max-width: 767.99px) {
    .woocommerce-form-login,
    .woocommerce-ResetPassword {
        width: 95%;
    }
}

@media (max-width: 1440px) {
    .ast-container {
        max-width: 1100px;
    }
    #checkout_steps_menu li::before {
        width: 125px !important;
    }
    .elementor-element-d9bf4ec {
        max-width: 1100px;
        margin: auto;
    }
    .elementor-2521 .elementor-element.elementor-element-34160ff h2.elementor-heading-title {
        font-size: 40px !important;
    }
}

@media (max-width: 1199.99px) {
    .ast-container {
        max-width: 900px;
    }
    #checkout_steps_menu li::before {
        width: 100px !important;
    }
    #order_review .product-total {
        font-size: 1rem;
    }
    .woocommerce-Price-amount,
    .woocommerce-page.woocommerce-checkout form #order_review td.product-name {
        font-size: 22px;
    }
    form #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review) {
        padding: 0 0.5em;
    }
    .img-nino-container {
        max-height: 350px;
    }
    #donation-button-container .donation-button {
        padding-right: 20px;
        padding-left: 20px;
    }
    .elementor-element-d9bf4ec {
        max-width: 900px;
        margin: auto;
    }
    .elementor-tabs-wrapper {
        padding: 15px;
    }
    .elementor-2521 .elementor-element.elementor-element-b9934df .elementor-tabs-wrapper {
        max-height: 700px;
    }
}

@media (max-width: 991.99px) {
    .ast-container {
        max-width: 725px;
    }
    .img-nino-container {
        max-height: 500px;
    }
    .woocommerce-Price-amount,
    .woocommerce-page.woocommerce-checkout form #order_review td.product-name {
        font-size: 32px;
    }
    #checkout_steps_menu li::before {
        width: 150px !important;
    }
    .bloque-nombre-entradilla h2 {
        font-size: 45px;
    }
    #donation-button-container .donation-button {
        margin-right: 7px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .elementor-element-d9bf4ec {
        max-width: 725px;
        margin: auto;
    }
    .elementor-2521 .elementor-element.elementor-element-b9934df .elementor-tabs-wrapper {
        max-height: 730px;
        margin-top: 70px;
        width: 41%;
    }

    .jet-carousel .jet-arrow.next-arrow {
        z-index: 1 !important;
    }
    .jet-carousel .jet-arrow.prev-arrow {
        z-index: 1 !important;
    }
    .jet-breadcrumbs__content {
        padding-left: 5px;
    }
}
@media (max-width: 767.99px) {
    .ast-container {
        max-width: 500px;
    }
    #checkout_steps_menu li::before {
        width: 130px !important;
    }
    .elementor-element-d9bf4ec {
        max-width: 900px;
        margin: auto;
    }
    .elementor-widget-tabs .elementor-tabs-wrapper {
        overflow: hidden;
        display: flex;
        flex-direction: column;
        width: 90%;
        margin-left: 5%;
    }
    .elementor-2521 .elementor-element.elementor-element-d90600d {
        margin-top: 10px;
    }
}
@media (max-width: 577.99px) {
    form.woocommerce-checkout {
        margin-top: 25px;
    }
    .elementor-element-9a94512 .slick-arrow,
    .elementor-element-876ccbf .slick-arrow,
    .elementor-element-6b56e82 .slick-arrow {
        display: none !important;
    }

    #checkout_steps_menu {
        display: unset;
    }
    #checkout_steps_menu li {
        text-align: center;
        width: 100%;
    }
    #checkout_steps_menu li::before {
        width: 100% !important;
        border-radius: 50px !important;
        text-align: center !important;
    }
    .woocommerce-Price-amount,
    .woocommerce-page.woocommerce-checkout form #order_review td.product-name {
        font-size: 17px;
    }
    .elementor-2521 .elementor-element.elementor-element-d90600d {
        padding-left: 0;
    }
    .elementor-2521 .elementor-element.elementor-element-34160ff h2.elementor-heading-title {
        font-size: 30px !important;
    }
    .elementor-2521
        .elementor-element.elementor-element-fafd08f
        > .elementor-widget-container
        > .jet-accordion
        > .jet-accordion__inner
        > .jet-toggle
        > .jet-toggle__control
        .jet-toggle__label-text {
        font-size: 16px;
    }
}

.jet-mega-menu-mega-container__inner {
    padding: 0 !important;
}

.elementor-268
    .elementor-element.elementor-element-888f9a5
    .jet-mega-menu.jet-mega-menu--layout-horizontal
    .jet-mega-menu-mega-container__inner {
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.12) !important;
}

/* ------------------------------ */
/* Tarjetas Regalo */
/* ------------------------------ */
.tarjeta-image-carousel {
    max-width: 670px;
    margin: 0 auto;
}

.tarjeta-image-item img {
    width: 100%;
    height: auto;
    border-radius: 25px 25px 25px 25px;
    object-fit: cover;
}

.slick-next {
    right: 10px !important;
    background-color: unset !important;
    color: transparent !important;
    border-radius: 0px !important;
}

.slick-prev {
    left: 10px !important;
    z-index: 9;
    background-color: unset !important;
    color: transparent !important;
    border-radius: 0px !important;
}

.slick-dots {
    bottom: -38px !important;
}

.tarjeta-image-carousel-thumbs .tarjeta-image-thumb {
    cursor: pointer;
    margin: 3px;
}

.tarjeta-image-carousel-thumbs .tarjeta-image-thumb img {
    width: 100%;
    height: auto;
    border-radius: 10px 10px 10px 10px;
}

#tarjeta-regalo-seleccion-foto {
    max-width: 670px;
}

@media (max-width: 1024px) {
    #tarjeta-regalo-seleccion-foto {
        max-width: 500px;
    }
}

@media (max-width: 600px) {
    #tarjeta-regalo-seleccion-foto {
        max-width: 350px;
    }
}

@media (max-width: 400px) {
    #tarjeta-regalo-seleccion-foto {
        max-width: 300px;
    }
}

/* Estilo del fondo del popup */
#popup-background {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
    overflow-y: auto;
    /* Permite scroll en el fondo */
}

/* Estilo del contenido del popup */
#popup-content {
    position: relative;
    margin: 10% auto;
    padding: 20px;
    background-color: white;
    border-radius: 8px;
    width: 90%;
    max-width: 600px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Estilo del botón de cierre */
.close-popup {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

#popup-background td {
    border: 0px !important;
}

#popup-background table {
    border: 0px !important;
}

#popup-background tr {
    border: 0px !important;
}

/* Estilo responsivo */
@media (max-width: 600px) {
    #popup-content {
        width: 90%;
        padding: 15px;
    }

    .close-popup {
        font-size: 16px;
    }
}

.thwcfe-column-title {
    display: none !important;
}