.container{width:100%;max-width:1300px;margin:0 auto;padding:0 1rem}.subjects-hero{background:linear-gradient(135deg,var(--brand-50) 0%,#e0f2fe 100%);padding:2rem 0;position:relative;overflow:hidden}.subjects-hero-content{text-align:center}.subjects-hero h1{font-size:2.5em;font-weight:800;color:var(--gray-900);margin-bottom:1.5rem;line-height:1.2}.subjects-hero p{font-size:1.25rem;color:var(--gray-800);max-width:600px;margin:0 auto}nav[aria-label="Breadcrumb"]{padding:1rem 0;background:linear-gradient(135deg,var(--brand-50) 0%,#e0f2fe 100%);border-bottom:1px solid var(--gray-200)}.breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;width:100%;max-width:1300px;margin:0 auto;padding:0 1rem}.breadcrumb-list li{display:flex;align-items:center;color:var(--gray-800);font-size:.95rem}.breadcrumb-list li a{display:flex;align-items:center;color:var(--brand-600);text-decoration:none;transition:color 0.2s ease}.breadcrumb-list li a:hover{color:var(--brand-700);text-decoration:underline}.breadcrumb-list i{margin-right:6px;font-size:.9rem}.breadcrumb-list li+li::before{content:">";margin:0 .6rem;color:var(--brand-600)}.breadcrumb-list li[aria-current="page"]{color:var(--gray-600);font-weight:500;cursor:default}@media (max-width:600px){nav[aria-label="Breadcrumb"]{padding:.7rem 0}.breadcrumb-list{font-size:.85rem}.breadcrumb-list li+li::before{margin:0 .4rem}}.cta-section{background:linear-gradient(135deg,var(--brand-800),var(--brand-900));color:#fff;padding:4rem 0;text-align:center}.cta-section h2{font-size:2.5rem;margin-bottom:1rem}.cta-section p{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-cta{background:#fff;color:var(--brand-900);padding:1rem 2rem;border-radius:var(--radius-lg);font-weight:600;text-decoration:none;transition:all 0.3s ease}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgb(0 0 0 / .2)}.btn-cta-outline{background:#fff0;color:#fff;border:2px solid #fff}.btn-cta-outline:hover{background:#fff;color:var(--brand-900)}.related-subjects{margin-bottom:4rem;background:#fff;border-radius:1.2rem;padding:1.2rem 1.8rem;border:1px solid var(--brand-600);display:flex;flex-wrap:wrap;align-items:center;gap:1rem;box-shadow:var(--shadow-lg)}.related-label{font-weight:600;color:var(--gray-800);display:flex;align-items:center;gap:.5rem}.related-label i{color:#2563eb}.subject-chips{display:flex;flex-wrap:wrap;gap:.6rem}.subject-chip{background:#e9eff6;color:#1e3a8a;border-radius:2rem;padding:.4rem 1.2rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:0.15s;display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--brand-600)}.subject-chip:hover{background:#2563eb;color:#fff}.subject-chip i{font-size:.8rem}.seo-section{background:#fff;border-radius:1.2rem;padding:var(--space-xl);margin:var(--space-xl) 0;border:1px solid var(--gray-300);box-shadow:var(--shadow-sm)}.seo-section h2{font-size:1.6rem;color:var(--gray-900);margin-bottom:var(--space-lg);font-weight:700}.seo-section h3{font-size:1.4rem;color:var(--brand-700);margin:var(--space-lg) 0 var(--space-sm);font-weight:600}.seo-section p{font-size:1.1rem;line-height:1.7;color:var(--gray-800);margin-bottom:var(--space-md)}.seo-section a{font-weight:600;color:var(--brand-700);text-decoration:none}.seo-section a:hover{text-decoration:underline}.faq-item h3{font-size:1.2rem;color:var(--brand-800);padding-bottom:1rem;text-decoration:underline}.faq-itemp p{font-size:1.1rem;color:var(--gray-800)}.faq-item{margin-top:1.5rem;margin-bottom:var(--space-lg);border-bottom:1px dashed var(--gray-300);padding-bottom:var(--space-lg)}.faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.global-search-bar{background:#fff;border:1px solid var(--brand-300);border-radius:1.2rem;padding:.5rem 1.5rem;display:flex;align-items:center;margin-bottom:2rem;box-shadow:var(--shadow-lg);max-width:600px;margin-right:auto}.global-search-bar i{color:var(--gray-500);margin-right:.8rem;font-size:1.1rem}.global-search-bar input{flex:1;border:none;padding:.7rem 0;font-size:1rem;outline:none;background:#fff0}.global-search-bar input::placeholder{color:var(--gray-500)}.global-clear-search{background:none;border:none;color:var(--gray-500);cursor:pointer;padding:0 .5rem;transition:color 0.2s}.global-clear-search:hover{color:#ef4444}.courses-layout{display:flex;gap:2rem;margin:2rem 0 3rem}.filters-sidebar{width:280px;flex-shrink:0;background:#fff;border-radius:1rem;padding:1.8rem 1.5rem;box-shadow:var(--shadow-lg);height:fit-content;border:1px solid var(--brand-600);position:static;top:calc(var(--header-height) + 1rem)}.filter-header-wrapper{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;border-bottom:2px solid var(--brand-600);padding-bottom:.75rem}.filter-header-wrapper h2{font-size:1rem;font-weight:700;color:var(--gray-900);display:flex;align-items:center;gap:.5rem;margin:0}.filter-header-wrapper h2 i{color:var(--brand-600)}.reset-filter-btn{background:#fee2e2;border-color:#f87171;color:#b91c1c;border-radius:2rem;padding:.3rem 1rem;font-size:.8rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;transition:0.15s}.reset-filter-btn:hover{background:var(--gray-100);border-color:var(--gray-400)}.reset-filter-btn i{font-size:.7rem}.reset-filter-btn.hidden{display:none}.filter-group{margin-bottom:2.2rem}.filter-group h3{font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--brand-700);margin-bottom:1rem;border-bottom:1px dashed var(--gray-300);padding-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.filter-group h3 i{color:var(--brand-600);font-size:1.1rem;width:1.4rem}.filter-option{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem;padding-left:.3rem}.filter-option label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--gray-800);font-size:.9rem;flex:1}.filter-option input[type="checkbox"]{width:1.1rem;height:1.1rem;accent-color:var(--brand-600);cursor:pointer}.filter-count{background:var(--brand-100);color:var(--brand-800);font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:20px;min-width:2.2rem;text-align:center;border:1px solid var(--brand-300)}.active-filters-bar{background:#fff;border-radius:3rem;padding:.8rem 1.5rem;margin-bottom:1.2rem;border:1px solid #e2e8f0;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;min-height:60px}.active-filters-label{font-weight:600;color:var(--gray-800);font-size:.9rem;display:flex;align-items:center;gap:.3rem}.filter-chip{background:var(--gray-100);color:var(--brand-800);border-radius:2rem;border:1px solid var(--brand-600);padding:.3rem 1rem .3rem 1.2rem;font-size:.85rem;font-weight:500;display:inline-flex;align-items:center;gap:.6rem;animation:chip-pop 0.2s ease}@keyframes chip-pop{0%{transform:scale(.9);opacity:0}100%{transform:scale(1);opacity:1}}.filter-chip button{background:none;border:none;color:var(--brand-800);cursor:pointer;font-size:.8rem;display:flex;align-items:center;padding:.2rem;border-radius:50%;transition:0.1s}.filter-chip button:hover{background:#2563eb20;color:#b91c1c}.clear-all-chips{background:#f1f5f9;color:#0f172a;border:1px solid var(--gray-400);border-radius:2rem;padding:.2rem 1rem;font-size:.8rem;cursor:pointer;transition:0.15s;margin-left:auto}.clear-all-chips:hover{border:1px solid var(--brand-600)}.price-tag{position:absolute;top:12px;right:12px;background:#fbbf24;border:1px solid var(--gray-800);color:#0f172a;font-size:.7rem;font-weight:700;padding:.2rem .7rem;border-radius:6px;text-transform:uppercase;z-index:2}.certificate-badge{position:absolute;bottom:12px;left:12px;background:#fbbf24;border:1px solid var(--gray-800);color:#0f172a;font-size:.7rem;font-weight:700;padding:.2rem .7rem;border-radius:4px;text-transform:uppercase;z-index:2}.courses-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.course-card{background:#fff;border-radius:1.2rem;overflow:hidden;box-shadow:var(--shadow-xl);transition:transform 0.2s ease,box-shadow 0.2s;display:flex;flex-direction:column;border:1px solid var(--brand-200);animation:card-fadein 0.3s}@keyframes card-fadein{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.course-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #b0c4db}.thumbnail{position:relative;background:#d9e2ef;aspect-ratio:16/9;overflow:hidden}.thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}.course-card:hover .thumbnail img{transform:scale(1.05)}.card-body{padding:1rem 1rem 1.2rem;display:flex;flex-direction:column;flex:1}.course-title{font-size:1.05rem;font-weight:700;line-height:1.4;margin-bottom:.5rem;color:#0f172a;word-break:break-word}.provider-link{font-size:.85rem;color:var(--brand-700);text-decoration:none;display:inline-flex;align-items:center;gap:.2rem;margin:.25rem 0 .5rem}.provider-link:hover{text-decoration:underline}.course-subtitle{font-size:.8rem;color:var(--gray-800);margin-bottom:.6rem;line-height:1.3;flex:1}.meta-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--gray-800);margin:.5rem 0 .7rem}.meta-row i{margin-right:.2rem;width:14px;color:var(--brand-700)}.view-btn{background:var(--brand-700);color:#fff;border:none;border-radius:2rem;padding:.5rem 1rem;font-weight:600;font-size:.85rem;cursor:pointer;text-align:center;text-decoration:none;display:inline-block;margin-top:.4rem;border:1px solid #2563eb;transition:background 0.15s}.view-btn:hover{background:var(--brand-800)}.no-results-card{grid-column:1 / -1;background:#fff;border-radius:2rem;padding:3rem 2rem;text-align:center;border:1px solid #e2e8f0;animation:card-fadein 0.3s;border-radius:1rem;box-shadow:0 10px 25px rgb(0 0 0 / .2)}.no-results-card i{font-size:3rem;color:var(--gray-600);margin-bottom:1rem}.no-results-card h3{font-size:1.5rem;color:var(--gray-700);margin-bottom:.5rem}.no-results-card p{color:var(--gray-700);margin-bottom:1.5rem}.suggestion-chips{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}.suggestion-chip{background:var(--gray-100);border:none;border-radius:2rem;padding:.5rem 1.2rem;font-size:.9rem;font-weight:500;color:var(--brand-800);cursor:pointer;transition:all 0.2s;border:1px solid var(--brand-600)}.suggestion-chip:hover{background:#2563eb;color:#fff}.results-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;background:#fff;padding:.8rem 1.5rem;border-radius:1rem;border:1px solid var(--brand-300)}.results-bar span{color:var(--gray-800)}.results-count{font-weight:600;color:var(--gray-900)}.results-count i{color:#2563eb;margin-right:.3rem}.mobile-filter-btn{display:none;width:100%;background:#fff;border:1px solid #cbd5e1;border-radius:1rem;padding:.9rem 1.5rem;font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:1.5rem;align-items:center;justify-content:center;gap:10px;box-shadow:0 2px 8px #e2e8f0;cursor:pointer;border:1px solid var(--brand-600)}.mobile-filter-btn i{font-size:1.2rem;color:#2563eb}.filter-drawer{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .5);z-index:1000;opacity:0;pointer-events:none;transition:opacity 0.2s}.filter-drawer.active{opacity:1;pointer-events:auto}.drawer-content{position:absolute;bottom:0;left:0;right:0;background:#fff;padding:2rem 1.5rem;max-height:100vh;overflow-y:auto;transform:translateY(100%);transition:transform 0.3s ease;position:relative}.filter-drawer.active .drawer-content{transform:translateY(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.drawer-header h3{font-size:1.5rem;font-weight:700}.close-drawer{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--gray-600);z-index:10}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:3rem 0 2rem;flex-wrap:wrap;margin-bottom:4rem}.page-item{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;border:1px solid var(--gray-300);color:var(--gray-700);font-weight:500;cursor:pointer;transition:all 0.2s;text-decoration:none}.page-item a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none;color:inherit}.page-item.active{background:#2563eb;color:#fff;border-color:#2563eb}.page-item:hover:not(.active){background:#f1f5f9}.page-item.prev-next{width:auto;padding:0 1.2rem;border-radius:30px}.page-item.disabled{opacity:.4;pointer-events:none}.social-share-section{margin:2rem 0 3rem;text-align:center}.social-share-title{font-size:1.2rem;font-weight:600;color:var(--gray-800);margin-bottom:1.2rem}.social-share-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.social-share-link{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;color:#fff;font-size:1.5rem;transition:all 0.2s ease;text-decoration:none;box-shadow:var(--shadow-md)}.social-share-link:hover{transform:translateY(-5px) scale(1.1);box-shadow:var(--shadow-lg)}.social-facebook{background:#1877f2}.social-whatsapp{background:#25d366}.social-twitter{background:#1da1f2}.social-telegram{background:#08c}.social-reddit{background:#ff4500}@media (max-width:900px){.courses-layout{flex-direction:column}.filters-sidebar{display:none}.mobile-filter-btn{display:flex}.filter-drawer{display:block}h1{font-size:2rem}}@media (max-width:480px){.courses-grid{grid-template-columns:1fr}.subject-chip{font-size:.8rem;padding:.3rem 1rem}}@media (max-width:768px){.subjects-hero h1{font-size:1.8rem}.subjects-hero p{font-size:1rem}.cta-section h2{font-size:1.5rem;margin-bottom:2rem}.cta-section p{font-size:1rem;margin-bottom:2rem}.related-subjects{padding:var(--space-md)}.seo-section{padding:1.5rem}.seo-section h3{font-size:1.1rem}.seo-section h2{font-size:1.4rem}.seo-section p{font-size:1rem}.social-share-link{width:40px;height:40px;font-size:1.2rem}.global-search-bar input{font-size:.9rem}.no-results-card i{font-size:2rem}.no-results-card h3{font-size:1.2rem}}@supports (padding:max(0px)){.filter-drawer .drawer-content{padding-bottom:max(var(--space-xl), env(safe-area-inset-bottom))}}