/* Habla Papi Familiar V3: scoped additions, original intro and AdSense preserved. */
.hp-home .hp-kicker{color:#ffdc38}
.hp-home .hp-section-top h2 em{color:#6fdcff}
/* A single cross followed by a full-screen white reveal. */
.hp-page .intro.revealing{background:transparent}
.hp-page .intro.revealing .cross-scene,.hp-page .intro.revealing .intro-canvas,.hp-page .intro.revealing .typing-scene{visibility:hidden}
.hp-page .white-transition.go{animation:hp-family-flash 1.25s ease-out forwards}
@keyframes hp-family-flash{0%{opacity:.25;transform:translate(-50%,-50%) scale(.15)}38%,52%{opacity:1;transform:translate(-50%,-50%) scale(600)}100%{opacity:0;transform:translate(-50%,-50%) scale(600)}}
/* Actual muted Facebook previews; the button opens the full, uncropped player. */
.hp-home .hp-reels-preview .hp-reel-preview{aspect-ratio:1;isolation:isolate;border:2px solid #54baff;border-radius:24px;background:#0866ff;overflow:hidden}
.hp-reel-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.65}
.hp-reel-video{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.hp-reel-video iframe{position:absolute;left:0;top:50%;width:100%;height:177.78%;transform:translateY(-50%);border:0;pointer-events:none}
.hp-home .hp-reel-preview:after{z-index:2;background:linear-gradient(180deg,#00163344,transparent 35%,#001633c9)}
.hp-home .hp-reel-preview .hp-reel-brand{display:none}
.hp-home .hp-reel-preview .hp-reel-number,.hp-home .hp-reel-preview .hp-reel-metric,.hp-home .hp-reel-preview .hp-play{z-index:3}
.hp-home .hp-reel-preview .hp-reel-metric{font-size:42px;bottom:24px;left:24px;color:white;text-shadow:0 2px 10px #000}
.hp-home .hp-reel-preview .hp-reel-metric small{font-size:8px}
.hp-home .hp-reel-preview .hp-play{background:#ffdf36;color:#063770;box-shadow:0 5px 24px #001f5080;border:3px solid white}
.hp-home .hp-reel-preview .hp-watch{display:none}
.hp-preview-pill{position:absolute;right:16px;top:16px;z-index:4;background:#ffdc38;color:#063064;padding:9px 12px;border-radius:30px;font-size:9px;font-weight:900}
/* Picture-led, playful family cards. */
.hp-family-section{padding-top:50px}
.hp-family-cards{gap:24px}
.hp-home .hp-family-cards .hp-experience{display:block;min-height:0;padding:0;border:2px solid #ffffff70;border-radius:30px;overflow:hidden;box-shadow:0 14px 34px #0004;transition:transform .25s,box-shadow .25s}
.hp-family-game{--family:#ffdf37;--family-dark:#c98900;background:#ffdf37!important;color:#082c61!important}
.hp-family-audio{--family:#087bff;--family-dark:#0644af;background:#087bff!important;color:white!important}
.hp-family-hello{--family:#edfaff;--family-dark:#39bfff;background:#edfaff!important;color:#082c61!important}
.hp-family-art{position:relative;height:250px;display:grid;place-items:center;isolation:isolate;background:radial-gradient(ellipse at 50% 30%,#ffffff70,transparent 70%);overflow:hidden}
.hp-family-art:before,.hp-family-art:after{content:'✦';position:absolute;color:white;font-size:46px;left:23px;top:26px;transform:rotate(12deg)}
.hp-family-art:after{left:auto;right:22px;top:105px;font-size:28px;color:var(--family-dark)}
.hp-family-orbit{position:absolute;width:205px;height:205px;border-radius:50%;border:2px dashed #ffffff95;transform:rotate(-20deg) scale(1.12)}
.hp-family-art img{position:relative;width:196px;height:196px;object-fit:cover;border-radius:50%;border:6px solid #fff;box-shadow:0 15px 0 #00296016,0 20px 35px #00296038;animation:hp-family-float 6s ease-in-out infinite}
.hp-family-audio img{animation-delay:-2s}.hp-family-hello img{animation-delay:-4s}
.hp-family-sticker{position:absolute;bottom:13px;right:17px;padding:9px 13px;border-radius:10px;background:#fff;color:#06396e;transform:rotate(-6deg);font-size:12px;font-weight:900;box-shadow:0 4px 0 #06396e22}
.hp-family-copy{padding:12px 25px 25px}
.hp-home .hp-family-copy small{color:inherit;font-size:9px;font-weight:800;letter-spacing:.09em;opacity:.85}
.hp-home .hp-family-copy h3{font-family:Nunito,Arial,sans-serif;font-size:36px;font-weight:900;margin:6px 0 8px;line-height:1.15;letter-spacing:0;color:inherit}
.hp-home .hp-family-copy p{font-size:14px;line-height:1.55;color:inherit;min-height:44px;margin:0 0 22px;max-width:100%}
.hp-home .hp-family-copy b{display:flex;align-items:center;justify-content:space-between;background:#fff;color:#06396e;border-radius:14px;padding:14px 16px;font-size:13px;margin:0}
.hp-home .hp-family-audio .hp-family-copy b{background:#ffdc38}
.hp-home .hp-family-hello .hp-family-copy b{background:#0866ff;color:white}
.hp-family-copy b span{font-size:21px;line-height:1}
@media(hover:hover){.hp-home .hp-family-cards .hp-experience:hover{transform:translateY(-7px) rotate(-.6deg);box-shadow:0 22px 45px #0005}}
/* Compact community banner; character portraits project above its upper edge. */
.hp-home .hp-family-community{position:relative;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:260px;padding:30px 38px;margin-top:32px;margin-bottom:70px;background:linear-gradient(115deg,#0866ff,#128aff 64%,#62d6ff);border:2px solid #8cddff;border-radius:30px;text-align:left;overflow:visible;isolation:isolate}
.hp-family-community .hp-community-copy{position:relative;z-index:2}
.hp-home .hp-family-community h2{font-size:clamp(26px,2.7vw,38px);line-height:1.15;margin:12px 0;color:#fff}
.hp-home .hp-family-community h2 em{color:#ffea64}
.hp-home .hp-family-community p{font-size:13px;color:#fff;margin:12px 0 18px}
.hp-home .hp-family-community .hp-button{background:#ffdf37;color:#073571;padding:13px 20px;font-size:12px;min-height:44px}
.hp-home .hp-family-community .hp-community-secondary{color:#fff;font-size:11px;margin:12px 0 0}
.hp-community-cast{position:relative;height:240px;min-width:0;perspective:900px}
.hp-community-cast img{position:absolute;object-fit:cover;border-radius:50%;border:6px solid white;filter:drop-shadow(0 18px 13px #00377750);animation:hp-family-float 6s ease-in-out infinite}
.hp-cast-lead{width:238px;height:238px;left:50%;margin-left:-119px;top:-46px;z-index:2}
.hp-cast-friend{width:125px;height:125px;z-index:3;bottom:-9px}
.hp-cast-duck{left:0;animation-delay:-2s!important}.hp-cast-parrot{right:0;animation-delay:-4s!important}
.hp-family-star{position:absolute;font-size:40px;color:#ffdf37;z-index:4}.hp-star-one{top:0;left:0}.hp-star-two{right:0;top:-28px;font-size:60px}
@keyframes hp-family-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}
/* Only the title, subtitle and necessary login actions remain. */
.hp-page .hp-login-card{width:min(630px,calc(100vw - 36px));min-height:0;display:block;border-radius:24px;background:#fff;color:#0b3365;border:3px solid #7bceff;max-height:calc(100dvh - 36px);overflow:auto}
.hp-page .hp-login-copy{padding:32px 38px;display:block}
.hp-page .hp-login-copy h2{font-family:Arial,sans-serif;font-size:27px;font-weight:600;letter-spacing:.01em;line-height:1.3;text-shadow:none;color:#0b3365;margin:0 30px 12px 0}
.hp-page .hp-login-copy>p{font-family:Arial,sans-serif;font-size:15px;font-weight:400;line-height:1.65;color:#49617b;max-width:100%;margin:0 0 22px}
.hp-page .hp-login-close{background:#edf6ff;color:#0b3365;border:1px solid #c5e5ff}
.hp-page .hp-facebook-login,.hp-page .hp-guest-login{font-family:Arial,sans-serif;font-size:14px;font-weight:600;min-height:46px}
.hp-page .hp-guest-login{background:#edf6ff;color:#0b3365;border:1px solid #c5e5ff}
.hp-page .hp-login-or{color:#53708e;margin:7px 0}.hp-page .hp-login-or:before,.hp-page .hp-login-or:after{background:#d5e7f5}
@media(max-width:980px){.hp-family-art{height:215px}.hp-family-art img{width:165px;height:165px}.hp-family-orbit{width:173px;height:173px}.hp-family-copy{padding:12px 18px 22px}.hp-home .hp-family-copy h3{font-size:30px}.hp-home .hp-family-copy p{min-height:66px}.hp-cast-lead{width:200px;height:200px;margin-left:-100px;top:-18px}.hp-cast-friend{width:105px;height:105px}.hp-home .hp-family-community{padding:28px;grid-template-columns:1.1fr 1fr;gap:15px}}
@media(max-width:760px){.hp-family-cards{grid-template-columns:1fr;gap:22px}.hp-home .hp-family-cards .hp-experience{display:grid;grid-template-columns:42% 58%;align-items:center;border-radius:24px}.hp-family-art{height:100%;min-height:220px}.hp-family-art img{width:125px;height:125px;max-width:90%;aspect-ratio:1}.hp-family-orbit{width:132px;height:132px;max-width:90%}.hp-family-art:before{left:9px;font-size:28px}.hp-family-art:after{right:10px;top:150px;font-size:22px}.hp-family-sticker{font-size:8px;right:10px;bottom:14px;padding:7px}.hp-family-copy{padding:22px 16px 22px 5px}.hp-home .hp-family-copy small{font-size:7px;letter-spacing:.06em}.hp-home .hp-family-copy h3{font-size:30px}.hp-home .hp-family-copy p{font-size:12px;min-height:0;margin-bottom:15px}.hp-home .hp-family-copy b{font-size:10px;padding:11px 10px;gap:5px}.hp-home .hp-family-community{grid-template-columns:1fr;margin-top:75px;padding:25px 22px;gap:0;text-align:center}.hp-community-cast{grid-row:1;height:155px;max-width:290px;width:100%;margin:-65px auto 12px}.hp-cast-lead{width:170px;height:170px;margin-left:-85px;top:-5px}.hp-cast-friend{width:87px;height:87px;bottom:-4px}.hp-home .hp-family-community h2{font-size:28px}.hp-home .hp-family-community .hp-community-secondary{margin-top:12px}.hp-page .hp-login-copy{padding:30px 23px 24px}.hp-page .hp-login-copy h2{font-size:23px}.hp-page .hp-login-copy>p{font-size:14px}.hp-home .hp-reel-preview .hp-reel-metric{font-size:40px}}
@media(prefers-reduced-motion:reduce){.hp-family-art img,.hp-community-cast img{animation:none!important}.hp-home .hp-family-cards .hp-experience{transition:none}}