/* Encabezado corporativo unificado Gráfica Corbady */
#gc-header{position:relative;z-index:99;}
#gc-header .main-header{position:relative;z-index:99;}
#gc-header .header-sticky{background:rgba(10,10,10,.36);backdrop-filter:blur(6px);}
#gc-header .navbar{padding:12px 0;}
#gc-header .navbar .container{max-width:1680px;display:flex;align-items:center;gap:24px;}
#gc-header .navbar-brand{padding:0;margin-right:28px;flex:0 0 auto;}
#gc-header .navbar-brand img{max-height:74px;width:auto;}
#gc-header .gc-mobile-clock{display:none;flex:0 0 auto;}
#gc-header .gc-mobile-clock .gc-clock-slot{display:flex;align-items:center;justify-content:center;}
#gc-header .main-menu{flex:1 1 auto;min-width:0;}
#gc-header .nav-menu-wrapper{display:flex;align-items:center;}
#gc-header .navbar-nav{align-items:center;gap:4px;}
#gc-header .navbar-nav .nav-link{font-size:16px;font-weight:700;padding:12px 15px;line-height:1.1;white-space:nowrap;}
#gc-header .header-social-box{display:flex !important;align-items:center;gap:14px;flex:0 0 auto;flex-wrap:nowrap;}
#gc-header .header-social-links ul{display:flex;align-items:center;gap:14px;margin:0;padding:0;list-style:none;}
#gc-header .header-social-links ul li{margin:0;padding:0;line-height:1;}
#gc-header .header-social-links ul li a{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;line-height:1;color:#bff747;}
#gc-header .header-social-links ul li a i{font-size:21px;line-height:1;}
#gc-header .header-btn{display:flex;align-items:center;}
#gc-header .btn-popup{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:0;background:rgba(255,255,255,.10);}
#gc-header .btn-popup img{width:20px;height:20px;}
#gc-header .navbar-toggle{flex:0 0 auto;}
#gc-header .responsive-menu{width:100%;}
@media (max-width:1399px){
  #gc-header .navbar .container{gap:16px;}
  #gc-header .navbar-brand{margin-right:14px;}
  #gc-header .navbar-brand img{max-height:62px;}
  #gc-header .navbar-nav .nav-link{font-size:15px;padding:10px 10px;}
  #gc-header .header-social-box{gap:10px;}
  #gc-header .header-social-links ul{gap:10px;}
  #gc-header .header-social-links ul li a i{font-size:19px;}
}
@media (max-width:1199px){
  #gc-header .gc-clock-slot{display:none;}
  #gc-header .navbar-brand img{max-height:58px;}
}
@media (max-width:991px){
  #gc-header .navbar{padding:10px 0;}
  #gc-header .main-menu,#gc-header .header-social-box{display:none !important;}
  #gc-header .navbar .container{position:relative;justify-content:space-between;align-items:center;gap:12px;}
  #gc-header .navbar-brand{margin-right:0;position:relative;z-index:2;}
  #gc-header .navbar-brand img{max-height:58px;}
  #gc-header .gc-mobile-clock{display:flex;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);justify-content:center;pointer-events:none;z-index:1;}
  #gc-header .gc-mobile-clock .gc-clock-slot{display:flex !important;pointer-events:none;}
  #gc-header .gc-mobile-clock .gc-clock-panel{min-width:150px !important;max-width:170px !important;padding:7px 9px !important;border-radius:12px !important;}
  #gc-header .gc-mobile-clock .gc-clock-head{margin-bottom:4px !important;gap:6px !important;}
  #gc-header .gc-mobile-clock .gc-clock-chip{font-size:9px !important;padding:4px 7px !important;gap:4px !important;}
  #gc-header .gc-mobile-clock .gc-clock-date{display:none !important;}
  #gc-header .gc-mobile-clock .gc-clock-main{gap:5px !important;margin-bottom:3px !important;}
  #gc-header .gc-mobile-clock .gc-clock-time{font-size:22px !important;}
  #gc-header .gc-mobile-clock .gc-clock-seconds{min-width:26px !important;height:24px !important;font-size:13px !important;padding:0 5px !important;border-radius:8px !important;}
  #gc-header .gc-mobile-clock .gc-clock-status{font-size:10px !important;gap:6px !important;}
  #gc-header .gc-mobile-clock .gc-status-dot{width:8px;height:8px;}
  #gc-header .navbar-toggle{position:relative;z-index:2;flex:0 0 auto;margin-left:auto;}
}
@media (max-width:767px){
  #gc-header .gc-mobile-clock .gc-clock-panel{min-width:138px !important;max-width:156px !important;padding:6px 8px !important;}
  #gc-header .gc-mobile-clock .gc-clock-time{font-size:20px !important;}
  #gc-header .gc-mobile-clock .gc-clock-seconds{min-width:24px !important;height:22px !important;font-size:12px !important;}
  #gc-header .gc-mobile-clock .gc-clock-status{display:flex !important;font-size:8.5px !important;}
}
@media (max-width:575px){
  #gc-header .navbar{padding:8px 0;}
  #gc-header .navbar .container{
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
    align-items:center;
    gap:7px;
  }
  #gc-header .navbar-brand{margin-right:0;min-width:0;flex:0 1 37vw;position:relative;z-index:2;}
  #gc-header .navbar-brand img{max-height:48px;max-width:min(150px,37vw);object-fit:contain;}
  #gc-header .gc-mobile-clock{
    display:flex;
    position:static;
    left:auto;
    top:auto;
    transform:none;
    flex:1 1 auto;
    min-width:0;
    width:auto;
    justify-content:center;
    margin:0 2px;
    pointer-events:none;
    z-index:1;
  }
  #gc-header .gc-mobile-clock .gc-clock-slot{display:flex !important;justify-content:center;width:auto;min-width:0;}
  #gc-header .gc-mobile-clock .gc-clock-panel{min-width:132px !important;max-width:148px !important;padding:5px 6px !important;border-radius:12px !important;}
  #gc-header .gc-mobile-clock .gc-clock-head{justify-content:center !important;margin-bottom:2px !important;gap:3px !important;}
  #gc-header .gc-mobile-clock .gc-clock-chip{font-size:7.5px !important;padding:3px 6px !important;gap:3px !important;}
  #gc-header .gc-mobile-clock .gc-clock-chip i{font-size:8px !important;}
  #gc-header .gc-mobile-clock .gc-clock-main{justify-content:center !important;gap:4px !important;margin-bottom:1px !important;}
  #gc-header .gc-mobile-clock .gc-clock-time{font-size:18px !important;line-height:1 !important;}
  #gc-header .gc-mobile-clock .gc-clock-seconds{min-width:21px !important;height:19px !important;font-size:10px !important;padding:0 4px !important;border-radius:7px !important;}
  #gc-header .gc-mobile-clock .gc-clock-status{display:flex !important;justify-content:center !important;font-size:8px !important;line-height:1.05 !important;gap:4px !important;padding-top:0 !important;white-space:nowrap;}
  #gc-header .gc-mobile-clock .gc-status-dot{width:6px;height:6px;}
  #gc-header .navbar-toggle{position:relative;z-index:2;flex:0 0 auto;margin-left:0;}
}
@media (max-width:380px){
  #gc-header .navbar .container{gap:5px;}
  #gc-header .navbar-brand{flex-basis:34vw;}
  #gc-header .navbar-brand img{max-width:min(126px,34vw);max-height:44px;}
  #gc-header .gc-mobile-clock .gc-clock-panel{min-width:124px !important;max-width:136px !important;padding:4px 5px !important;}
  #gc-header .gc-mobile-clock .gc-clock-time{font-size:16px !important;}
  #gc-header .gc-mobile-clock .gc-clock-seconds{min-width:19px !important;height:18px !important;font-size:9px !important;}
  #gc-header .gc-mobile-clock .gc-clock-status{font-size:7px !important;}
}

