.elementor-18 .elementor-element.elementor-element-f8e4c0d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18 .elementor-element.elementor-element-8199387{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18 .elementor-element.elementor-element-9a8fd43{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18 .elementor-element.elementor-element-9dc6ef9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18 .elementor-element.elementor-element-259c4f6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-0994bcf */.sede-container-comas { font-family: sans-serif; margin-bottom: 40px; max-width: 1100px; margin: 0 auto; }
.sede-container-comas .sede-card { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 20px; }
.sede-container-comas .info { flex: 1; padding: 20px; }
.sede-container-comas .image { flex: 1; text-align: center; }
.sede-container-comas img { width: 100%; max-width: 450px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.15); }
.sede-container-comas h3 { font-size: 26px; font-weight: 700; background: linear-gradient(90deg, #df0714, #094677); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 10px; }

/* --- NUEVO: Contenedor de botones para alinearlos --- */
.sede-container-comas .botones-acciones {
  display: flex;
  gap: 10px; /* Espacio entre botones */
  margin-top: 15px;
  flex-wrap: wrap;
}

/* Estilo Botón Mapa (Azul/Rojo) */
.sede-container-comas button {
  background: linear-gradient(90deg, #094677, #df0714);
  color: white;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  border-radius: 8px;
  font-size: 16px;
  transition: transform 0.3s ease;
}

/* --- NUEVO: Estilo Botón WhatsApp (Verde) --- */
.sede-container-comas .btn-wsp {
  background: linear-gradient(90deg, #25D366, #128C7E);
  color: white;
  padding: 10px 20px;
  text-decoration: none; /* Quita el subrayado del link */
  border-radius: 8px;
  font-size: 16px;
  display: inline-block;
  transition: transform 0.3s ease;
}

.sede-container-comas button:hover, 
.sede-container-comas .btn-wsp:hover {
  transform: scale(1.05);
  opacity: 0.9;
}

/* Modal */
.sede-container-comas .modal-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.5); justify-content: center; align-items: center; z-index: 9999; }
.sede-container-comas .modal-overlay.active { display: flex; }
.sede-container-comas .map-content { background: white; padding: 15px; border-radius: 10px; width: 90%; height: 80%; position: relative; }
.sede-container-comas iframe { width: 100%; height: 100%; border: none; border-radius: 10px; }
.sede-container-comas .close-btn { position: absolute; top: 8px; right: 8px; background: #df0714; padding: 5px 10px; color: white; border: none; cursor: pointer; border-radius: 50%; }

@media(max-width: 768px) { .sede-container-comas .sede-card { flex-direction: column; } }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf6033b */<style>
.sede-container-ing { font-family: sans-serif; margin-bottom: 40px; max-width: 1100px; margin: 0 auto; }

/* CAMBIO AQUÍ: direction 'row' para Imagen Izquierda / Texto Derecha */
.sede-container-ing .sede-card { 
  display: flex; 
  flex-direction: row; 
  flex-wrap: wrap; 
  align-items: center; 
  margin-bottom: 20px; 
}

.sede-container-ing .info { flex: 1; padding: 20px; }
.sede-container-ing .image { flex: 1; text-align: center; }
.sede-container-ing img { width: 100%; max-width: 450px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.15); }
.sede-container-ing h3 { font-size: 26px; font-weight: 700; background: linear-gradient(90deg, #df0714, #094677); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 10px; }

.sede-container-ing .botones-acciones { display: flex; gap: 10px; margin-top: 15px; flex-wrap: wrap; }

.sede-container-ing button {
  background: linear-gradient(90deg, #094677, #df0714);
  color: white; padding: 10px 20px; border: none; cursor: pointer; border-radius: 8px; font-size: 16px; transition: transform 0.3s ease;
}

.sede-container-ing .btn-wsp {
  background: linear-gradient(90deg, #25D366, #128C7E);
  color: white; padding: 10px 20px; text-decoration: none; border-radius: 8px; font-size: 16px; display: inline-block; transition: transform 0.3s ease;
}

.sede-container-ing button:hover, 
.sede-container-ing .btn-wsp:hover { transform: scale(1.05); opacity: 0.9; }

/* Modal */
.sede-container-ing .modal-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.5); justify-content: center; align-items: center; z-index: 9999; }
.sede-container-ing .modal-overlay.active { display: flex; }
.sede-container-ing .map-content { background: white; padding: 15px; border-radius: 10px; width: 90%; height: 80%; position: relative; }
.sede-container-ing iframe { width: 100%; height: 100%; border: none; border-radius: 10px; }
.sede-container-ing .close-btn { position: absolute; top: 8px; right: 8px; background: #df0714; padding: 5px 10px; color: white; border: none; cursor: pointer; border-radius: 50%; }

/* Responsivo */
@media(max-width: 768px) { 
  .sede-container-ing .sede-card { flex-direction: column; } 
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-77ef58e */<style>
.sede-container-sjl { font-family: sans-serif; margin-bottom: 40px; max-width: 1100px; margin: 0 auto; }

/* Flexbox para alinear Texto (izq) e Imagen (der) */
.sede-container-sjl .sede-card { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 20px; }
.sede-container-sjl .info { flex: 1.2; padding: 20px; }
.sede-container-sjl .image { flex: 1; text-align: center; }
.sede-container-sjl img { width: 100%; max-width: 450px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.15); }

/* Título con Degradado */
.sede-container-sjl h3 { font-size: 26px; font-weight: 700; background: linear-gradient(90deg, #df0714, #094677); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 10px; }

/* Botones */
.sede-container-sjl .botones-acciones { display: flex; gap: 10px; margin-top: 15px; flex-wrap: wrap; }
.sede-container-sjl button { background: linear-gradient(90deg, #094677, #df0714); color: white; padding: 10px 20px; border: none; cursor: pointer; border-radius: 8px; font-size: 16px; transition: transform 0.3s ease; }
.sede-container-sjl .btn-wsp { background: linear-gradient(90deg, #25D366, #128C7E); color: white; padding: 10px 20px; text-decoration: none; border-radius: 8px; font-size: 16px; display: inline-block; transition: transform 0.3s ease; }

.sede-container-sjl button:hover, .sede-container-sjl .btn-wsp:hover { transform: scale(1.05); opacity: 0.9; }

/* Modal */
.sede-container-sjl .modal-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.5); justify-content: center; align-items: center; z-index: 9999; }
.sede-container-sjl .modal-overlay.active { display: flex; }
.sede-container-sjl .map-content { background: white; padding: 15px; border-radius: 10px; width: 90%; height: 80%; position: relative; }
.sede-container-sjl iframe { width: 100%; height: 100%; border: none; border-radius: 10px; }
.sede-container-sjl .close-btn { position: absolute; top: 8px; right: 8px; background: #df0714; padding: 5px 10px; color: white; border: none; cursor: pointer; border-radius: 50%; }

/* Responsivo: En móvil la imagen aparece primero arriba */
@media(max-width: 768px) { 
  .sede-container-sjl .sede-card { flex-direction: column-reverse; } 
  .sede-container-sjl .info { text-align: center; padding: 10px; }
  .sede-container-sjl .botones-acciones { justify-content: center; }
}
</style>/* End custom CSS */