@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
:root{--indigo:#0f2153;--navy:#081735;--blue:#1253ae;--sky:#48b9e8;--coral:#ff6548;--cream:#f7f4ed;--ink:#192a48;--muted:#64718a;--line:#dce3ef}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'Montserrat','Avenir Next','Segoe UI',Arial,sans-serif}button,input,select{font:inherit}.wrap{width:min(1180px,calc(100% - 44px));margin-inline:auto}
.hero{color:#fff;background:linear-gradient(135deg,var(--navy),var(--indigo) 62%,#123f88);overflow:hidden}.nav{height:102px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.logo-slot{width:190px;height:54px}.logo-slot img,.pel-logo img{display:block;width:100%;height:100%;object-fit:contain}.nav a{color:#fff;text-decoration:none;font-size:.85rem;font-weight:700;border-bottom:1px solid #ffffff70;padding:10px 0}.nav a span{color:var(--coral);margin-left:7px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:535px;align-items:stretch}.hero-copy{align-self:center;padding:30px 48px 65px 0}.eyebrow{font-weight:800;font-size:.78rem;letter-spacing:.16em;margin:0 0 18px;color:var(--sky)}h1{font-size:clamp(3rem,5vw,5.25rem);line-height:.98;letter-spacing:-.055em;margin:0;max-width:720px}h1 em{display:block;font-style:normal;color:var(--sky)}.lead{font-size:1.08rem;line-height:1.65;max-width:620px;margin:28px 0}.hero-badges{display:flex;gap:12px;flex-wrap:wrap}.hero-badges span{background:#ffffff12;border:1px solid #ffffff25;border-radius:999px;padding:11px 16px;font-size:.82rem}.hero-badges b{color:var(--coral);font-size:1rem;margin-right:5px}.hero-photo{min-height:535px;background-image:linear-gradient(90deg,var(--indigo) 0%,transparent 25%),url('../brand/header-alto-desempeno.png');background-size:cover;background-position:42% 16%;border-radius:42px 0 0 0;box-shadow:-20px 25px 70px #00102b70}
.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:-38px;position:relative;z-index:5}.summary article{display:flex;align-items:center;gap:18px;background:#fff;border-radius:22px;padding:22px 25px;box-shadow:0 16px 50px #10245218;border:1px solid #e5eaf3}.summary img{width:58px;height:58px;object-fit:contain}.summary strong,.summary span{display:block}.summary strong{color:var(--indigo);font-size:1.15rem}.summary span{font-size:.78rem;color:var(--muted);margin-top:4px;line-height:1.4}
.catalog-section{padding:100px 0 110px;background:linear-gradient(#fff,#f4f7fb)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.eyebrow.dark{color:var(--blue);margin-bottom:10px}.section-head h2{font-size:clamp(2rem,4vw,3.7rem);letter-spacing:-.045em;line-height:1;margin:0;color:var(--indigo)}.section-head>p{max-width:420px;color:var(--muted);font-size:.9rem;line-height:1.6;margin:0}.toolbar{display:grid;grid-template-columns:1fr 330px;gap:12px}.search{height:58px;display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 18px;box-shadow:0 7px 24px #1024520c}.search span{font-size:1.8rem;color:var(--blue);margin-right:12px}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}select{border:1px solid var(--line);border-radius:16px;padding:0 18px;background:#fff;color:var(--ink);outline:0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px}.filters button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:10px 14px;cursor:pointer;font-weight:700;font-size:.78rem;transition:.2s}.filters button:hover,.filters button.active{background:var(--blue);border-color:var(--blue);color:#fff}.filters small{background:#00000010;border-radius:999px;padding:3px 7px;margin-left:5px}.results{font-size:.84rem;color:var(--muted);margin:0 0 35px}.results b{color:var(--coral);font-size:1.08rem}
.group{margin:0 0 48px}.group h3{display:flex;align-items:center;gap:12px;color:var(--indigo);font-size:1rem;letter-spacing:.04em;margin:0 0 14px}.group h3:after{content:"";height:1px;background:var(--line);flex:1}.group h3 span{order:2;background:var(--indigo);color:#fff;border-radius:999px;min-width:28px;height:28px;display:grid;place-items:center;font-size:.68rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.course{min-height:184px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;transition:.2s;box-shadow:0 8px 20px #10245208}.course:hover{transform:translateY(-3px);border-color:#96b8e7;box-shadow:0 16px 34px #10245216}.format{align-self:flex-start;border-radius:999px;padding:5px 9px;font-size:.62rem;font-weight:800;letter-spacing:.06em;color:var(--blue);background:#e8f1ff}.format.video{color:#a93222;background:#ffe9e4}.format.e-learning{color:#176d67;background:#def5f0}.course h4{font-size:.92rem;line-height:1.45;margin:16px 0 22px;flex:1}.course footer{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.76rem}.course code{font:700 .76rem 'Montserrat',sans-serif;color:var(--blue)}.course footer b{margin-left:auto;color:var(--coral);font-size:1.1rem}.empty{padding:55px;background:#fff;border:1px solid var(--line);border-radius:20px;text-align:center}.empty b,.empty span{display:block}.empty span{color:var(--muted);margin-top:8px}
.footer{background:var(--navy);color:#fff;padding:64px 0}.footer-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:50px}.pel-logo{width:270px;height:72px}.footer p{font-size:.82rem;color:#bac6de;margin:12px 0 0}.footer address{font-style:normal;line-height:1.9;font-size:.85rem;color:#d8e0ef}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-copy{padding:36px 0 35px}.hero-photo{min-height:390px;border-radius:28px 28px 0 0;background-image:linear-gradient(180deg,var(--indigo) 0%,transparent 25%),url('../brand/header-alto-desempeno.png');background-position:center 14%}.summary{grid-template-columns:1fr;margin-top:-25px}.cards{grid-template-columns:repeat(2,1fr)}.toolbar{grid-template-columns:1fr}.toolbar select{height:58px}.section-head{align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr}}
@media(max-width:560px){.wrap{width:min(100% - 28px,1180px)}.nav{height:84px}.nav a{display:none}.logo-slot{width:165px}h1{font-size:3.2rem}.lead{font-size:.96rem}.hero-photo{min-height:300px}.summary article{padding:18px}.catalog-section{padding:75px 0}.cards{grid-template-columns:1fr}.course{min-height:155px}.filters{display:grid;grid-template-columns:1fr 1fr}.filters button{font-size:.7rem}.footer{padding:48px 0}.pel-logo{width:235px}}