/* FILOUNGE — MODELO 2 / INICIO EDUCATIVO. Referencia visual aprobada.
   Tipografía legible, historias, vídeo y reto del día; CSS aislado a fh2. */
.filo-heritage .fh2-layout{background:#f8faf8;min-height:calc(100vh - 72px)}
.filo-heritage .fh2-main{min-width:0;max-width:none;width:100%;padding:20px clamp(15px,2.5vw,36px) 60px}
.filo-heritage .fh2-columns{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:19px;max-width:1420px;margin:auto;align-items:start}
.filo-heritage .fh2-primary,.filo-heritage .fh2-secondary{min-width:0;display:flex;flex-direction:column;gap:18px}
.filo-heritage .fh2-section,.filo-heritage .fh2-side-card{background:#fff;border:1px solid #e7ebe8;border-radius:15px;padding:18px;box-shadow:0 5px 20px #1339230a}
.filo-heritage .fh2-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 17px}
.filo-heritage .fh2-section-heading h1,.filo-heritage .fh2-section-heading h2,.filo-heritage .fh2-side-card h2{font:800 20px/1.35 Arial,Helvetica,sans-serif;color:#1d3028;letter-spacing:-.45px;margin:0}
.filo-heritage .fh2-section-heading>a{font-size:12px;color:#1a6880;font-weight:800;white-space:nowrap}
.filo-heritage .fh2-story-strip{display:flex;gap:17px;overflow-x:auto;padding:5px 2px 12px;scrollbar-width:thin;scrollbar-color:#e1d3fa transparent;scroll-snap-type:x proximity}
.filo-heritage .fh2-story{flex:0 0 83px;width:83px;display:flex;align-items:center;flex-direction:column;text-align:center;gap:7px;color:#243c33;scroll-snap-align:start}
.filo-heritage .fh2-avatar-frame{width:76px;height:76px;display:grid;place-items:center;border-radius:50%;border:3px solid #955ce0;padding:3px;position:relative;background:white;box-shadow:0 2px 8px #50238b1a;flex:none;overflow:visible}
.filo-heritage .fh2-avatar-frame>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.filo-heritage .fh2-avatar-inside{display:grid;place-items:center;height:100%;width:100%;background:linear-gradient(145deg,#c4e9dd,#edecf9);border-radius:50%;color:#145845;font-size:25px;font-weight:800}
.filo-heritage .fh2-own-frame{border-color:#c4d9cc}
.filo-heritage .fh2-story-plus{position:absolute;right:-3px;bottom:-4px;width:26px;height:26px;display:grid;place-items:center;font:800 19px/1 Arial,sans-serif;border:3px solid #fff;border-radius:50%;color:#fff;background:#17956a}
.filo-heritage .fh2-story strong{max-width:100%;font:700 11px/1.3 Arial,Helvetica,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#34473d}
.filo-heritage .fh2-story small{font-size:8px;line-height:1;color:#8c65b9;font-weight:900;letter-spacing:.7px}
.filo-heritage .fh2-disclaimer{font-size:10px;color:#8b9490;margin:3px 0 0;line-height:1.5}
.filo-heritage .fh2-video-section .fh2-section-heading{margin-bottom:13px}
.filo-heritage .fh2-video-card{display:block;position:relative;border-radius:14px;overflow:hidden;width:100%;height:365px;isolation:isolate;background:#10241f;color:white;box-shadow:0 8px 18px #0b281721}
.filo-heritage .fh2-video-card>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center 35%;display:block;transition:transform .25s ease}
.filo-heritage .fh2-video-card:hover>img{transform:scale(1.025)}
.filo-heritage .fh2-video-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(1,14,13,.91) 1%,rgba(1,14,13,.33) 47%,rgba(1,14,13,.16) 78%,rgba(1,14,13,.1));z-index:1}
.filo-heritage .fh2-video-duration{position:absolute;top:13px;right:14px;background:#0a1f20c4;padding:6px 9px;border-radius:8px;font-size:11px;font-weight:800;z-index:2;color:white}
.filo-heritage .fh2-video-play{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);border:2px solid #fff;width:69px;height:69px;display:grid;place-items:center;border-radius:50%;z-index:2;color:white;background:#071b1b85;box-shadow:0 7px 20px #0006;transition:background .2s}
.filo-heritage .fh2-video-card:hover .fh2-video-play{background:#0b5d3b}
.filo-heritage .fh2-video-play svg{margin-left:5px;color:#fff}
.filo-heritage .fh2-video-caption{position:absolute;z-index:2;bottom:20px;left:22px;right:20px;display:flex;flex-direction:column;gap:7px;color:white!important;text-shadow:0 1px 9px #0009}
.filo-heritage .fh2-video-caption small{letter-spacing:1.5px;font-size:9px;color:#d0ead3;font-weight:900}
.filo-heritage .fh2-video-caption strong{font-size:clamp(21px,2vw,30px);line-height:1.18;color:white;font-weight:900;max-width:470px}
.filo-heritage .fh2-video-caption>span{font-size:12px;color:#e4e9e5}
.filo-heritage .fh2-credit{font-size:10px;color:#88918e;line-height:1.5;margin:9px 2px 0}
.filo-heritage .fh2-quiz-section{padding:21px 19px}
.filo-heritage .fh2-quiz-heading{display:flex;align-items:center;gap:12px}
.filo-heritage .fh2-quiz-heading>div{flex:1;min-width:0}
.filo-heritage .fh2-quiz-heading h2{font:800 19px/1.3 Arial,Helvetica,sans-serif;color:#1b2f2a;margin:3px 0 0}
.filo-heritage .fh2-kicker{color:#9955cc;letter-spacing:1.4px;font-size:9px;font-weight:900}
.filo-heritage .fh2-quiz-icon{display:grid;place-items:center;flex:none;width:45px;height:45px;border-radius:12px;background:linear-gradient(135deg,#ad6feb,#7744c2);color:white;box-shadow:0 5px 12px #7740aa2b}
.filo-heritage .fh2-quiz-badge{font-size:11px;color:white;background:#9861d9;border-radius:7px;padding:8px 10px;font-weight:800}
.filo-heritage .fh2-quiz-question{font-size:17px;font-weight:800;line-height:1.6;color:#1f302b;margin:23px 0 18px}
.filo-heritage .fh2-answer-list{display:grid;gap:9px}
.filo-heritage .fh2-answer{border:1px solid #e3e7e4;background:#fff;color:#33443d;display:flex;align-items:center;gap:11px;width:100%;min-height:54px;text-align:left;padding:8px 11px;border-radius:12px;cursor:pointer;font:650 13px/1.4 Arial,Helvetica,sans-serif;box-shadow:0 2px 4px #1d342108}
.filo-heritage .fh2-answer:focus-visible,.filo-heritage .fh2-answer:hover:not(:disabled){border-color:#a873db;background:#faf6ff}
.filo-heritage .fh2-answer-letter{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#f1f3f7;color:#56677c;font-size:13px;font-weight:800}
.filo-heritage .fh2-answer>span:nth-child(2){flex:1;min-width:0}
.filo-heritage .fh2-answer-status{font-size:19px;font-weight:900}
.filo-heritage .fh2-answer.fh2-correct{border:1px solid #42ac73;background:#e6f7ea;color:#155c37}
.filo-heritage .fh2-answer.fh2-correct .fh2-answer-letter{background:#258254;color:#fff}
.filo-heritage .fh2-answer.fh2-incorrect{border-color:#d37c7c;background:#fcf0f0;color:#8d3939}
.filo-heritage .fh2-answer.fh2-incorrect .fh2-answer-letter{background:#b95050;color:white}
.filo-heritage .fh2-answer:disabled{cursor:default;opacity:1}
.filo-heritage .fh2-feedback{margin-top:14px;padding:12px 14px;border-radius:10px;line-height:1.6;font-size:12px;font-weight:650;border:1px solid #aacfb7;background:#eef9f0;color:#225e3b}
.filo-heritage .fh2-feedback.fh2-feedback-wrong{background:#fff6ec;border-color:#ead0ab;color:#805b2c}
.filo-heritage .fh2-feedback[hidden]{display:none}
.filo-heritage .fh2-quiz-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #ebebeb;padding-top:13px;margin-top:15px}
.filo-heritage .fh2-quiz-footer span{font-size:10px;color:#8c9690}
.filo-heritage .fh2-quiz-footer a{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:800;color:#1a7a70}
.filo-heritage .fh2-feed{display:flex;flex-direction:column;gap:12px}
.filo-heritage .fh2-feed>.fh2-section-heading{margin-bottom:2px}
.filo-heritage .fh2-feed .post-card{margin:0}
.filo-heritage .fh2-feed-intro{font-size:12px;color:#7b8980;line-height:1.7}
.filo-heritage .fh2-demo-post{display:flex;gap:13px;align-items:center;background:#fbfdfb;border:1px solid #e6ece6;border-radius:12px;padding:10px;color:#183b2a}
.filo-heritage .fh2-demo-post>img{width:100px;height:99px;border-radius:8px;flex:none;object-fit:cover}
.filo-heritage .fh2-demo-post>span{display:grid;gap:6px;min-width:0}
.filo-heritage .fh2-demo-post small{font-size:9px;font-weight:900;letter-spacing:.5px;color:#4c9a73}
.filo-heritage .fh2-demo-post strong{font-size:13px;color:#1e3f2f;line-height:1.35}
.filo-heritage .fh2-demo-post span span{font-size:11px;color:#72847a;line-height:1.5}
.filo-heritage .fh2-demo-post em{font-style:normal;font-size:11px;font-weight:800;color:#0c6c48}
.filo-heritage .fh2-post-composer{display:grid;gap:10px;padding:15px;border:1px solid #e3ede7;background:#fbfdfb;border-radius:11px}
.filo-heritage .fh2-post-composer>label{font-size:13px;font-weight:800;color:#284739}
.filo-heritage .fh2-post-composer textarea{width:100%;min-height:74px;resize:vertical;border:1px solid #dbe6de;border-radius:10px;padding:12px;font:400 13px/1.5 Arial,sans-serif;color:#234333;outline:none}
.filo-heritage .fh2-post-composer>button{justify-self:end;display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border:0;background:#0b6d43;color:white;border-radius:10px;font-size:12px;font-weight:850;cursor:pointer}
.filo-heritage .fh2-side-card{padding:18px 16px}
.filo-heritage .fh2-side-card h2{font-size:17px}
.filo-heritage .fh2-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}
.filo-heritage .fh2-tags a{background:#e6f5eb;color:#0b6942;border:1px solid #d6ecdc;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:750}
.filo-heritage .fh2-side-feature{display:flex;align-items:center;gap:11px;padding:13px 10px;background:#f0f7f3;border-radius:12px;color:#153c29}
.filo-heritage .fh2-side-icon{display:grid;place-items:center;width:49px;height:50px;flex:none;border-radius:12px;background:#0d4c3a;color:#fff}
.filo-heritage .fh2-side-feature strong{display:block;font-size:12px;color:#204031}
.filo-heritage .fh2-side-feature small{display:block;font-size:10px;color:#627d6a;margin-top:5px;line-height:1.4}
.filo-heritage .fh2-community-link{display:flex;align-items:center;gap:10px;border-bottom:1px solid #e9ece8;padding:10px 1px}
.filo-heritage .fh2-community-link>img{height:43px;width:43px;flex:none;border-radius:10px;object-fit:cover}
.filo-heritage .fh2-community-link>span:nth-child(2){min-width:0;flex:1}
.filo-heritage .fh2-community-link strong{font-size:11px;line-height:1.35;display:block;color:#284536}
.filo-heritage .fh2-community-link small{font-size:9px;color:#9a7baa;display:block;margin-top:4px}
.filo-heritage .fh2-community-arrow{color:#789481;font-size:20px}
.filo-heritage .fh2-campus-promo{background:linear-gradient(120deg,#0b5d3b,#126b48);color:#fff}
.filo-heritage .fh2-campus-promo>span{width:49px;height:49px;display:grid;place-items:center;color:#e4c17e;border-radius:13px;border:1px solid #d4ba7c80;margin-bottom:15px}
.filo-heritage .fh2-campus-promo h2{color:#fff;margin-bottom:11px}
.filo-heritage .fh2-campus-promo p{font-size:12px;line-height:1.7;color:#d7e9db}
.filo-heritage .fh2-campus-promo a{color:#e9cb8c;font-weight:850;font-size:12px}
@media(min-width:1500px){
 .filo-heritage .fh2-columns{grid-template-columns:minmax(0,1fr) 325px;gap:23px}
 .filo-heritage .fh2-main{padding:28px 37px 80px}
 .filo-heritage .fh2-video-card{height:430px}
}
@media(min-width:900px) and (max-width:1230px){
 .filo-heritage .fh2-columns{grid-template-columns:1fr}
 .filo-heritage .fh2-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
 .filo-heritage .fh2-video-card{height:380px}
}
@media(max-width:899px){
 .filo-heritage .fh2-main{padding:0 14px calc(76px + env(safe-area-inset-bottom,0px))}
 .filo-heritage .fh2-columns{display:block}
 .filo-heritage .fh2-primary{gap:0}
 .filo-heritage .fh2-section{padding:16px 11px 15px;border:0;border-bottom:1px solid #ecf0ec;border-radius:0;box-shadow:none}
 .filo-heritage .fh2-secondary{gap:11px;padding:12px 0 20px}
 .filo-heritage .fh2-section-heading h1,.filo-heritage .fh2-section-heading h2{font-size:17px}
 .filo-heritage .fh2-story-strip{gap:12px;padding:3px 2px 10px}
 .filo-heritage .fh2-story{flex-basis:70px;width:70px;gap:6px}
 .filo-heritage .fh2-avatar-frame{width:65px;height:65px;border-width:2.5px;padding:2.5px}
 .filo-heritage .fh2-story strong{font-size:10px}
 .filo-heritage .fh2-story-plus{height:24px;width:24px;font-size:18px}
 .filo-heritage .fh2-stories .fh2-section-heading{margin-bottom:12px}
 .filo-heritage .fh2-disclaimer{font-size:9px}
 .filo-heritage .fh2-video-card{height:clamp(245px,80vw,365px);border-radius:13px}
 .filo-heritage .fh2-video-caption{left:16px;right:13px;bottom:17px}
 .filo-heritage .fh2-video-caption strong{font-size:clamp(21px,5.9vw,29px)}
 .filo-heritage .fh2-video-play{width:60px;height:60px}
 .filo-heritage .fh2-video-play svg{width:24px;height:24px}
 .filo-heritage .fh2-quiz-section{padding:21px 12px}
 .filo-heritage .fh2-quiz-question{font-size:15px;margin:19px 0 14px}
 .filo-heritage .fh2-answer{min-height:50px;font-size:12px}
 .filo-heritage .fh2-secondary .fh2-side-card{padding:17px 15px}
 .filo-heritage .fh2-feed{padding-top:20px}
}
@media(max-width:370px){
 .filo-heritage .fh2-main{padding:0 9px 95px}
 .filo-heritage .fh2-avatar-frame{width:59px;height:59px}
 .filo-heritage .fh2-story{width:64px;flex-basis:64px}
 .filo-heritage .fh2-video-card{height:269px}
 .filo-heritage .fh2-video-caption strong{font-size:20px}
 .filo-heritage .fh2-quiz-badge{font-size:10px;padding:7px}
}
@media(prefers-reduced-motion:reduce){.filo-heritage .fh2-video-card>img{transition:none!important}}