/* Adaptación de organización institucional; identidad propia de Comander. */
body{background:#fff}.wrap{width:min(1200px,calc(100% - 64px))}
.topbar{background:#f5f5f3;color:#53534e;border-bottom:1px solid #e8e5dc}
.header{background:#fff;color:#202020;border-bottom:1px solid #e8e5dc}.header-inner{min-height:110px;gap:24px}
.brand{background:#171717;border-radius:9px;padding:8px 14px;gap:10px}.brand img{width:68px;height:68px}.brand>span{font-size:21px}.brand small{font-size:12px}
.header nav{background:#fff;gap:14px}.header nav a{color:#292929;font-size:13px}.header nav a:hover{color:#775314}.header nav a.button:hover{color:#171717}.menu-toggle{color:#202020;border-color:#bbb;background:#fff}
.hero{padding:52px 0 40px;background:linear-gradient(120deg,#fff 0%,#fff 55%,#fff7df 100%)}.hero-grid{grid-template-columns:1fr 1.15fr;gap:50px}.hero h1{font-size:clamp(38px,4.1vw,58px);line-height:1.13;letter-spacing:-.035em}.hero h1 em{background:linear-gradient(transparent 78%,#ffbf194d 78%)}.hero p{font-size:17px}.brand-slide .hero-photo{height:460px}.carousel-frame{box-shadow:0 10px 30px #34281114}.path-strip{background:#fff;border-top:1px solid var(--line)}
.institutional{padding-top:65px;padding-bottom:65px;grid-template-columns:1fr 1.3fr;border-bottom:1px solid var(--line)}.institutional h2{font-size:38px}.otec-definition{font-size:18px;margin:22px 0 12px}.institutional-records h3{font-size:23px}.seal-grid{margin-top:18px}.seal-card{background:#faf9f5}.otec-source{margin-top:12px}
.courses-overview>.section-heading{display:block;text-align:center;margin-bottom:36px}.courses-overview .section-heading h2{margin:0 auto 18px;max-width:760px}.courses-overview .section-heading .text-link{display:inline-block}.courses-overview .eyebrow{margin-bottom:14px}
.home-course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.home-course-grid .course-card h3{font-size:24px}.home-course-grid .course-card-body{padding:24px}.home-course-grid .course-card[data-category="Empresas"]{grid-column:1/-1;flex-direction:row}.home-course-grid .course-card[data-category="Empresas"] .course-cover{width:36%;flex-shrink:0;max-height:230px}.home-course-grid .course-card[data-category="Empresas"] .course-card-body{justify-content:center}.home-course-grid .course-card[data-category="Empresas"] .card-link{margin-top:0}
.business{background:#f7f5ef;color:#202020;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.business p{color:#626057}.business .eyebrow{color:#775314}.service-list a{border-color:#ded8ca;color:#202020}.service-list span{color:#775314}
.contact-banner{padding:45px 0;background:#fff0bd;border-top:1px solid #f0d896;border-bottom:1px solid #f0d896}.contact-banner>.wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-banner h2{font-size:32px;margin-bottom:12px}.contact-banner p{margin:0}.contact-banner .eyebrow{margin-bottom:12px}.contact-banner .button{flex-shrink:0;background:#171717;color:#fff}
@media(max-width:1200px){.header nav{top:110px;background:#fff}.header nav a{border-color:#e7e3d9}.hero-grid{gap:30px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:86px;gap:8px}.brand{padding:6px 10px;gap:8px}.brand img{width:52px;height:52px}.brand>span{font-size:17px}.brand small{font-size:10px}.header nav{top:86px}.menu-toggle{gap:8px;padding:9px 10px}.hero{padding:35px 0}.hero-grid{grid-template-columns:1fr;gap:30px}.hero h1{font-size:40px}.hero p{font-size:15px}.brand-slide .hero-photo{height:310px}.institutional{grid-template-columns:1fr;gap:30px;padding-top:45px;padding-bottom:45px}.institutional h2{font-size:32px}.home-course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-course-grid .course-card h3{font-size:20px}.home-course-grid .course-card-body{padding:16px}.home-course-grid .course-card[data-category="Empresas"]{flex-direction:column}.home-course-grid .course-card[data-category="Empresas"] .course-cover{width:100%;max-height:220px}.contact-banner>.wrap{flex-direction:column;align-items:flex-start;gap:22px}.contact-banner h2{font-size:28px}}
@media(max-width:360px){.brand img{width:46px;height:46px}.brand>span{font-size:15px}.brand small{font-size:9px}.brand{padding:6px 8px}.hero h1{font-size:35px}.home-course-grid{grid-template-columns:1fr}.home-course-grid .course-card[data-category="Empresas"]{grid-column:auto}}