/* ============================================================
   Serena Psicología — modern header / mega-menu polish
   Scoped to the Elementor header template (.elementor-location-header).
   Palette: coral #FF9472 · gold #FFBC02 · magenta #B11972 · ink #4F4F4F
   Loaded after Elementor's CSS (see functions.php) so these refinements win.
   ============================================================ */
.elementor-location-header{
  --sc-coral:#FF9472;
  --sc-gold:#FFBC02;
  --sc-magenta:#B11972;
  --sc-ink:#4F4F4F;
}

/* ---------- Desktop top-level items: hover colour + animated underline ---------- */
.elementor-location-header .e-n-menu-title-text{
  color:var(--sc-ink)!important;
  font-weight:600;
  position:relative;
  transition:color .2s ease;
}
.elementor-location-header .e-n-menu-title-text::after{
  content:"";
  position:absolute; left:50%; right:50%; bottom:-8px; height:2px;
  background:var(--sc-coral); border-radius:2px;
  transition:left .25s ease,right .25s ease;
}
.elementor-location-header .e-n-menu-item:hover .e-n-menu-title-text{ color:var(--sc-coral)!important; }
.elementor-location-header .e-n-menu-item:hover .e-n-menu-title-text::after{ left:0; right:0; }
.elementor-location-header .e-n-menu-dropdown-icon{ transition:transform .25s ease; }

/* ---------- Desktop mega panel — only the OPEN one (.e-active) ---------- */
@media (min-width:1025px){
  .elementor-location-header .e-n-menu-content.e-active{
    box-shadow:0 24px 48px -20px rgba(177,25,114,.22)!important;
    border-top:3px solid var(--sc-coral)!important;
    border-radius:0 0 20px 20px!important;
  }
  .elementor-location-header .e-n-menu-content.e-active > .e-con > .e-con-inner{
    max-width:1180px!important; margin-left:auto!important; margin-right:auto!important;
    padding-top:32px!important; padding-bottom:36px!important;
  }
}

/* category title (Individual / Pareja / Usuarios / Profesionales) */
.elementor-location-header .e-n-menu-content .elementor-image-box-title,
.elementor-location-header .e-n-menu-content .elementor-image-box-title a{
  color:var(--sc-coral)!important;
  letter-spacing:1.4px;
}

/* submenu links — modern hover pill */
.elementor-location-header .e-n-menu-content a:not(.elementor-image-box-img){
  display:inline-block;
  padding:7px 12px;
  border-radius:9px;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.elementor-location-header .e-n-menu-content a:not(.elementor-image-box-img):hover{
  background:rgba(255,148,114,.13)!important;
  color:var(--sc-coral)!important;
  transform:translateX(3px);
}

/* ---------- Mobile: one-row items (text left, caret right), full-width dividers ---------- */
@media (max-width:1024px){
  .elementor-location-header .e-n-menu-content{ box-shadow:none!important; border:0!important; }
  .elementor-location-header .e-n-menu-item{ width:100%!important; }
  .elementor-location-header .e-n-menu-title{
    width:100%!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:15px 24px!important;
    border-bottom:1px solid rgba(0,0,0,.07)!important;
  }
  .elementor-location-header .e-n-menu-title-container{ flex:1 1 auto!important; justify-content:flex-start!important; }
  .elementor-location-header .e-n-menu-title-text{ text-align:left!important; }
  .elementor-location-header .e-n-menu-dropdown-icon{ flex:0 0 auto!important; }
}