/* Invest University — capa de diseño (Group U) · 2026-10-29 */
@font-face{font-family:"Now";src:url(/img/NowAlt-Light.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Now";src:url(/img/NowAlt-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Now";src:url(/img/NowAlt-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Now";src:url(/img/NowAlt-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Now";src:url(/img/NowAlt-Black.woff2) format("woff2");font-weight:900;font-display:swap}

:root{--gu-blue:#004FC1;--gu-dark:#0F319C;--gu-ink:#0B0F19;--gu-muted:#5B6470;--gu-line:#E6E9EF;--gu-bg:#F5F7FB}
html,body,app-root{font-family:"Now","Open Sans",Arial,sans-serif!important;color:var(--gu-ink)}
body{background:#fff}
b,strong,.tw-font-bold,.fw-bold,h1,h3,h4,h5{font-family:"Now",Arial,sans-serif!important;font-weight:700!important;letter-spacing:-.01em}
h2.tw-text-\[18px\]{font-weight:400!important;color:var(--gu-muted);font-size:1.05rem!important;line-height:1.6!important}

/* Navbar */
app-navbar nav.navbar{background:#fff!important;box-shadow:none!important;border-bottom:1px solid var(--gu-line)}
app-navbar .navbar-brand{display:flex;align-items:center}
app-navbar .navbar-brand img{height:34px!important;width:auto}
app-navbar .navbar-brand img[src*="logo-white"]{display:none!important}
app-navbar .nav-link{font-weight:500;color:var(--gu-ink)!important;padding:8px 14px!important;border-radius:8px}
app-navbar .nav-link.active{color:var(--gu-blue)!important;background:#EEF3FF}
app-navbar .fa-cart-shopping{display:none!important}
app-navbar a.position-relative:has(.fa-cart-shopping){display:none!important}
app-navbar .dropdown-toggle{font-weight:500}

/* Botones */
.btn{border-radius:8px!important;font-weight:600!important;font-family:"Now",Arial,sans-serif!important;box-shadow:none!important}
.btn-primary,.btn.btn-primary,.bg-primary,.tw-bg-blue-600,.tw-bg-\[\#0d6efd\]{background:var(--gu-blue)!important;border-color:var(--gu-blue)!important;color:#fff!important}
.btn-primary:hover{background:var(--gu-dark)!important;border-color:var(--gu-dark)!important}
.btn-success,.bg-success,.tw-bg-green-500,.tw-bg-green-600,.tw-bg-\[\#05C776\]{background:var(--gu-dark)!important;border-color:var(--gu-dark)!important;color:#fff!important}
.text-primary,a.text-primary{color:var(--gu-blue)!important}
a{color:var(--gu-blue)}

/* Inputs */
.form-control,.form-select,input.form-control{border-radius:8px!important;border:1px solid #CBD2DD!important;font-family:"Now",Arial,sans-serif!important}
.form-control:focus,.form-select:focus{border-color:var(--gu-blue)!important;box-shadow:0 0 0 3px rgba(0,79,193,.15)!important}

/* HOME: bloque de logos */
app-home > div.container > div.row:first-child{margin-top:28px!important}
app-home > div.container > div.row:first-child img{height:52px!important;width:auto!important}
app-home > div.container > div.row:first-child p{font-size:1.4rem!important;max-width:520px!important;color:var(--gu-ink);margin-top:14px!important}
app-home .minislide{background:var(--gu-bg);border:1px solid var(--gu-line);border-radius:16px;padding:18px 12px;margin:22px 0 10px!important;row-gap:14px}
app-home .minislide > div{padding:0 10px}
app-home .minislide a{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--gu-line);border-radius:12px;height:84px;padding:14px 18px;width:100%;transition:.15s}
app-home .minislide a:hover{border-color:var(--gu-blue);box-shadow:0 6px 18px rgba(0,79,193,.12);transform:translateY(-2px)}
app-home .minislide img{height:52px!important;width:100%!important;object-fit:contain}

/* HOME: saludo y progreso */
app-home .tw-text-\[25px\]{font-size:1.9rem!important;margin-top:34px;letter-spacing:-.02em}
app-home .tw-text-\[23px\]{font-size:1.25rem!important;color:var(--gu-ink)}
app-home .tw-border.tw-border-slate-400.tw-rounded-lg{border:1px solid var(--gu-line)!important;border-radius:14px!important;background:var(--gu-bg);padding:18px 20px!important}
app-home .tw-border.tw-border-slate-400.tw-rounded-lg i{color:var(--gu-blue)!important}
app-home .tw-border.tw-border-slate-400.tw-rounded-lg .tw-text-\[20px\]{font-size:1.35rem!important}
app-home .tw-border.tw-border-slate-400.tw-rounded-lg .tw-text-\[17px\]{color:var(--gu-muted);font-size:.95rem!important}

/* Tarjetas de curso (home + cursos) */
.card.tw-h-full{border:1px solid var(--gu-line)!important;border-radius:16px!important;overflow:hidden;background:#fff!important;transition:.18s}
a:hover > .card.tw-h-full{box-shadow:0 12px 30px rgba(11,15,25,.10);transform:translateY(-3px);border-color:#CBD2DD!important}
.card.tw-h-full .bg,.card.tw-h-full .sm-bg{height:auto!important;aspect-ratio:1438/784;background:#000;border-radius:0!important}
.card.tw-h-full .bg-image{width:100%;height:100%;object-fit:cover;object-position:center top}
.card.tw-h-full .card-body{padding:18px 18px 16px!important}
.card.tw-h-full .tw-text-\[18px\]{font-size:1.05rem!important;line-height:1.3}
.card.tw-h-full .card-body > div > div:nth-child(2){color:var(--gu-muted)!important;font-size:.92rem;margin-top:8px!important}
.card.tw-h-full .teacher-img{width:44px!important;height:44px!important;object-fit:cover}
.card.tw-h-full .mt-4.d-flex{margin-top:18px!important;padding-top:14px;border-top:1px solid var(--gu-line)}
.card.tw-h-full .tw-text-\[13px\]{color:var(--gu-muted)}
.card.tw-h-full a.text-primary{font-weight:500}

/* Página Cursos */
app-cursos h1,app-cursos .tw-text-\[40px\],app-cursos .tw-text-\[35px\]{font-size:2rem!important}
.course-list .tw-text-\[23px\]{font-size:1.3rem!important}

/* Detalle de curso */
app-course-sidepanel .cover-image{border-radius:16px 16px 0 0!important;height:230px!important;background-size:cover!important;background-position:center top!important}
app-course-sidepanel .shadow{box-shadow:0 10px 30px rgba(11,15,25,.08)!important;border:1px solid var(--gu-line);border-top:0;border-radius:0 0 16px 16px!important}
.border-2{border-radius:14px!important;border-color:var(--gu-line)!important}
.accordion-button,.accordion-item{font-family:"Now",Arial,sans-serif!important}
.accordion-item{border-color:var(--gu-line)!important}
.accordion-button:not(.collapsed){background:#EEF3FF!important;color:var(--gu-blue)!important;box-shadow:none!important}
.accordion-button:focus{box-shadow:none!important;border-color:var(--gu-line)!important}
.list-group-item{border-color:var(--gu-line)!important}

/* Footer */
app-footer > div{background:#000!important;color:#A9B0BD!important;border-top:6px solid var(--gu-blue);margin-top:60px;box-shadow:none!important}
app-footer a{font-size:.9rem}
app-footer a{color:#fff!important}
app-footer img{filter:brightness(0) invert(1)}

/* Modo oscuro: lo apagamos para mantener una sola identidad */
.dark app-navbar nav.navbar{background:#fff!important}

@media(max-width:768px){
 app-home .minislide a{height:64px;padding:10px}
 app-home .minislide img{max-height:34px!important}
 app-home .tw-text-\[25px\]{font-size:1.5rem!important}
}

/* Verde de avance -> azul; etiqueta "siguiente tema" como pastilla */
.tw-bg-\[\#05C776\]{border-radius:8px!important;font-size:.95rem!important;font-weight:600}
.tw-text-\[\#05C776\],.text-success{color:var(--gu-blue)!important}
/* Footer: ocultar crédito del proveedor */
app-footer,app-footer > div{position:static!important;bottom:auto!important;top:auto!important}
.content-wrap{padding-bottom:40px}
app-footer .container-fluid > div.p-2 a{font-size:0!important}
app-footer .container-fluid > div.p-2 a::after{content:"© 2026 Group U LLC · Invest University";font-size:.9rem;color:#A9B0BD}