.elementor-1337 .elementor-element.elementor-element-b2c5658{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1337 .elementor-element.elementor-element-7d67e46{--display:grid;--e-con-grid-template-columns:2fr 2fr 3fr;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1337 .elementor-element.elementor-element-7c43109{--display:flex;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1337 .elementor-element.elementor-element-60c620f.elementor-wc-products ul.products li.product{text-align:center;}.elementor-1337 .elementor-element.elementor-element-60c620f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1337 .elementor-element.elementor-element-60c620f.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1337 .elementor-element.elementor-element-60c620f.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1337 .elementor-element.elementor-element-de8731e .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );fill:#FFFFFF;color:#FFFFFF;border-radius:31px 31px 31px 31px;}.elementor-1337 .elementor-element.elementor-element-de8731e .elementor-button:hover, .elementor-1337 .elementor-element.elementor-element-de8731e .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );}.elementor-1337 .elementor-element.elementor-element-de8731e{width:var( --container-widget-width, 48.043% );max-width:48.043%;--container-widget-width:48.043%;--container-widget-flex-grow:0;}.elementor-1337 .elementor-element.elementor-element-de8731e.elementor-element{--align-self:center;}.elementor-1337 .elementor-element.elementor-element-de8731e .elementor-button:hover svg, .elementor-1337 .elementor-element.elementor-element-de8731e .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-1337 .elementor-element.elementor-element-c839384{--display:flex;}.elementor-1337 .elementor-element.elementor-element-6bb7ccf.elementor-wc-products ul.products li.product{text-align:center;}.elementor-1337 .elementor-element.elementor-element-6bb7ccf.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1337 .elementor-element.elementor-element-6bb7ccf.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-1337 .elementor-element.elementor-element-f2b8476 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );fill:#FFFFFF;color:#FFFFFF;border-radius:31px 31px 31px 31px;}.elementor-1337 .elementor-element.elementor-element-f2b8476 .elementor-button:hover, .elementor-1337 .elementor-element.elementor-element-f2b8476 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );}.elementor-1337 .elementor-element.elementor-element-f2b8476{width:var( --container-widget-width, 48.043% );max-width:48.043%;--container-widget-width:48.043%;--container-widget-flex-grow:0;}.elementor-1337 .elementor-element.elementor-element-f2b8476.elementor-element{--align-self:center;}.elementor-1337 .elementor-element.elementor-element-f2b8476 .elementor-button:hover svg, .elementor-1337 .elementor-element.elementor-element-f2b8476 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-1337 .elementor-element.elementor-element-d01995c{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1337 .elementor-element.elementor-element-541f2f1{font-family:"Poppins", Sans-serif;font-weight:400;line-height:30px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1337 .elementor-element.elementor-element-7d67e46{--grid-auto-flow:row;}.elementor-1337 .elementor-element.elementor-element-60c620f.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1337 .elementor-element.elementor-element-de8731e{width:var( --container-widget-width, 22.688px );max-width:22.688px;--container-widget-width:22.688px;--container-widget-flex-grow:0;}.elementor-1337 .elementor-element.elementor-element-6bb7ccf.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1337 .elementor-element.elementor-element-f2b8476{width:var( --container-widget-width, 22.688px );max-width:22.688px;--container-widget-width:22.688px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-1337 .elementor-element.elementor-element-7d67e46{--width:100%;}}@media(max-width:767px){.elementor-1337 .elementor-element.elementor-element-7d67e46{--e-con-grid-template-columns:1;--grid-auto-flow:row;--justify-items:stretch;}.elementor-1337 .elementor-element.elementor-element-7c43109.e-con{--e-con-transform-translateX:11%;}.elementor-1337 .elementor-element.elementor-element-7c43109{--width:500px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1337 .elementor-element.elementor-element-60c620f.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1337 .elementor-element.elementor-element-de8731e > .elementor-widget-container{margin:0px 0px 0px 30px;}.elementor-1337 .elementor-element.elementor-element-de8731e.elementor-element{--align-self:flex-start;}.elementor-1337 .elementor-element.elementor-element-c839384.e-con{--e-con-transform-translateX:11%;}.elementor-1337 .elementor-element.elementor-element-c839384{--width:500px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1337 .elementor-element.elementor-element-6bb7ccf.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1337 .elementor-element.elementor-element-f2b8476 > .elementor-widget-container{margin:0px 0px 0px 30px;}.elementor-1337 .elementor-element.elementor-element-f2b8476.elementor-element{--align-self:flex-start;}.elementor-1337 .elementor-element.elementor-element-d01995c{--width:300px;}}/* Start custom CSS *//* Oculta solo el botón nativo "Añadir al carrito" de WooCommerce */
#productos_suscripcion .woocommerce a.button,
#productos_suscripcion .woocommerce .button.add_to_cart_button {
  display: none !important;
}

/* Opcional: oculta calificaciones, etiquetas, etc */
#productos_suscripcion .star-rating,
#productos_suscripcion .woocommerce-loop-product__link .added_to_cart {
  display: none !important;
}

/* Limpieza visual de cada tarjeta */
#productos_suscripcion .elementor-widget-woocommerce-product {
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 30px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
  background: #fff;
}

#productos_suscripcion .elementor-widget-woocommerce-product:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}

/* Título y precio más visibles */
#productos_suscripcion .woocommerce-loop-product__title {
  font-size: 1.3em;
  font-weight: 700;
  margin-bottom: 0.4em;
}