/* Reloj centrado en el espacio disponible entre menú y redes */
@media (min-width:1200px){
  #gc-header .navbar .container{position:relative;}
  #gc-header .main-menu{flex:0 1 auto;}
  #gc-header .nav-menu-wrapper{padding-right:0;}
  #gc-header .gc-clock-slot{
    flex:1 1 auto;
    min-width:210px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 18px;
    position:relative;
    left:auto;
    top:auto;
    transform:none;
    z-index:3;
  }
  #gc-header .header-social-box{margin-left:0;}
}
@media (min-width:1200px) and (max-width:1399px){
  #gc-header .gc-clock-slot{margin:0 12px;min-width:190px;}
}


/* Restauración robusta de la barra lateral de contacto */
#gc-header .header-btn .offcanvas{
  position:fixed !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  left:auto !important;
  width:min(320px, 88vw) !important;
  max-width:320px !important;
  height:100vh !important;
  max-height:100vh !important;
  padding:74px 22px 28px 22px !important;
  background:var(--secondary-color, #101010) !important;
  border:0 !important;
  border-radius:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  transform:translateX(100%) !important;
  z-index:99999 !important;
}

#gc-header .header-btn .offcanvas.show,
#gc-header .header-btn .offcanvas.showing,
#gc-header .header-btn .offcanvas.show:not(.hiding){
  transform:translateX(0) !important;
}

