/*
 Theme Name:   Capilea Theme
 Theme URI:    https://adrianchacon.com
 Description:  Child theme de Hello (Elementor)
 Author:       Adrian
 Version:      1.0.0
 Template:     hello-elementor
 Text Domain:  capilea-theme
*/

/* Fonts fallback (los Google Fonts se encolan desde functions.php) */
:root{
  --capilea-font-headings: "Poppins", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  --capilea-font-body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";

  /* Paleta Capilea */
  --capilea-turquesa: #00AEC0;
  --capilea-turquesa-100: #A3E0E7;
  --capilea-turquesa-50: #D8F5F7;
  --capilea-gris-capilea: #4D4D4D;
  --capilea-black: #202020;
  --capilea-azul: #004DA8;
  --capilea-azul-100: #6191CB;
  --capilea-azul-50: #D6E5F7;
  --capilea-white: #FFFFFF;
  --capilea-light-grey: #ECECEC;
  --capilea-grey: #C1C1C1;
  --capilea-dark-grey: #878787;
}

/* Defaults rápidos */
body { font-family: var(--capilea-font-body); color: var(--capilea-black); }
h1,h2,h3,h4,h5,h6 { font-family: var(--capilea-font-headings); color: var(--capilea-azul); }
a { color: var(--capilea-turquesa); }
*/


/* wp dashboard styles */
.post-type-foto-antes-y-despues #titlediv {
  pointer-events: none;
  opacity: 0.45;
}

/** Botones de las Sedes **/
.sedes-buttons{
  display:flex;
  gap: 32px;

  justify-content: space-between;
  align-items:center;
  width: 100%;
}

.sede-map-btn{
  appearance:none;
  background: transparent;
  border: 0;
  padding: 0 !important;
  cursor: pointer;
  font: inherit;
  background-color: transparent !important;
  color: var(--capilea-turquesa) !important;
  text-decoration: underline !important;
  text-decoration-thickness: 2px!important;
  text-underline-offset: 2px!important;
  text-decoration-color: var(--capilea-turquesa)!important;

  transition: color .15s ease, text-decoration-color .15s ease;
}

.sede-map-btn:hover,
.sede-map-btn.is-active{
  color: var(--capilea-white)!important;
  text-decoration-color: var(--capilea-white)!important;
}

@media (max-width: 768px){
  .sedes-buttons{
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 16px 24px;
  }
}