.elementor-26998 .elementor-element.elementor-element-ca06d3c{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.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 );}@media(max-width:1024px){.elementor-26998 .elementor-element.elementor-element-ca06d3c{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-26998 .elementor-element.elementor-element-ca06d3c{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-ca06d3c *//* 1. POSICIONAMIENTO DINÁMICO */
.elementor-26998 .elementor-element.elementor-element-ca06d3c {
    display: flex !important;
    justify-content: center !important; 
    align-items: center !important;
    gap: 40px !important;
    
    /* EL AJUSTE MÁGICO */
    padding: 100px 0 100px 150px !important; /* El último número (150px) empuja todo a la derecha */
    min-height: 400px !important;
    width: 100% !important;
}

/* 2. BOTONES SIMÉTRICOS */
.elementor-26998 .elementor-element.elementor-element-ca06d3c .elementor-button {
    min-width: 300px !important;
    padding: 25px 40px !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    border-radius: 12px !important;
    text-transform: uppercase !important;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.1) !important;
    transition: all 0.3s ease !important;
}

/* 3. EFECTO HOVER */
.elementor-26998 .elementor-element.elementor-element-ca06d3c .elementor-button:hover {
    transform: translateY(-5px) !important;
    filter: brightness(1.1) !important;
    box-shadow: 0px 15px 25px rgba(0,0,0,0.15) !important;
}/* End custom CSS */