:root {
    --apple-black: #1d1d1f;
    --apple-gray: #f5f5f7;
    --apple-blue: #0066cc;
    --apple-white: #ffffff;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Inter', sans-serif; color: var(--apple-black); scroll-behavior: smooth; overflow-x: hidden; }
.container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }

/* NAV */
.apple-nav { background: rgba(255,255,255,0.8); backdrop-filter: blur(20px); position: sticky; top: 0; z-index: 1000; border-bottom: 1px solid #d2d2d7; }
.nav-content { display: flex; justify-content: space-between; align-items: center; height: 50px; }
.logo { font-weight: 600; font-size: 20px; }
.nav-links a { text-decoration: none; color: var(--apple-black); font-size: 13px; margin-left: 20px; }

/* SLIDER */
.main-slider { height: 75vh; }
.slide-item { background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; }
.slide-overlay { text-align: center; color: white; padding: 20px; }
.slide-overlay h1 { font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 600; }
.slide-overlay p { font-size: clamp(1rem, 2vw, 1.5rem); opacity: 0.9; }

/* REGISTRO */
.register-section { background: var(--apple-gray); padding: 80px 0; }
.register-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; align-items: center; }
.badge { background: #bf4800; color: white; padding: 4px 12px; border-radius: 20px; font-size: 12px; font-weight: 600; }
.register-info h3 { font-size: clamp(28px, 4vw, 45px); font-weight: 600; margin: 20px 0; line-height: 1.1; }
.btn-apple { background: var(--apple-blue); color: white; border: none; padding: 14px 35px; border-radius: 30px; font-size: 16px; cursor: pointer; }
.register-visual img { width: 100%; border-radius: 25px; box-shadow: 0 15px 30px rgba(0,0,0,0.1); }

/* ACORDEÓN */
.section-white { padding: 80px 0; }
.title-center { text-align: center; font-size: clamp(24px, 4vw, 40px); margin-bottom: 50px; }
.accordion-container { max-width: 800px; margin: 0 auto; }
.accordion-item { border-bottom: 1px solid #d2d2d7; }
.accordion-header { padding: 25px 0; display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.acc-info strong { display: block; font-size: 18px; }
.accordion-content { max-height: 0; overflow: hidden; transition: 0.4s ease; color: #86868b; }
.accordion-item.active .accordion-content { max-height: 150px; padding-bottom: 20px; }

/* PDF GRID */
.section-gray { background: var(--apple-gray); padding: 80px 0; }
.pdf-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
.pdf-card { background: white; padding: 40px; border-radius: 25px; text-align: center; }
.pdf-card i { font-size: 40px; color: #d32f2f; margin-bottom: 15px; }
.btn-text { color: var(--apple-blue); text-decoration: none; font-weight: 600; display: block; margin-top: 15px; }

/* CATEGORÍAS RESPONSIVE */
.pills-wrapper { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-bottom: 40px; }
.pill { padding: 10px 22px; background: var(--apple-gray); border-radius: 20px; cursor: pointer; font-size: 14px; transition: 0.3s; }
.pill.active { background: var(--apple-black); color: white; }

/* PRODUCT GRID */
.product-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; }
.card-apple { background: var(--apple-gray); border-radius: 20px; overflow: hidden; text-align: left; transition: 0.3s; }
.card-img { width: 100%; height: 200px; object-fit: cover; }
.card-body { padding: 20px; }
.card-body h4 { margin-bottom: 8px; font-size: 18px; }
.card-body p { font-size: 14px; color: #86868b; }

/* FOOTER */
.apple-footer { background: var(--apple-gray); padding: 40px 0; color: #86868b; font-size: 12px; border-top: 1px solid #d2d2d7; }
.footer-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; }
.legal-links a { color: #86868b; text-decoration: none; margin-left: 15px; }

/* MÓVIL */
@media (max-width: 768px) {
    .nav-links { display: none; }
    .pills-wrapper { justify-content: center; }
}