.elementor-74 .elementor-element.elementor-element-7b9be3f5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:16px;--padding-left:20px;--padding-right:20px;--z-index:2;}.elementor-74 .elementor-element.elementor-element-7b9be3f5:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-7b9be3f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#040404;}.elementor-74 .elementor-element.elementor-element-e23d2e6 .elementor-icon-wrapper{text-align:center;}.elementor-74 .elementor-element.elementor-element-e23d2e6 .elementor-icon{font-size:32px;}.elementor-74 .elementor-element.elementor-element-e23d2e6 .elementor-icon svg{height:32px;}.elementor-74 .elementor-element.elementor-element-e23d2e6 .elementor-icon-wrapper svg{width:auto;}.elementor-74 .elementor-element.elementor-element-2d917c1e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-74 .elementor-element.elementor-element-e882a16 .elementor-menu-toggle{margin:0 auto;}.elementor-74 .elementor-element.elementor-element-e882a16 .elementor-nav-menu .elementor-item{font-family:"Syne", Sans-serif;}.elementor-74 .elementor-element.elementor-element-f3be2e9{margin:0px 6px calc(var(--kit-widget-spacing, 0px) + 0px) 5px;padding:0px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-69f7b94 .elementor-button{background-color:transparent;background-image:linear-gradient(180deg, #FF7628 0%, #FF4108 100%);border-style:none;}@media(max-width:1024px){.elementor-74 .elementor-element.elementor-element-2d917c1e{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;}}@media(min-width:768px){.elementor-74 .elementor-element.elementor-element-2d917c1e{--width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-74 .elementor-element.elementor-element-2d917c1e{--width:54%;}}@media(max-width:767px){.elementor-74 .elementor-element.elementor-element-7b9be3f5{--justify-content:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-e23d2e6 .elementor-icon{font-size:1.3rem;}.elementor-74 .elementor-element.elementor-element-e23d2e6 .elementor-icon svg{height:1.3rem;}.elementor-74 .elementor-element.elementor-element-2d917c1e{--width:100%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-69f7b94{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-69f7b94 .elementor-button{font-size:11px;}}/* Start custom CSS for shortcode, class: .elementor-element-f3be2e9 *//* ================================
   LOGIN & LOGOUT BUTTON (Learndash Modern UI)
   ================================ */
.ld-login-button.ld-button,
.ld-logout.ld-login-button.ld-button {
    background-color: transparent !important;
    background-image: linear-gradient(
        180deg, 
        var(--e-global-color-4f54239) 0%, 
        var(--e-global-color-17a726c) 100%
    ) !important;
    border-style: solid !important;
    border-color: var(--e-global-color-17a726c) !important;

    font-family: var(--e-global-typography-accent-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-accent-font-size) !important;
    font-weight: var(--e-global-typography-accent-font-weight) !important;
    line-height: var(--e-global-typography-accent-line-height) !important;
    color: var(--e-global-color-secondary) !important;
    text-decoration: none !important;

    border-width: 1px !important;
    border-radius: 50px !important;
    padding: 16px 32px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;

    transition: all 0.3s ease-in-out !important;
}

/* Hover */
.ld-login-button.ld-button:hover,
.ld-logout.ld-login-button.ld-button:hover {
    background-image: linear-gradient(
        180deg, 
        var(--e-global-color-17a726c) 0%, 
        var(--e-global-color-4f54239) 100%
    ) !important;
    border-color: var(--e-global-color-4f54239) !important;
    color: #fff !important;
}

/* Asegura que los iconos también hereden color */
.ld-login-button.ld-button .ld-icon,
.ld-logout.ld-login-button.ld-button .ld-icon {
    fill: currentColor !important;
    stroke: currentColor !important;
}

/* ================================
   RESPONSIVE
   ================================ */

/* Tablets (pantallas medianas) */
@media (max-width: 768px) {
  .ld-login-button.ld-button,
  .ld-logout.ld-login-button.ld-button {
    padding: 12px 24px !important;
    font-size: 14px !important;
  }
}

/* Móviles pequeños */
@media (max-width: 480px) {
  .ld-login-button.ld-button,
  .ld-logout.ld-login-button.ld-button {
    padding: 10px 18px !important;
    font-size: 13px !important;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-69f7b94 *//* Código CSS para que el texto del botón se mantenga blanco al hacer clic */

/* 1. Estado ACTIVO (mientras se mantiene pulsado el clic) */
.comprarb:active {
    color: #ffffff !important; /* #ffffff es el código hex para el blanco */
}

/* 2. Estado FOCUS (después de hacer clic o al navegar con teclado) */
.comprarb:focus {
    color: #ffffff !important; /* Asegura el blanco en el enfoque */
}/* End custom CSS */