/*=========================================================
= RECURSOS :: ¿Y AHORA QUÉ ESTUDIO?
=========================================================*/
:root{--ink:#10162f;--paper:#fffdf8;--lime:#d8ff5f;--coral:#ff6b5f;--violet:#6c63ff;--cyan:#51d7d0;--soft:#f4f2ed;--yellow:#ffd65a;--purple:#9028ff;--line:#e9e7e2;}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:28px;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Manrope',sans-serif;-webkit-font-smoothing:antialiased;}
h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.035em;}
a{text-decoration:none;}
a:focus-visible{outline:3px solid var(--violet);outline-offset:4px;}
/*---------------------------------------------------------
= HEADER
---------------------------------------------------------*/
.site-header{background:#fff;border-bottom:1px solid var(--line);}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:98px;}
.brand-link{display:inline-flex;align-items:center;gap:11px;color:var(--ink);font-size:15px;font-weight:800;letter-spacing:-.02em;}
.brand-link:hover{color:var(--purple);}
.brand-link strong{display:block;font-weight:800;}
.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--lime);font-size:22px;}
.header-logos{display:flex;align-items:center;gap:16px;}
.header-logos img{width:auto;object-fit:contain;}
.logo-unam{height:56px;}.logo-case,.logo-dgoae{height:48px;}
.logo-divider{height:35px;width:1px;background:#ddd;}
/*---------------------------------------------------------
= HERO
---------------------------------------------------------*/
.resources-hero{overflow:hidden;background:linear-gradient(125deg,#251045 0%,#541b9a 53%,#9028ff 100%);color:#fff;}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:36px;min-height:500px;padding-top:60px;padding-bottom:65px;}
.back-link{display:inline-flex;align-items:center;gap:8px;color:#f1e9ff;font-size:13px;font-weight:700;margin-bottom:35px;}
.back-link:hover{color:var(--yellow);}
.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.12em;}
.eyebrow{color:var(--lime);margin-bottom:16px;}
.hero-copy h1{font-size:clamp(38px,5.4vw,70px);line-height:1.04;font-weight:700;margin:0 0 20px;}
.hero-copy h1 span{color:var(--lime);}
.hero-copy p{max-width:560px;color:#e9def9;font-size:16px;line-height:1.85;margin-bottom:28px;}
.btn-main{display:inline-flex;align-items:center;justify-content:center;gap:13px;background:var(--lime);color:var(--ink);padding:14px 22px;border-radius:13px;font-size:14px;font-weight:800;transition:transform .25s,background .25s;}
.btn-main:hover{background:#fff;color:var(--ink);transform:translateY(-3px);}
.hero-art{height:360px;position:relative;display:grid;place-items:center;}
.hero-blob{width:250px;height:250px;border-radius:38% 56% 46% 52%;background:#b85aff;display:grid;place-items:center;transform:rotate(-12deg);box-shadow:25px 22px 0 rgba(17,6,40,.24);position:relative;z-index:2;}
.hero-blob i{font-size:118px;transform:rotate(12deg);}
.orbit{position:absolute;border:1px dashed rgba(255,255,255,.24);border-radius:50%;}
.orbit-one{width:315px;height:315px;}.orbit-two{width:365px;height:365px;}
.floating-tag{position:absolute;z-index:3;background:#fff;color:var(--ink);padding:12px 16px;border-radius:12px;font-size:13px;font-weight:800;box-shadow:0 8px 0 rgba(16,22,47,.14);}
.tag-one{top:38px;left:0;transform:rotate(-9deg);}.tag-two{bottom:35px;right:0;transform:rotate(7deg);}
.tag-one i{color:var(--coral);}.tag-two i{color:var(--purple);}
.decor-star{position:absolute;color:var(--yellow);font-size:28px;}.decor-one{right:24px;top:20px;}.decor-two{left:22px;bottom:22px;font-size:19px;}
/*---------------------------------------------------------
= INTRODUCCIÓN Y FILTROS DE NAVEGACIÓN
---------------------------------------------------------*/
.section-intro{padding:76px 0 40px;}
.section-heading{text-align:center;max-width:740px;margin:0 auto 31px;}
.section-kicker{color:var(--purple);margin-bottom:12px;}
.section-heading h2{font-size:clamp(28px,3.4vw,42px);font-weight:700;margin-bottom:13px;}
.section-heading p{font-size:15px;color:#5c6170;line-height:1.8;margin:0;}
.category-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;}
.category-nav a{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:100px;padding:11px 16px;font-size:13px;font-weight:800;transition:transform .2s,border-color .2s,background .2s;}
.category-nav a:hover{background:var(--lime);border-color:var(--lime);transform:translateY(-2px);}
/*---------------------------------------------------------
= SECCIONES Y TARJETAS DE RECURSOS
---------------------------------------------------------*/
.resource-section{padding:74px 0;}
.resource-section.alternate{background:var(--soft);}
.category-title{display:flex;align-items:center;gap:19px;margin-bottom:28px;}
.category-icon{flex:0 0 70px;width:70px;height:70px;border-radius:20px;display:grid;place-items:center;font-size:30px;}
.category-number{display:block;font-size:11px;font-weight:800;letter-spacing:.11em;color:#6c6475;margin-bottom:6px;}
.category-title h2{font-size:clamp(25px,3vw,34px);font-weight:700;margin:0 0 5px;}
.category-title p{font-size:14px;color:#646775;margin:0;line-height:1.7;}
.lime{background:var(--lime);}.coral{background:#ffe0dc;}.cyan{background:#ccf8f4;}.violet{background:#e5e1ff;}.yellow{background:#fff0b6;}.navy{background:#dce3f7;}
.resource-card{height:100%;min-height:285px;background:#fff;border:1px solid #ece9e5;border-radius:23px;padding:27px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 8px 22px rgba(16,22,47,.035);transition:transform .25s,box-shadow .25s;}
.resource-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px rgba(16,22,47,.09);}
.resource-type{font-size:10px;letter-spacing:.1em;font-weight:800;color:#787987;}
.resource-card-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;font-size:24px;margin:15px 0;}
.resource-card h3{font-size:20px;font-weight:700;line-height:1.3;margin:0 0 10px;}
.resource-card p{font-size:13px;line-height:1.85;color:#606575;margin:0 0 20px;flex:1;}
.resource-card a{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:800;color:var(--purple);margin-top:auto;}
.resource-card a:hover{color:#4a20b9;}
.activity-card{border-style:dashed;border-color:#c8c5d3;}
.activity-label{display:inline-flex;align-items:center;gap:8px;color:#55576b;font-size:11px;font-weight:800;margin-top:auto;}
/*---------------------------------------------------------
= CIERRE Y FOOTER
---------------------------------------------------------*/
.final-section{padding:85px 0 48px;}
.final-panel{background:linear-gradient(135deg,#35145f,#9028ff);color:#fff;text-align:center;border-radius:30px;padding:60px 24px;position:relative;overflow:hidden;}
.final-panel::before,.final-panel::after{content:'';position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%;pointer-events:none;}
.final-panel::before{width:280px;height:280px;top:-160px;left:-90px;}.final-panel::after{width:320px;height:320px;right:-170px;bottom:-220px;}
.final-spark{display:grid;place-items:center;width:58px;height:58px;background:var(--lime);color:var(--ink);font-size:28px;border-radius:18px;margin:0 auto 18px;}
.final-panel .section-kicker{color:var(--lime);}
.final-panel h2{font-size:clamp(28px,3.8vw,45px);font-weight:700;max-width:650px;margin:0 auto 16px;}
.final-panel p{max-width:640px;color:#eee2ff;line-height:1.8;font-size:15px;margin:0 auto 27px;}
.final-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;}
.btn-white,.btn-outline-white{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;padding:13px 19px;font-size:13px;font-weight:800;transition:transform .2s,background .2s;}
.btn-white{background:#fff;color:var(--ink);}.btn-outline-white{border:1px solid rgba(255,255,255,.75);color:#fff;}
.btn-white:hover{background:var(--lime);color:var(--ink);transform:translateY(-2px);}.btn-outline-white:hover{background:#fff;color:var(--ink);transform:translateY(-2px);}
.resource-note{text-align:center;color:#747685;font-size:12px;line-height:1.7;max-width:770px;margin:26px auto 0;}
.site-footer{border-top:1px solid var(--line);background:#fff;padding:25px 0;}
.footer-inner{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#6e7180;}
/*---------------------------------------------------------
= RESPONSIVE :: TABLET
---------------------------------------------------------*/
@media(max-width:991px){.header-inner{min-height:84px;}.logo-unam{height:48px;}.logo-case,.logo-dgoae{height:40px;}.hero-grid{grid-template-columns:1fr 330px;gap:12px;}.hero-art{transform:scale(.85);}.hero-copy h1{font-size:48px;}.resource-section{padding:60px 0;}}
/*---------------------------------------------------------
= RESPONSIVE :: MÓVIL
---------------------------------------------------------*/
@media(max-width:767px){.header-inner{flex-wrap:wrap;justify-content:center;padding:16px 0;gap:14px;}.header-logos{gap:12px;}.logo-unam{height:40px;}.logo-case,.logo-dgoae{height:32px;}.logo-divider{height:26px;}.hero-grid{grid-template-columns:1fr;gap:0;padding-top:35px;padding-bottom:35px;}.hero-copy{text-align:center;}.back-link{display:flex;justify-content:center;margin-bottom:24px;}.hero-copy h1{font-size:clamp(35px,9vw,52px);}.hero-copy p{font-size:14px;}.hero-art{height:275px;transform:scale(.75);margin:-8px auto -28px;width:100%;}.section-intro{padding:55px 0 20px;}.category-nav{gap:8px;}.category-nav a{font-size:12px;padding:9px 12px;}.category-title{align-items:flex-start;gap:13px;}.category-icon{flex-basis:55px;width:55px;height:55px;border-radius:15px;font-size:24px;}.resource-section{padding:48px 0;}.resource-card{min-height:250px;padding:24px;}.final-section{padding:55px 0 35px;}.final-panel{padding:48px 19px;border-radius:24px;}.footer-inner{flex-direction:column;text-align:center;gap:5px;}}
@media(max-width:420px){.brand-link{font-size:13px;}.hero-art{transform:scale(.66);margin:-25px auto -48px;}.hero-blob{width:230px;height:230px;}.floating-tag{font-size:12px;}.category-title h2{font-size:24px;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*,*::before,*::after{transition:none!important;}}

/*---------------------------------------------------------
= CATEGORÍAS DESPLEGABLES
---------------------------------------------------------*/
.resource-section[hidden]{display:none!important;}
.category-nav a.active{background:var(--lime);border-color:var(--lime);box-shadow:0 5px 16px rgba(16,22,47,.09);}
.category-nav a:focus-visible{outline:3px solid var(--purple);outline-offset:3px;}