.course-page{background:#101310;color:#f3f3ef}
.course-header{position:sticky;top:0;z-index:60;background:rgba(12,14,12,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.1)}
.course-header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.course-brand img{width:76px;height:58px;object-fit:cover;clip-path:circle(43% at 50% 50%);transform:scale(1.12)}
.course-header nav{display:flex;gap:28px}
.course-header nav a{color:#bec3bc;text-decoration:none;font-size:.9rem;font-weight:600}
.course-header nav a:hover{color:#fff}
.course-header-cta{white-space:nowrap}

.course-hero{position:relative;min-height:690px;display:flex;align-items:flex-end;overflow:hidden}
.course-hero-photo{position:absolute;inset:0;background:url('images/portfolio/experiencias-4x4/toro.jpg') center 55%/cover no-repeat;transform:scale(1.01)}
.course-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,7,.96) 0%,rgba(7,9,7,.82) 42%,rgba(7,9,7,.22) 76%),linear-gradient(0deg,rgba(7,9,7,.95),transparent 55%)}
.course-hero-inner{position:relative;z-index:1;padding-top:100px;padding-bottom:72px}
.course-kicker{display:inline-flex;background:#d4511f;color:#fff;border-radius:999px;padding:7px 13px;margin:0 0 20px;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:1.2px}
.course-hero h1{max-width:760px;font-size:clamp(3rem,7vw,5.8rem);margin-bottom:18px}
.course-subtitle{max-width:680px;color:#edf0eb;font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.55}
.course-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:980px;margin:32px 0}
.course-facts span{padding:14px 16px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(15,18,16,.68);color:#c6cbc3;font-size:.82rem;line-height:1.35}
.course-facts strong{display:block;color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:1.15rem;text-transform:uppercase}
.course-actions{display:flex;gap:12px;flex-wrap:wrap}
.course-availability{font-size:.78rem;color:#adb4aa;margin-top:12px}

.course-summary{background:#d4511f;color:#fff}
.course-summary-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.course-summary article{padding:23px 28px;border-right:1px solid rgba(255,255,255,.22)}
.course-summary article:last-child{border-right:0}
.course-summary strong{display:block;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:1.28rem}
.course-summary span{display:block;font-size:.8rem;color:rgba(255,255,255,.82)}

.course-section{padding:96px 0}
.course-section--dark{background:#181c18;border-top:1px solid #2b312c;border-bottom:1px solid #2b312c}
.course-section--sand{background:#ded7c7;color:#171a17}
.course-section--sand p{color:#4e554d}
.course-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:end;margin-bottom:48px}
.course-intro h2,.course-section-heading h2{font-size:clamp(2.25rem,4.5vw,3.65rem)}
.course-intro>p{font-size:1.05rem}
.course-learning{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.course-learning article{padding:28px;background:#1a1f1b;border:1px solid #2f3730;border-radius:12px}
.course-learning article>span{color:#d4511f;font:800 1rem 'Barlow Condensed',sans-serif}
.course-learning h3{margin-top:24px;font-size:1.4rem}
.course-learning p{font-size:.9rem;margin:0}
.course-split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.course-split--reverse>div:first-child{order:2}
.course-photo-card,.course-detail-photo{margin:0}
.course-photo-card img,.course-detail-photo img{width:100%;height:570px;object-fit:cover;border-radius:14px}
.course-photo-card figcaption{margin-top:10px;color:#899187;font-size:.78rem}
.course-checklist{list-style:none;padding:0;margin:26px 0 0}
.course-checklist li{position:relative;padding:12px 0 12px 29px;border-bottom:1px solid #303730;color:#c4cac1}
.course-checklist li::before{content:"";position:absolute;left:0;top:19px;width:10px;height:6px;border-left:2px solid #d4511f;border-bottom:2px solid #d4511f;transform:rotate(-45deg)}
.course-callout{border-left:3px solid #d4511f;padding:15px 18px;background:#1a1f1b;color:#d5dad3!important}
.course-logistics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.course-logistics article{background:rgba(255,255,255,.5);border:1px solid rgba(28,34,28,.12);border-radius:12px;padding:24px}
.course-logistics strong{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:1.25rem}
.course-logistics p{font-size:.88rem;margin:8px 0 0}
.course-section-heading{max-width:720px;margin-bottom:42px}

.instructor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.instructor-grid article{display:grid;grid-template-columns:190px 1fr;gap:25px;align-items:center;background:#191e1a;border:1px solid #303730;border-radius:14px;padding:16px}
.instructor-grid img{width:190px;height:220px;object-fit:cover;object-position:center;border-radius:10px;filter:saturate(.82)}
.instructor-grid h3{font-size:1.5rem;margin-bottom:7px}
.instructor-grid p{margin:0}
.course-gift{background:#121512}
.course-gift img{max-height:480px;width:100%;object-fit:contain;filter:drop-shadow(0 24px 30px rgba(0,0,0,.38))}
.course-small{font-size:.76rem}

.course-faq{max-width:900px}
.course-faq details{border-top:1px solid #343b35}
.course-faq details:last-child{border-bottom:1px solid #343b35}
.course-faq summary{cursor:pointer;list-style:none;padding:22px 42px 22px 0;font-weight:700;position:relative}
.course-faq summary::-webkit-details-marker{display:none}
.course-faq summary::after{content:"+";position:absolute;right:6px;top:16px;font:700 1.8rem 'Barlow Condensed',sans-serif;color:#d4511f}
.course-faq details[open] summary::after{content:"–"}
.course-faq details p{padding:0 40px 20px 0;margin:0}
.course-final{text-align:center;padding:110px 0;background:radial-gradient(circle at 50% 20%,rgba(212,81,31,.16),transparent 45%),#0d100e}
.course-final h2{font-size:clamp(2.8rem,6vw,5rem)}
.course-final p:not(.course-kicker){max-width:650px;margin:0 auto 28px}
.course-footer{padding:44px 0 100px;border-top:1px solid #2c322d;background:#0b0d0b}
.course-footer .container{display:flex;align-items:center;gap:25px}
.course-footer img{width:78px;height:65px;object-fit:cover;clip-path:circle(43% at 50% 50%);transform:scale(1.12)}
.course-footer p{margin:0 auto 0 0}
.course-footer a{color:#d6dbd3}
.course-mobile-cta{display:none}

@media(max-width:900px){
  .course-header nav{display:none}
  .course-hero{min-height:720px}
  .course-hero-shade{background:linear-gradient(0deg,rgba(7,9,7,.98) 0%,rgba(7,9,7,.76) 58%,rgba(7,9,7,.3) 100%)}
  .course-facts{grid-template-columns:repeat(2,1fr)}
  .course-summary-grid,.course-learning,.course-logistics{grid-template-columns:repeat(2,1fr)}
  .course-summary article:nth-child(2){border-right:0}
  .course-summary article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.22)}
  .course-intro,.course-split{grid-template-columns:1fr;gap:40px}
  .course-split--reverse>div:first-child{order:0}
  .instructor-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .course-page{padding-bottom:68px}
  .course-header-inner{min-height:64px}
  .course-brand img{width:62px;height:48px}
  .course-header-cta{font-size:.76rem;padding:.58rem .85rem}
  .course-hero{min-height:760px}
  .course-hero-photo{background-position:58% center}
  .course-hero-inner{padding-top:120px;padding-bottom:45px}
  .course-hero h1{font-size:3.05rem}
  .course-facts{grid-template-columns:1fr 1fr;gap:7px;margin:25px 0}
  .course-facts span{padding:11px;font-size:.72rem}
  .course-actions .btn{width:100%}
  .course-summary-grid{grid-template-columns:1fr 1fr}
  .course-summary article{padding:18px 16px}
  .course-summary strong{font-size:1.05rem}
  .course-section{padding:68px 0}
  .course-intro{display:block;margin-bottom:34px}
  .course-intro>p{margin-top:22px}
  .course-learning,.course-logistics{grid-template-columns:1fr}
  .course-photo-card img,.course-detail-photo img{height:430px}
  .instructor-grid article{grid-template-columns:115px 1fr;gap:16px}
  .instructor-grid img{width:115px;height:145px}
  .instructor-grid h3{font-size:1.25rem}
  .course-footer{padding-bottom:40px}
  .course-footer .container{align-items:flex-start;flex-wrap:wrap}
  .course-footer p{width:calc(100% - 110px)}
  .course-mobile-cta{position:fixed;z-index:80;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 15px;background:#111512;border-top:1px solid #343b35;box-shadow:0 -12px 30px rgba(0,0,0,.28)}
  .course-mobile-cta span{font-size:.72rem;color:#abb2a9}
  .course-mobile-cta span strong{color:#fff}
  .course-mobile-cta a{background:#d4511f;color:#fff;text-decoration:none;border-radius:999px;padding:10px 16px;font-size:.78rem;font-weight:800}
}