#productos_suscripcion .price {
  font-size: 1.1em;
  color: #222;
  margin-bottom: 1em;
}


ease;
}

#productos_suscripcion #btn_plan_anual:hover,
#productos_suscripcion #btn_plan_mensual:hover {
  background: #007fb3;
}

/* Forzar color de texto visible en los botones de selección */
#productos_suscripcion .elementor-button,
#productos_suscripcion .elementor-button span,
#productos_suscripcion #btn_plan_mensual,
#productos_suscripcion #btn_plan_anual {
  color: #fff !important;
  font-weight: 600;
  text-transform: uppercase;
}

/* Opcional: mejor contraste y tamaño */
#productos_suscripcion .elementor-button {
  font-size: 16px;
  letter-spacing: 0.5px;
}


/* Desactivar clic en la tarjeta de producto de Woo */
ul.products li.product a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
  pointer-events: none !important;
  cursor: default !important;
}

/* Desactivar el botón add_to_cart de Woo, excepto mis botones personalizados */
ul.products li.product a.button.product_type_subscription.add_to_cart_button.ajax_add_to_cart:not(#btn_plan_mensual):not(#btn_plan_anual) {
  pointer-events: none !important;
  cursor: default !important;
}




/*
DAR ESTILOS AL CHECKOUT DE WOOCOMERCE PARA QUE ESTÉ BONITO
*/


/* === ESTILOS PARA MAQUILLAR EL SHORTCODE DE CHECKOUT === */

/* 1. Limpieza general: Ocultar títulos y avisos molestos */
.woocommerce-billing-fields > h3, 
.woocommerce-additional-fields > h3,
#order_review_heading,
.woocommerce-form-login-toggle,
.woocommerce-coupon-toggle {
    display: none !important;
}

/* 2. Diseño de rejilla para los campos (Simulando tu diseño) */
.woocommerce-billing-fields__field-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

/* Campos que deben ocupar todo el ancho (Dirección, Email, etc) */
p#billing_address_1_field,
p#billing_email_field,
p#billing_city_field,
p#billing_state_field,
p#billing_country_field,
p#billing_phone_field,
p#account_password_field {
    grid-column: span 2;
}

/* En móvil, todo a una columna */
@media (max-width: 767px) {
    .woocommerce-billing-fields__field-wrapper {
        grid-template-columns: 1fr;
    }
    p#billing_address_1_field,
    p#billing_email_field,
    p#billing_city_field,
    p#billing_state_field,
    p#billing_country_field,
    p#billing_phone_field,
    p#account_password_field {
        grid-column: span 1;
    }
}

/* 3. Estilo de los Inputs (Cajas de texto) */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select {
    padding: 12px 15px !important;
    border: 1px solid #e1e1e1 !important;
    border-radius: 8px !important; /* Bordes redondeados como tu diseño */
    background-color: #f9f9f9 !important;
    font-size: 15px !important;
    color: #333 !important;
    line-height: 1.5 !important;
    min-height: 48px;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row select:focus {
    border-color: #000 !important; /* Color al hacer clic */
    background-color: #fff !important;
    outline: none !important;
}

/* Ocultar etiquetas (labels) si prefieres solo placeholders, 
   o estilizarlas. Aquí las hago discretas */
.woocommerce form .form-row label {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 14px;
    color: #444;
}

/* 4. Ocultar sección de "Información Adicional" (Notas del pedido) 
   si no la necesitas, ya que afea mucho */
.woocommerce-additional-fields {
    display: none;
}

/* 5. Estilizar la tabla de "Tu Pedido" para que sea minimalista */
#order_review {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #eee;
    margin-top: 30px;
}

table.shop_table {
    border: none !important;
    margin: 0 !important;
}

table.shop_table th, 
table.shop_table td {
    border-top: 1px solid #eee !important;
    padding: 15px 0 !important;
}

table.shop_table tfoot th {
    font-weight: 600;
}

/* 6. Ocultar el botón nativo de "Realizar el pedido" 
   (porque usamos tus botones personalizados) */
#place_order {
    display: none !important; /* Lo ocultamos visualmente pero el JS lo puede pulsar */
}


/*
CSS PARAA DAR ESTILOS A BOTONES DE FINALIZAR COMPRA
*/

/* Contenedor de los botones para alinearlos */
#pago_final_suscripcion .acciones_checkout {
    display: flex;
    gap: 15px;
    justify-content: center; /* Cámbialo a flex-start si los quieres a la izquierda */
    margin-top: 25px;
    margin-bottom: 25px;
}

/* Estilo base para los botones personalizados */
#pago_final_suscripcion .elementor-button {
    background-color: #121921 !important; /* El color oscuro de tu captura */
    color: #ffffff !important;
    border-radius: 100px !important; /* Forma de píldora perfecta */
    padding: 16px 40px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    border: none !important;
    transition: all 0.3s ease !important;
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    text-align: center;
}

/* Estado Hover (al pasar el ratón) */
#pago_final_suscripcion .elementor-button:hover {
    background-color: #FFCB9A !important; /* El naranja que me has pedido */
    color: #ffffff !important; /* Mantener texto blanco o cambiar a #121921 si prefieres contraste */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* Un toque de relieve */
}

/* Ajuste para dispositivos móviles */
@media (max-width: 767px) {
    #pago_final_suscripcion .acciones_checkout {
        flex-direction: column;
    }
    #pago_final_suscripcion .elementor-button {
        width: 100%;
    }
}/* End custom CSS */