@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
/* ============================================================
   CISO - Portada modernizada (estilo del Observatorio)
   Solo afecta la portada (body.home). No cambia contenido ni orden.
   Para deshacer: borrar todo este bloque.
   ============================================================ */
body.home{--c-osc:#125e04;--c-ver:#14ba0a;--c-txt:#14b306;--c-btn:#2cc10a;--c-tit:#2c3338;--c-texto:#5b5b5b;--c-gris:#f4f7f3;--c-linea:#e4e9e2;--c-grad:linear-gradient(90deg,#125e04 0%,#14ba0a 100%);--c-sombra:0 12px 32px rgba(18,94,4,.08)}
body.home [class^="ciso-"],body.home [class*=" ciso-"]{font-family:"Manrope",sans-serif}
body.home [class^="ciso-"] p,body.home [class*=" ciso-"] p{color:var(--c-texto);line-height:1.7}
body.home .ciso-hero2{background:var(--c-grad)!important;border-radius:0 0 24px 24px!important}
body.home .ciso-hero2 h1{font-family:"Manrope",sans-serif!important;font-weight:800!important;letter-spacing:-.5px;font-size:clamp(32px,4vw,46px)!important;line-height:1.15!important}
body.home .ciso-hero2-eyebrow{background:rgba(255,255,255,.16)!important;letter-spacing:3px!important;font-size:12px!important;border:1px solid rgba(255,255,255,.25)}
body.home .ciso-hero2-btn{border-radius:6px!important;color:var(--c-osc)!important;font-size:15px!important;font-weight:700!important;padding:15px 30px!important}
body.home .ciso-hero2-blob{opacity:.08!important}
body.home .ciso-why-wrap h3,body.home .ciso-future-title,body.home .ciso-seq-heading,body.home .ciso-car-title,body.home .ciso-tiktok-heading h2,body.home .ciso-yt-strip h3{font-family:"Manrope",sans-serif!important;color:var(--c-tit)!important;font-weight:800!important;letter-spacing:-.3px}
body.home .ciso-why-wrap h3,body.home .ciso-future-title,body.home .ciso-seq-heading{font-size:clamp(26px,3.2vw,38px)!important;line-height:1.2!important}
body.home .ciso-car-subtitle{color:var(--c-txt)!important;letter-spacing:3px!important;font-weight:700!important}
body.home .ciso-future-divider,body.home .ciso-seq-divider,body.home .ciso-tiktok-divider{background:var(--c-grad)!important;height:4px!important;width:64px!important;border-radius:2px!important;border:0!important}
body.home .ciso-why-icon{background:var(--c-grad)!important;color:#fff!important;box-shadow:var(--c-sombra)}
body.home .ciso-why-chip{background:#fff!important;border:1px solid var(--c-linea)!important;color:var(--c-txt)!important;border-radius:6px!important;font-weight:700!important;box-shadow:none!important;transition:transform .2s,border-color .2s}
body.home .ciso-why-chip:hover{transform:translateY(-2px);border-color:var(--c-btn)!important}
body.home .ciso-future-btn,body.home .ciso-seq-btn{background:var(--c-btn)!important;border-radius:6px!important;font-size:14px!important;font-weight:700!important;letter-spacing:.5px!important;box-shadow:none!important;transition:transform .2s,background .2s!important}
body.home .ciso-future-btn:hover,body.home .ciso-seq-btn:hover{background:var(--c-osc)!important;transform:translateY(-2px)}
body.home .ciso-highlight{color:var(--c-txt)!important}
body.home .ciso-future{border-radius:10px!important;overflow:hidden}
body.home .ciso-seq-section{background:var(--c-gris)!important;border:1px solid var(--c-linea)!important;border-radius:10px!important;box-shadow:none!important}
body.home .ciso-seq-bubble{background:rgba(20,186,10,.08)!important}
body.home .ciso-card{border:1px solid var(--c-linea)!important;border-radius:10px!important;box-shadow:var(--c-sombra)!important;overflow:hidden;transition:transform .25s,box-shadow .25s}
body.home .ciso-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(18,94,4,.14)!important}
body.home .ciso-readmore{color:var(--c-txt)!important;font-weight:700!important}
body.home .ciso-dot.ciso-on{background:var(--c-btn)!important}
body.home .ciso-arrow{border:1px solid var(--c-linea)!important;box-shadow:var(--c-sombra)!important}
body.home .ciso-arrow:hover{background:var(--c-btn)!important;color:#fff!important}
body.home .ciso-cork{border-radius:10px!important}
body.home .ciso-tiktok-card{border-radius:10px!important}
body.home .ciso-yt-strip{border-radius:10px!important;border:1px solid #f6d5d5}
body.home .ciso-yt-btn,body.home .ciso-yt-btn-outline{border-radius:6px!important;font-weight:700!important}

/* ============================================================
   CISO - Encabezado modernizado (barra superior, logo y menú)
   Mismo contenido; solo estilo. Aplica a todo el sitio.
   ============================================================ */
.masthead .top-bar{background:transparent!important;font-family:"Manrope",sans-serif!important;font-size:13px!important;font-weight:600!important;padding-top:6px!important;padding-bottom:6px!important}
.masthead .top-bar .top-bar-bg{background:linear-gradient(90deg,#125e04 0%,#14ba0a 100%)!important;opacity:1!important;left:50%!important;right:auto!important;width:100vw!important;max-width:none!important;margin-left:-50vw!important;transform:none!important}
.masthead .top-bar,.masthead .top-bar a,.masthead .top-bar span,.masthead .top-bar i{color:#fff!important}
.masthead .top-bar .soc-ico a{border-color:rgba(255,255,255,.6)!important;background:transparent!important}
.masthead .top-bar .soc-ico a:hover{background:#fff!important}
.masthead .top-bar .soc-ico a:hover .soc-font-icon{color:#125e04!important}
.masthead .header-bar .branding img{transition:transform .3s}
.masthead .header-bar .branding a:hover img{transform:scale(1.03)}
.masthead .header-bar .navigation{border-top:1px solid #e4e9e2;padding-top:6px;padding-bottom:6px}
.masthead .main-nav>li>a{border-radius:6px!important;padding:10px 14px!important;transition:background .2s,color .2s!important}
.masthead .main-nav>li>a .menu-text,.masthead .main-nav>li>a{font-family:"Manrope",sans-serif!important;font-weight:800!important;font-size:13px!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#2c3338!important}
.masthead .main-nav>li>a i{color:#14b306!important;transition:color .2s}
.masthead .main-nav>li:hover>a,.masthead .main-nav>li.act>a{background:linear-gradient(90deg,#125e04 0%,#14ba0a 100%)!important}
.masthead .main-nav>li:hover>a .menu-text,.masthead .main-nav>li:hover>a i,.masthead .main-nav>li.act>a .menu-text,.masthead .main-nav>li.act>a i{color:#fff!important}
.masthead .main-nav.underline-decoration>li>a .menu-item-text:before,.masthead .main-nav.underline-decoration>li>a .menu-text:after,.masthead .main-nav.underline-decoration>li>a:after{display:none!important}
.masthead .main-nav>li:not(:first-child):before{border-color:#e4e9e2!important;background:#e4e9e2!important}
.masthead .sub-nav{border-top:3px solid #14ba0a!important;border-radius:0 0 10px 10px!important;box-shadow:0 18px 40px rgba(18,94,4,.14)!important;font-family:"Manrope",sans-serif!important}
.masthead .sub-nav>li>a .menu-text{font-family:"Manrope",sans-serif!important;font-weight:600!important;color:#2c3338!important}
.masthead .sub-nav>li:hover>a,.masthead .sub-nav>li>a:hover{background:#f4f7f3!important}
.masthead .sub-nav>li:hover>a .menu-text{color:#14b306!important}
.mobile-header-bar .dt-mobile-menu-icon .lines,.mobile-header-bar .dt-mobile-menu-icon .lines:before,.mobile-header-bar .dt-mobile-menu-icon .lines:after{background:#14ba0a!important}

/* ============================================================
   CISO - Portada: hero del perrito a pantalla completa
   ============================================================ */
body.home #page.boxed,body.home #page{max-width:none!important;width:100%!important;box-shadow:none!important}
body.home #main{padding-top:0!important}
body.home .masthead,body.home #phantom{max-width:none!important;width:100%!important}
body.home .ciso-hero2{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;border-radius:0!important;min-height:min(78vh,720px)!important}
body.home .ciso-hero2-inner{max-width:1240px!important;padding-left:40px!important;padding-right:40px!important}

/* ============================================================
   CISO - Portada: "Tu futuro comienza aquí" a pantalla completa
   ============================================================ */
body.home .ciso-future-outer{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;border-radius:0!important;background-image:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.94) 55%,rgba(255,255,255,.45) 75%,rgba(255,255,255,0) 90%),url("https://www.uprm.edu/cienciassociales/wp-content/uploads/sites/308/2025/09/RUM6-1440x864_c-1024x614-2-1000x598.jpg")!important;background-size:cover!important;background-position:center!important}
body.home .ciso-future{max-width:1240px!important;margin:0 auto!important;padding:90px 40px 100px!important;border-radius:0!important}