/*
CTC Separate Stylesheet
Updated: 2026-05-21 20:08:59
*/

/* ── Overlay fullscreen ── */
.elementor-nav-menu--dropdown.elementor-nav-menu__container {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  background: #EAE4DC !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  padding: 80px 10% 0 10% !important;
  z-index: 9999 !important;
  clip-path: circle(0% at calc(100% - 52px) 52px) !important;
  transition: clip-path 0.6s cubic-bezier(0.77, 0, 0.175, 1) !important;
  pointer-events: none !important;
  visibility: visible !important;
}

/* ── Abierto ── */
.elementor-menu-toggle.elementor-active ~ .elementor-nav-menu--dropdown {
  clip-path: circle(150% at calc(100% - 52px) 52px) !important;
  pointer-events: all !important;
}

/* ── Links ── */
.elementor-nav-menu--dropdown .elementor-nav-menu > li > a {
  font-size: clamp(18px, 3vw, 32px) !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  padding: 22px 0 !important;
  border-bottom: none !important;
  width: 100% !important;
  text-align: center !important;
  justify-content: center !important;
  letter-spacing: -0.02em !important;
  background: transparent !important;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.4s, transform 0.4s, color 0.2s !important;
}

/* ── Sin fondo en hover y activo ── */
.elementor-nav-menu--dropdown .elementor-nav-menu > li > a:hover,
.elementor-nav-menu--dropdown .elementor-nav-menu > li > a.elementor-item-active,
.elementor-nav-menu--dropdown .elementor-nav-menu > li > a:focus,
.elementor-nav-menu--dropdown .elementor-nav-menu > li.current-menu-item > a {
  background: transparent !important;
  background-color: transparent !important;
  color: #555 !important;
}

/* ── Botón burger encima del overlay ── */
.elementor-menu-toggle.elementor-active {
  z-index: 99999 !important;
  position: relative !important;
}

/* ── Burger cerrado: líneas claras ── */
.elementor-menu-toggle .eicon-menu-bar,
.elementor-menu-toggle i.eicon-menu-bar {
  color: #EAE4DC !important;
  fill: #EAE4DC !important;
}

/* ── Cruz abierto: negra ── */
.elementor-menu-toggle.elementor-active .eicon-close,
.elementor-menu-toggle.elementor-active i.eicon-close {
  color: #1a1a1a !important;
  fill: #1a1a1a !important;
}