.elementor-289 .elementor-element.elementor-element-43531dd{--spacer-size:50px;}.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-289 .elementor-element.elementor-element-a44b6a1{--spacer-size:50px;}:root{--page-title-display:none;}/* Start custom CSS for button, class: .elementor-element-8dc1df0 *//* Estilo del botón */
.elementor-button-wrapper .elementor-button {
    background-color: var(--primary) !important; /* Verde santuario */
    color: var(--white) !important;
    padding: 12px 30px !important;
    border-radius: 4px !important;
    transition: var(--transition) !important;
    border: 2px solid var(--primary) !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
}

/* Efecto Hover */
.elementor-button-wrapper .elementor-button:hover {
    background-color: transparent !important;
    color: var(--primary) !important;
    border-color: var(--primary) !important;
}

/* Ajuste del texto */
.elementor-button-wrapper .elementor-button-text {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.9rem !important;
}

/* Opcional: Si quieres un efecto más "dorado" en el hover */
.elementor-button-wrapper .elementor-button:hover .elementor-button-text {
    color: var(--gold) !important;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-412a634 *//* ==========================================
   BOTÓN ENLACE AL LAMPADARIO (ELEMENTOR)
   ========================================== */

/* Estilo base del botón */
.elementor-element-cb997af .elementor-button {
  background-color: #141419 !important; /* Fondo oscuro místico */
  color: #ffa114 !important;            /* Texto color llama/dorado */
  border: 2px solid #ffa114 !important;  /* Borde dorado */
  border-radius: 30px !important;       /* Bordes redondeados y elegantes */
  padding: 14px 32px !important;        /* Espaciado interno generoso */
  font-weight: 600 !important;          /* Texto un poco más grueso */
  letter-spacing: 1px !important;       /* Letras ligeramente separadas */
  text-transform: uppercase;            /* Texto en mayúsculas */
  transition: all 0.4s ease-in-out !important; /* Transición suave para los efectos */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important; /* Sombra base profunda */
}

/* Texto dentro del botón */
.elementor-element-cb997af .elementor-button-text {
  color: #ffa114 !important;
  transition: color 0.4s ease-in-out;
}

/* ==========================================
   EFECTO HOVER (AL PASAR EL RATÓN)
   ========================================== */
.elementor-element-cb997af .elementor-button:hover {
  background-color: #ffa114 !important; /* El fondo se vuelve dorado */
  color: #0b0b0e !important;            /* El texto pasa a ser oscuro */
  /* El truco pro: Un resplandor radial que simula la luz del fuego */
  box-shadow: 0 0 15px #ff9800, 0 0 30px rgba(255, 161, 20, 0.6) !important;
  transform: translateY(-3px) !important; /* El botón se eleva sutilmente */
}

/* Cambiar el color del texto interno en el hover */
.elementor-element-cb997af .elementor-button:hover .elementor-button-text {
  color: #0b0b0e !important;
}

/* Efecto al hacer clic (Active) */
.elementor-element-cb997af .elementor-button:active {
  transform: translateY(-1px) !important;
  box-shadow: 0 0 10px #ff9800 !important;
}/* End custom CSS */