/**
 * SkillCert Academy - Estilos globales para body
 * Carga con el plugin para garantizar que los estilos se apliquen en Elementor
 */

/* Menú fijo arriba */
.sc-nav {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 99999 !important;
}
body:has(.sc-nav) {
  padding-top: 72px !important;
}
/* Offset al hacer scroll a anclas (#beneficios, #mvv, etc.) para que no queden bajo el menú fijo */
html:has(.sc-nav) {
  scroll-padding-top: 72px;
}
body.admin-bar .sc-nav {
  top: 32px !important;
}
body.admin-bar:has(.sc-nav) {
  padding-top: calc(32px + 72px) !important;
}
html:has(body.admin-bar) {
  scroll-padding-top: calc(32px + 72px);
}
@media screen and (max-width: 782px) {
  body.admin-bar .sc-nav { top: 46px !important; }
  body.admin-bar:has(.sc-nav) { padding-top: calc(46px + 72px) !important; }
  html:has(body.admin-bar) { scroll-padding-top: calc(46px + 72px); }
}

/* Corregir espacio feo arriba (Elementor/WordPress) */
body.elementor-page .elementor-section.elementor-top-section:first-child,
body.elementor-page .elementor-location-single .elementor-section:first-child {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.elementor-section.elementor-top-section:first-child > .elementor-container {
  padding-top: 0 !important;
}

/* Menú más grande en móvil */
@media (max-width: 980px) {
  .sc-nav { padding-top: 0 !important; padding-bottom: 0 !important; }
  .sc-nav__inner { padding: 0.875rem 1rem !important; }
  .sc-brand img {
    height: 48px !important;
    max-width: 140px !important;
  }
  .sc-toggle {
    min-width: 48px !important;
    min-height: 48px !important;
    padding: 0.75rem !important;
  }
  .sc-toggle svg { width: 24px !important; height: 24px !important; }
  .sc-lang { --h: 44px !important; }
  .sc-lang__seg { min-width: 52px !important; font-size: 1rem !important; }
}
@media (max-width: 480px) {
  .sc-brand img { height: 44px !important; }
  .sc-toggle { min-width: 44px !important; min-height: 44px !important; }
}

.sc-body,
.sc-body * {
  font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', Roboto, Arial, sans-serif !important;
  box-sizing: border-box;
}

/* Contact Form 7 - estilos profesionales (fallback global) */
.sc-form-section .wpcf7-form-control,
.sc-form-section input[type="text"],
.sc-form-section input[type="email"],
.sc-form-section select,
.sc-form-section textarea,
.sc-form__box .wpcf7-form-control,
.sc-form__box input[type="text"],
.sc-form__box input[type="email"],
.sc-form__box select,
.sc-form__box textarea {
  font-family: Arial, Helvetica, sans-serif !important;
  width: 100% !important;
  padding: 14px 18px !important;
  border: 2px solid #E5E7EB !important;
  border-radius: 12px !important;
  font-size: 1rem !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}

.sc-form-section .wpcf7-form-control:focus,
.sc-form-section input:focus,
.sc-form-section select:focus,
.sc-form-section textarea:focus,
.sc-form__box .wpcf7-form-control:focus,
.sc-form__box input:focus,
.sc-form__box select:focus,
.sc-form__box textarea:focus {
  outline: none !important;
  border-color: #B58900 !important;
  box-shadow: 0 0 0 4px rgba(181,137,0,0.15) !important;
}

.sc-form-section .wpcf7-form p,
.sc-form__box .wpcf7-form p {
  margin-bottom: 1.25rem !important;
}

.sc-form-section .wpcf7-form label,
.sc-form__box .wpcf7-form label {
  display: block !important;
  font-weight: 600 !important;
  color: #111827 !important;
  margin-bottom: 0.5rem !important;
  font-size: 0.95rem !important;
}

.sc-form-section input[type="submit"],
.sc-form-section .wpcf7-submit,
.sc-form__box input[type="submit"],
.sc-form__box .wpcf7-submit {
  font-family: Arial, Helvetica, sans-serif !important;
  background: #B58900 !important;
  color: #fff !important;
  border: none !important;
  padding: 14px 28px !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  cursor: pointer !important;
  transition: background 0.2s, transform 0.2s !important;
}

.sc-form-section input[type="submit"]:hover,
.sc-form-section .wpcf7-submit:hover,
.sc-form__box input[type="submit"]:hover,
.sc-form__box .wpcf7-submit:hover {
  background: #9a7500 !important;
  transform: translateY(-2px) !important;
}