.elementor-2806 .elementor-element.elementor-element-1788424{--display:flex;--min-height:740px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2806 .elementor-element.elementor-element-aa1f9f4 img{border-radius:14px 14px 14px 14px;}.elementor-2806 .elementor-element.elementor-element-dc1947c{--display:flex;--margin-top:3%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-2806 .elementor-element.elementor-element-4fddee4.elementor-element{--align-self:center;}.elementor-2806 .elementor-element.elementor-element-4e158d6.elementor-element{--align-self:center;}.elementor-2806 .elementor-element.elementor-element-434f8d3.elementor-element{--align-self:center;}body.elementor-page-2806:not(.elementor-motion-effects-element-type-background), body.elementor-page-2806 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c27b167 );}@media(max-width:1024px){.elementor-2806 .elementor-element.elementor-element-1788424{--min-height:770px;}}@media(max-width:767px){.elementor-2806 .elementor-element.elementor-element-1788424{--min-height:623px;}.elementor-2806 .elementor-element.elementor-element-aa1f9f4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 6px;}}/* Start custom CSS for image, class: .elementor-element-aa1f9f4 */.gt-selected 
{
    display: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4fddee4 */.btn-como-llegar {
  width: 200px;
  justify-content: center;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: #AE4D41;
  color: #FFFFFF;
  font-family: sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  padding: 12px 24px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  
  /* Agregamos box-shadow a la transición para cuando se haga clic */
  transition: background-color 0.2s ease, transform 0.1s ease, box-shadow 0.1s ease;

  /* 
    EFECTO 3D DIRECTO:
    1. Una sombra sólida oscura abajo para simular el grosor del botón (#7A3229).
    2. Una sombra difuminada más abajo para simular la distancia con el suelo.
  */
  box-shadow: 0 5px 0 #7A3229, 0 8px 12px rgba(0, 0, 0, 0.3);
}

.btn-como-llegar i {
  color: #FFFFFF;
  font-size: 18px;
}

/* Al pasar por encima solo cambia el color, mantiene su forma 3D intacta */
.btn-como-llegar:hover {
  background-color: #963f34;
  color: white;
}

/* EFECTO DE CLIC: Al presionarlo, el botón "se hunde" físicamente */
.btn-como-llegar:active {
  transform: translateY(4px); /* Baja para compensar el grosor */
  box-shadow: 0 1px 0 #7A3229, 0 2px 4px rgba(0, 0, 0, 0.2); /* La sombra se achica */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e158d6 */.btn-accion {
  width: 200px;
  display: inline-flex;
  align-items: center;
  justify-content: center; 
  gap: 10px;
  background-color: #AE4D41;
  color: #FFFFFF;
  font-family: sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  padding: 12px 24px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.btn-accion i {
  color: #FFFFFF;
  font-size: 18px;
}

.btn-accion:hover {
  background-color: #963f34;
  color:white  ;
  transform: translateY(-1px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-434f8d3 */.btn-como-reservar {
  width: 200px;
  justify-content: center;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: #AE4D41;
  color: #FFFFFF;
  font-family: sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  padding: 12px 24px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  box-shadow: 0 5px 0 #7A3229, 0 8px 12px rgba(0, 0, 0, 0.3); 
}

.btn-como-reservar i {
  color: #FFFFFF;
  font-size: 18px;
}

.btn-como-reservar:hover {
  background-color: #963f34;
  color: white;
}/* End custom CSS */