/* Pertecnica Student Career Capabilities — simple 2-column architecture */
.hpe-capability-simple{position:relative;overflow:hidden;background:#fbfbf8!important;color:#151a17;padding:82px 0 72px}
.hpe-capability-simple *{box-sizing:border-box}
.hpe-capability-simple__container{position:relative;z-index:2}
.hpe-capability-simple__blueprint{position:absolute;right:-180px;bottom:-250px;width:650px;height:650px;border:1px solid rgba(184,145,52,.08);border-radius:50%;pointer-events:none}
.hpe-capability-simple__blueprint:before,.hpe-capability-simple__blueprint:after{content:"";position:absolute;background:rgba(184,145,52,.08)}
.hpe-capability-simple__blueprint:before{width:100%;height:1px;left:0;top:50%}.hpe-capability-simple__blueprint:after{height:100%;width:1px;top:0;left:50%}
.hpe-capability-simple__blueprint span{position:absolute;width:430px;height:430px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px dashed rgba(42,91,66,.08);border-radius:50%}
.hpe-capability-simple__blueprint i{position:absolute;width:8px;height:8px;border:1px solid rgba(184,145,52,.35);right:50px;top:50%;border-radius:50%;background:#fbfbf8}
.hpe-capability-simple__blueprint b{position:absolute;width:8px;height:8px;border:1px solid rgba(184,145,52,.35);left:50%;top:35px;border-radius:50%;background:#fbfbf8}

.hpe-capability-simple__layout{display:grid;grid-template-columns:minmax(280px,34%) minmax(0,66%);align-items:stretch;border:1px solid #dfe3df;background:#fff;box-shadow:0 20px 55px rgba(24,35,29,.045)}
.hpe-capability-simple__side{position:relative;padding:45px 38px 34px;background:#f4f5f1;border-right:1px solid #dfe3df;display:flex;flex-direction:column;min-height:650px}
.hpe-capability-simple__kicker{display:flex;align-items:center;gap:10px;color:#2c6449;font-size:9px;font-weight:700;letter-spacing:.19em;text-transform:uppercase}
.hpe-capability-simple__kicker span{width:30px;height:1px;background:#b78b29}
.hpe-capability-simple__side h2{margin:23px 0 16px!important;max-width:390px;font-size:31px!important;line-height:1.13!important;letter-spacing:-.035em;font-weight:500!important;color:#121714!important}
.hpe-capability-simple__lead{margin:0;max-width:410px;font-size:14px;line-height:1.72;color:#5d6660}
.hpe-capability-simple__areas{margin-top:36px;border-top:1px solid #d7ddd8}
.hpe-capability-simple__area{appearance:none;width:100%;display:grid;grid-template-columns:36px 1fr 22px;gap:10px;align-items:center;text-align:left;padding:17px 7px;border:0;border-bottom:1px solid #d7ddd8;background:transparent;color:#1c241f;cursor:pointer;transition:background .18s ease,color .18s ease,padding .18s ease}
.hpe-capability-simple__area:hover{background:#ecefe9;padding-left:11px}
.hpe-capability-simple__area.is-active{background:#17231c;color:#fff;padding-left:14px;padding-right:11px}
.hpe-capability-simple__area .area-no{font-size:10px;letter-spacing:.13em;color:#b48728}.hpe-capability-simple__area.is-active .area-no{color:#d6b45b}
.hpe-capability-simple__area .area-name{font-size:13px;font-weight:600;line-height:1.35}.hpe-capability-simple__area .area-arrow{justify-self:end;font-size:16px;color:#b48728}.hpe-capability-simple__area.is-active .area-arrow{color:#d6b45b}
.hpe-capability-simple__side-note{margin-top:auto;padding-top:30px;color:#7a847e}.hpe-capability-simple__side-note>span{display:block;font-size:7px;letter-spacing:.17em;color:#9a8250;margin-bottom:10px}.hpe-capability-simple__side-note div{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.07em;text-transform:uppercase}.hpe-capability-simple__side-note i{width:18px;height:1px;background:#cbd2cc}

.hpe-capability-simple__content{background:#fff;min-width:0}
.hpe-capability-simple__panel{height:100%}.hpe-capability-simple__panel[hidden]{display:none}
.hpe-capability-simple__panel-head{display:grid;grid-template-columns:minmax(260px,45%) minmax(0,55%);gap:35px;align-items:end;padding:42px 40px 29px;border-bottom:1px solid #dfe3df}
.hpe-capability-simple__panel-head>div>span{display:block;font-size:9px;letter-spacing:.17em;color:#b48728;margin-bottom:8px}
.hpe-capability-simple__panel-head h3{margin:0!important;font-size:27px!important;line-height:1.12!important;font-weight:500!important;letter-spacing:-.025em;color:#151b17!important}
.hpe-capability-simple__panel-head p{margin:0;color:#68716b;font-size:12px;line-height:1.7;max-width:480px}
.hpe-capability-simple__scope-list{padding:0 24px 22px}
.hpe-capability-simple__scope{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) 26px;gap:16px;align-items:center;min-height:82px;padding:14px 15px;border-bottom:1px solid #e2e6e2;text-decoration:none;color:inherit;background:#fff;transition:background .16s ease,padding .16s ease}
a.hpe-capability-simple__scope:hover{background:#f6f8f5;padding-left:20px}
.hpe-capability-simple__scope .scope-no{font-size:11px;letter-spacing:.12em;color:#b48728;border-right:1px solid #dfe3df;height:100%;display:flex;align-items:center}
.hpe-capability-simple__scope .scope-copy{min-width:0}.hpe-capability-simple__scope .scope-copy strong{display:block;font-size:14px;line-height:1.35;font-weight:600;color:#171d19}.hpe-capability-simple__scope .scope-copy small{display:block;margin-top:5px;color:#6b746e;font-size:11px;line-height:1.5}
.hpe-capability-simple__scope .scope-arrow{justify-self:end;color:#b48728;font-size:18px;font-weight:400;transition:transform .16s ease}.hpe-capability-simple__scope:hover .scope-arrow{transform:translateX(3px)}
.hpe-capability-simple__footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:16px 20px;border:1px solid #dfe3df;background:#17231c;color:#dbe3de;font-size:11px}.hpe-capability-simple__footer a{display:inline-flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-size:10px;letter-spacing:.04em}.hpe-capability-simple__footer a b{color:#d2ae51;font-size:15px;font-weight:400}

@media(max-width:980px){
 .hpe-capability-simple{padding:62px 0 55px}
 .hpe-capability-simple__layout{grid-template-columns:1fr}
 .hpe-capability-simple__side{min-height:0;border-right:0;border-bottom:1px solid #dfe3df;padding:34px 30px 26px}
 .hpe-capability-simple__side h2{max-width:650px}
 .hpe-capability-simple__lead{max-width:700px}
 .hpe-capability-simple__areas{display:grid;grid-template-columns:repeat(2,1fr);margin-top:27px}
 .hpe-capability-simple__area{border-right:1px solid #d7ddd8}.hpe-capability-simple__area:nth-child(2n){border-right:0}
 .hpe-capability-simple__side-note{display:none}
 .hpe-capability-simple__panel-head{grid-template-columns:1fr;gap:13px;padding:32px 30px 25px}
 .hpe-capability-simple__scope-list{padding:0 16px 18px}
}
@media(max-width:620px){
 .hpe-capability-simple{padding:45px 0 42px}
 .hpe-capability-simple__side{padding:29px 20px 20px}
 .hpe-capability-simple__side h2{font-size:27px!important}
 .hpe-capability-simple__areas{grid-template-columns:1fr;margin-top:24px}
 .hpe-capability-simple__area{border-right:0}
 .hpe-capability-simple__panel-head{padding:27px 20px 21px}.hpe-capability-simple__panel-head h3{font-size:23px!important}
 .hpe-capability-simple__scope-list{padding:0 8px 12px}
 .hpe-capability-simple__scope{grid-template-columns:42px minmax(0,1fr) 20px;gap:12px;min-height:78px;padding:13px 8px}
 .hpe-capability-simple__scope .scope-copy strong{font-size:13px}.hpe-capability-simple__scope .scope-copy small{font-size:10px}
 .hpe-capability-simple__footer{display:block;padding:14px}.hpe-capability-simple__footer a{margin-top:10px}
}