#gc-header .header-btn .offcanvas .btn-close{
  position:absolute !important;
  top:22px !important;
  right:22px !important;
  width:34px !important;
  height:34px !important;
  padding:0 !important;
  border:1px solid var(--primary-color, #bff747) !important;
  border-radius:50% !important;
  box-shadow:none !important;
  opacity:1 !important;
  z-index:2 !important;
}

#gc-header .header-btn .offcanvas .offcanvas-body{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  padding:0 !important;
  overflow:visible !important;
}

#gc-header .header-btn .offcanvas .header-contact-box{
  display:grid !important;
  grid-template-columns:32px minmax(0, 1fr) !important;
  align-items:center !important;
  gap:12px !important;
  width:100% !important;
  margin:0 0 16px 0 !important;
  padding:0 0 16px 0 !important;
  border-bottom:1px solid rgba(255,255,255,.13) !important;
  text-align:left !important;
}

#gc-header .header-btn .offcanvas .header-contact-box .icon-box{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  line-height:1 !important;
  width:32px !important;
  min-width:32px !important;
}

#gc-header .header-btn .offcanvas .header-contact-box .icon-box img{
  display:block !important;
  width:28px !important;
  max-width:28px !important;
  height:auto !important;
}

#gc-header .header-btn .offcanvas .header-contact-box .icon-box i{
  display:block !important;
  color:var(--accent-color, #bff747) !important;
  font-size:28px !important;
  line-height:1 !important;
}

#gc-header .header-btn .offcanvas .header-contact-box-content h3{
  margin:0 0 4px 0 !important;
  font-size:16px !important;
  line-height:1.25 !important;
  color:var(--white-color, #fff) !important;
}

#gc-header .header-btn .offcanvas .header-contact-box-content p{
  margin:0 !important;
  font-size:14px !important;
  line-height:1.45 !important;
  color:var(--text-color, #d7d7d7) !important;
  overflow-wrap:anywhere !important;
}

#gc-header .header-btn .offcanvas .header-contact-box-content .contact-note{
  display:block !important;
  margin-top:5px !important;
  font-size:12px !important;
  line-height:1.35 !important;
  color:var(--text-color, #d7d7d7) !important;
  opacity:.85 !important;
}

#gc-header .header-btn .offcanvas .sidebar-social-links{
  display:block !important;
  margin:4px 0 0 0 !important;
  text-align:left !important;
}

#gc-header .header-btn .offcanvas .sidebar-social-links h3{
  margin:0 0 12px 0 !important;
  font-size:16px !important;
  line-height:1.25 !important;
  color:var(--white-color, #fff) !important;
}

#gc-header .header-btn .offcanvas .sidebar-social-links ul{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

#gc-header .header-btn .offcanvas .sidebar-social-links ul li a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:34px !important;
  height:34px !important;
  border:1px solid var(--accent-color, #bff747) !important;
  border-radius:50% !important;
  color:var(--accent-color, #bff747) !important;
  background:transparent !important;
}

#gc-header .header-btn .offcanvas .sidebar-social-links ul li a i{
  font-size:16px !important;
  line-height:1 !important;
}

@media (max-width:575px){
  #gc-header .header-btn .offcanvas{
    width:min(292px, 88vw) !important;
    max-width:292px !important;
    padding:72px 18px 26px 18px !important;
  }
}