/*
Theme Name: Hello Elementor Child - Cursos
Description: Child theme de Hello Elementor con sistema de gestión de cursos
Template: hello-elementor
Version: 2.0.0
*/

/* Header moderno y responsive */
.site-header {
	/* Header no sticky */
	position: static;
	background: #ffffff;
	border-bottom: 1px solid #eee;
	transition: box-shadow .2s ease;
}
/* Sombra en scroll desactivada al no ser sticky */
.site-header.is-scrolled { box-shadow: none; }
.header-inner { display: flex; align-items: center; gap: 12px; padding: 12px 0; }
.logo img { height: 70px; max-width: 220px; display:block; }
.menu-toggle { margin-left: auto; display: none; width: 42px; height: 42px; border: 1px solid #e5e7eb; border-radius: 10px; background:#fff; align-items:center; justify-content:center; gap:3px; }
.menu-toggle .bar { width: 20px; height: 2px; background:#111827; display:block; }
.primary-nav { margin-left: auto; }
.primary-nav .menu { display: flex; align-items: center; gap: 12px; list-style: none; padding: 0; margin: 0; }
.primary-nav .menu a { color: #111827; text-decoration: none; padding: 8px 10px; border-radius: 8px; }
.primary-nav .menu a:hover { background: #f3f4f6; }
.primary-nav .menu .btn-autoescuela { border: 1px solid #2563eb; color: #2563eb; font-weight: 600; padding: 10px 12px; }
.primary-nav .menu .btn-autoescuela:hover { background:#eff6ff; }

/* Responsive */
@media (max-width: 900px) {
	.menu-toggle { display: inline-flex; }
	/* Menú móvil: ya no depende de un header sticky; arrancar desde top:0 bajo el header normal */
	.primary-nav { position: fixed; inset: 0 0 auto 0; background: #ffffff; border-top: 1px solid #eee; box-shadow: 0 12px 30px -20px rgba(0,0,0,.4); transform: translateY(-10%); opacity: 0; pointer-events: none; transition: transform .2s ease, opacity .2s ease; }
	.primary-nav.is-open { transform: translateY(0); opacity: 1; pointer-events: auto; }
	.primary-nav .menu { flex-direction: column; align-items: stretch; gap: 4px; padding: 12px; }
	.primary-nav .menu a { padding: 12px 14px; }
	body.nav-open { overflow: hidden; }
}

/* Footer utility */
.site-footer .cursos-container { max-width: 1200px; margin: 0 auto; padding-left: 16px; padding-right: 16px; }
/* Footer full-bleed + styles */
.site-footer { background:#0f172a;max-width:100%!important; color:#cbd5e1; margin-top:24px; border-top:1px solid #1f2937; }
.site-footer a { color:#cbd5e1; text-decoration:none; }
.site-footer a:hover { text-decoration:underline; }
.site-footer .footer-top { padding: 32px 0; }
.site-footer .footer-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:24px; }
.site-footer .footer-logo img { width: 100%;filter:brightness(0) invert(1); }
.site-footer .footer-description { margin:0; color:#94a3b8; }
.site-footer .footer-contact { margin:8px 0 0 0; color:#94a3b8; }
.site-footer .footer-contact a { color:#cbd5e1; }
.site-footer .footer-col h4 { margin:0 0 8px 0; color:#e2e8f0; }
.site-footer .footer-col ul { list-style:none; padding:0; margin:0; display:grid; gap:6px; }
.site-footer .footer-bottom { border-top:1px solid rgba(148,163,184,.2); }
.site-footer .footer-bottom-inner { display:flex; gap:12px; align-items:center; justify-content:space-between; padding:12px 0; }
@media (max-width:600px){
	.site-footer .footer-bottom-inner { flex-direction:column; align-items:flex-start; gap:6px; }
}