.elementor-12703 .elementor-element.elementor-element-19e7e14{--display:flex;}.elementor-12703 .elementor-element.elementor-element-dc67270{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-12703 .elementor-element.elementor-element-ac29ce5{text-align:center;}.elementor-12703 .elementor-element.elementor-element-ac29ce5 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:500;color:var( --e-global-color-astglobalcolor1 );}.elementor-12703 .elementor-element.elementor-element-2dfb179{--display:flex;}.elementor-12703 .elementor-element.elementor-element-c5c8e7e{text-align:center;}.elementor-12703 .elementor-element.elementor-element-c5c8e7e .elementor-heading-title{color:var( --e-global-color-astglobalcolor2 );}.elementor-12703 .elementor-element.elementor-element-e551ec7{--display:flex;}.elementor-12703 .elementor-element.elementor-element-ab7845b{--display:flex;}.elementor-12703 .elementor-element.elementor-element-a71085e.elementor-element{--align-self:center;}.elementor-12703 .elementor-element.elementor-element-5fa0b07{--display:flex;}.elementor-12703 .elementor-element.elementor-element-28a4162{--spacer-size:50px;}/* Start custom CSS for html, class: .elementor-element-a71085e *//* Contenedor de los botones */
.button-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px; /* Espaciado entre botones */
    margin-top: 20px;
}

/* Botones individuales */
.region-button {
    display: inline-block;
    min-width: 180px; /* Ajustado para nombres largos */
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #000000 !important; /* Fondo negro */
    color: #FFFFFF !important; /* Texto blanco */
    border: 2px solid #FFFFFF !important; /* Borde blanco */
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease;
    white-space: nowrap; /* Evita que el texto se divida en varias líneas */
}

/* Efecto hover */
.region-button:hover {
    background-color: #D09A40 !important; /* Fondo dorado en hover */
    color: #FFFFFF !important; /* Texto blanco */
}

/* Responsividad para dispositivos móviles */
@media (max-width: 1024px) { /* iPads */
    .region-button {
        min-width: 170px; /* Ajusta el ancho */
        height: 45px;
        font-size: 13px;
    }
}

@media (max-width: 768px) { /* Móviles */
    .region-button {
        min-width: 150px; /* Reduce el ancho para pantallas pequeñas */
        height: 40px;
        line-height: 40px;
        font-size: 12px;
    }

    .button-container {
        gap: 10px; /* Reduce el espaciado entre botones */
    }
}/* End custom CSS */