/*
Theme Name: El cielo con Mía
Author: CIMA CIRCUS
Description: Universo visual de El cielo con Mía. Inicio, personajes y apoyo al proyecto.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: el-cielo-con-mia
*/
:root{--navy:#092e49;--ink:#143c50;--cream:#fffaf0;--gold:#ffdc85;--muted:#657987}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0;color:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #ecaf38;outline-offset:6px}::selection{background:var(--gold);color:var(--navy)}.skip{position:fixed;top:-100px;left:20px;background:white;color:var(--navy);padding:16px;z-index:100}.skip:focus{top:12px}.header{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:30px 5%;z-index:10;color:white}.brand{width:148px;flex-shrink:0;filter:drop-shadow(0 3px 10px #082e4833)}.brand img{width:100%;height:auto;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600}.desktop-nav>a{min-height:46px;display:flex;align-items:center}.desktop-nav .nav-support{padding:0 23px;border:1px solid #ffffff80;border-radius:50px;gap:25px;transition:background .2s}.desktop-nav .nav-support:hover{background:#ffffff20}.menu{display:none}#mobile-menu[hidden]{display:none}.hero{position:relative;isolation:isolate;height:min(900px,100svh);min-height:760px;overflow:hidden;color:white;background:#164f76}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:32% center;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#072a4210 25%,#092e4933 44%,#092e49b0 67%,#092e49e8 100%),linear-gradient(0deg,#092e49de 0%,transparent 25%)}.hero-copy{position:absolute;left:56%;right:4%;top:50%;transform:translateY(-40%)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;line-height:1.7}.hero .eyebrow{display:flex;align-items:center;gap:10px;color:#fff1cb}.gold-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);flex-shrink:0}.hero h1{font-size:clamp(49px,5.2vw,87px);line-height:1.01;letter-spacing:-3.5px;font-weight:750;margin:25px 0 24px}.hero h1 span{color:var(--gold)}.hero-description{font-size:16px;line-height:1.75;color:#f3f2ea}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:23px;min-height:57px;border-radius:40px;padding:16px 25px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 7px 28px #092e4922}.gold{background:var(--gold);color:var(--navy)}.play-icon{font-size:11px}.button>span:last-child{font-size:19px}.video-link{display:inline-flex;align-items:center;gap:11px;color:inherit;background:transparent;padding:5px 0;font-size:12px;min-height:48px}.outlined-play{border:1px solid #ffffff80;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;font-size:9px}.hero-bottom{position:absolute;bottom:29px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.6px;color:#f3eee2}.hero-bottom>a{min-height:44px;display:flex;align-items:center;gap:23px}.hero-bottom>a>span{font-size:23px}.stories{padding:95px 5% 45px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:43px}.section-heading .eyebrow,.support .eyebrow{color:#71818a}.section-heading h2{font-size:clamp(36px,4vw,60px);line-height:1.1;letter-spacing:-2.3px;font-weight:700;margin-top:22px}.section-heading h2 span{color:#69808b}.section-heading>p{font-size:14px;line-height:1.8;padding-bottom:4px;color:#607481}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.story-card{position:relative;isolation:isolate;min-height:530px;overflow:hidden;background:#20485d;color:white;border-radius:7px;transition:transform .4s}.story-card:hover{transform:translateY(-6px)}.story-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;z-index:-3;transition:transform .8s}.story-card:hover img{transform:scale(1.04)}.story-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#05233cfa 0%,#05233caa 30%,#05233c00 73%),linear-gradient(#05233c55,transparent 30%);z-index:-2}.story-index{position:absolute;left:28px;top:29px;font-size:10px;letter-spacing:1.7px}.card-play{position:absolute;right:23px;top:23px;width:39px;height:39px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;font-size:20px}.card-copy{position:absolute;bottom:27px;left:28px;right:22px}.story-theme{font-size:9px;letter-spacing:1.5px;color:#ffe0a2}.card-copy h3{font-size:clamp(34px,3.2vw,51px);line-height:1.04;letter-spacing:-1.5px;margin:17px 0 13px}.card-copy p{font-size:12px;color:#e1e7e9}.watch-label{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff40;padding-top:18px;margin-top:24px;font-size:10px;letter-spacing:1px}.watch-label>span{font-size:9px}.stories-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px;font-size:12px;color:#6b7d86}.stories-bottom>a{min-height:48px;display:flex;align-items:center;gap:30px;color:var(--ink);font-weight:600}.mia-world{position:relative;isolation:isolate;min-height:690px;color:white;background:#215d87;overflow:hidden;margin-top:45px}.mia-world>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:30% center;z-index:-3}.mia-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 10%,#092e4900 30%,#092e49ce 75%,#092e49e0);z-index:-2}.mia-copy{margin-left:56%;padding:110px 8% 100px 0}.mia-copy h2{font-size:clamp(44px,4.8vw,74px);line-height:1.02;letter-spacing:-3px;margin:29px 0}.mia-copy h2 span{color:var(--gold)}.mia-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#edf0ec}.mia-copy .video-link{margin-top:27px}.video-length{font-size:10px;color:#d9e1e4;margin-left:15px}.world-caption{position:absolute;bottom:30px;left:5%;font-size:9px;letter-spacing:1.5px;text-shadow:0 1px 12px #092e49}.support{padding:90px 8%;display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;background:#f6efde}.support h2{font-size:clamp(40px,4.5vw,67px);letter-spacing:-2.5px;line-height:1.08;margin-top:23px}.support h2 span{color:#9c7646}.support-copy p{font-size:15px;line-height:1.9;max-width:430px}.navy{background:var(--navy);color:var(--cream);margin-top:25px}.support-copy small{display:block;color:#71808a;font-size:11px;line-height:1.7;margin-top:17px}footer{background:#082a40;color:#f4f0e6;padding:65px 5% 22px}.footer-main{display:grid;grid-template-columns:150px 1fr .75fr 1.1fr;gap:5%;padding-bottom:48px;align-items:start}.footer-brand{width:135px}.footer-brand img{width:100%;height:auto}.footer-main>p{font-size:15px;line-height:1.7;margin-top:16px}.footer-main nav{display:flex;flex-direction:column;align-items:flex-start;font-size:12px;min-width:0}.footer-main nav>span{font-size:9px;letter-spacing:1.8px;color:#a5b8c2;margin-bottom:16px}.footer-main nav>a{min-height:44px;display:flex;align-items:center;overflow-wrap:anywhere}.footer-bottom{border-top:1px solid #ffffff20;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#acbec8;font-size:9px;letter-spacing:.6px}.footer-bottom nav{display:flex;gap:25px}.footer-bottom a{min-height:44px;display:flex;align-items:center}.footer-bottom>a{color:#f5ecd5}dialog{padding:0;border:0;border-radius:14px;background:var(--navy);color:white;max-width:850px;width:calc(100vw - 40px);overflow:visible}dialog::backdrop{background:#021523e8;backdrop-filter:blur(8px)}dialog video{display:block;width:100%;border-radius:14px 14px 0 0}dialog p{font-size:11px;padding:18px;line-height:1.6}#close-video{position:absolute;top:-22px;right:-10px;border:1px solid #ffffff70;background:var(--navy);color:white;border-radius:50%;width:44px;height:44px;font-size:26px}
@media(min-width:1600px){.hero-copy{left:57%;right:6%}.hero{max-height:1050px}.story-card{min-height:640px}}
@media(min-width:701px) and (max-width:1100px){.header{padding:27px 4%}.brand{width:125px}.desktop-nav{gap:22px;font-size:12px}.hero{min-height:740px;height:90svh;max-height:950px}.hero-copy{left:51%;right:4%}.hero-image{object-position:36% center}.hero h1{font-size:54px;letter-spacing:-2.8px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.hero-description{font-size:14px}.hero-actions{gap:12px}.button{font-size:12px;gap:15px;padding:15px 20px}.hero-shade{background:linear-gradient(90deg,transparent 10%,#092e4933 35%,#092e49bf 65%,#092e49e8),linear-gradient(0deg,#092e49bb,transparent 25%)}.stories{padding-top:65px}.section-heading h2{font-size:39px;letter-spacing:-1.5px}.section-heading>p{font-size:12px;max-width:185px}.story-grid{gap:12px}.story-card{min-height:450px}.card-copy{left:20px;right:20px}.card-copy h3{font-size:34px}.story-theme{font-size:8px;letter-spacing:.7px}.story-index{left:20px}.card-play{right:18px}.mia-world{min-height:620px}.mia-copy{margin-left:52%;padding-right:5%}.mia-copy h2{font-size:52px}.mia-copy .eyebrow{font-size:8px;letter-spacing:1px}.mia-copy>p:not(.eyebrow){font-size:13px}.support{padding:65px 5%;gap:7%}.support h2{font-size:48px}.support-copy p{font-size:14px}.footer-main{grid-template-columns:110px 1fr 1fr;gap:30px}.footer-brand{width:110px}.footer-main>p{grid-column:1;grid-row:2;font-size:12px;margin:0}.footer-main nav{grid-row:1/3}.footer-main nav>span{font-size:8px}.footer-main nav>a{font-size:11px}}
@media(max-width:700px){.header{padding:20px 23px;align-items:flex-start}.brand{width:118px}.desktop-nav{display:none}.menu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:45px;height:45px;border:1px solid #ffffff80;border-radius:50%;background:#092e4940;backdrop-filter:blur(10px);margin-top:3px}.menu span{width:17px;height:1px;background:white;transition:transform .2s}.menu[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}#mobile-menu{position:absolute;left:18px;right:18px;top:104px;display:flex;flex-direction:column;border:1px solid #ffffff30;border-radius:14px;background:#082d48f5;backdrop-filter:blur(20px);padding:13px 24px;box-shadow:0 20px 50px #051c4140}#mobile-menu>a{display:flex;align-items:center;min-height:53px;border-bottom:1px solid #ffffff20;font-size:15px}#mobile-menu>a:last-child{border:0}.hero{height:790px;min-height:0;max-height:none}.hero-image{height:525px;object-position:29% center}.hero-shade{background:linear-gradient(0deg,#123e5b 0%,#123e5b 19%,#123e5bf5 30%,#123e5b80 44%,transparent 61%),linear-gradient(180deg,#092e4920,transparent 20%)}.hero-copy{top:390px;left:24px;right:24px;transform:none}.hero .eyebrow{font-size:8px;letter-spacing:1.4px;gap:8px}.hero h1{font-size:clamp(42px,11.7vw,59px);letter-spacing:-2.1px;line-height:1.02;margin:18px 0}.hero-description{font-size:13px;line-height:1.75}.hero-actions{margin-top:22px;gap:18px;flex-wrap:nowrap}.button{font-size:12px;padding:14px 19px;gap:14px;min-height:51px}.button>span:last-child{font-size:17px}.video-link{font-size:11px;gap:9px;white-space:nowrap}.outlined-play{height:34px;width:34px;font-size:8px;flex-shrink:0}.hero-bottom{bottom:14px;left:24px;right:24px;font-size:7px;letter-spacing:1px;border-top:1px solid #ffffff25;padding-top:5px}.hero-bottom>a{font-size:7px;gap:15px}.hero-bottom>a>span{font-size:20px}.stories{padding:45px 22px 23px}.section-heading{display:block;margin-bottom:27px}.eyebrow{font-size:8px;letter-spacing:1.4px}.section-heading h2{font-size:34px;letter-spacing:-1.3px;line-height:1.12;margin-top:19px}.section-heading>p{font-size:13px;line-height:1.7;margin-top:20px}.section-heading>p br{display:none}.story-grid{grid-template-columns:1fr;gap:17px}.story-card{min-height:420px;border-radius:6px}.story-card img{object-position:40% 36%}.story-index{left:23px;top:24px;font-size:9px}.card-copy{left:23px;right:23px;bottom:23px}.card-copy h3{font-size:42px;letter-spacing:-1.7px;margin:14px 0 12px}.story-theme{font-size:8px;letter-spacing:1.3px}.card-copy p{font-size:12px}.watch-label{margin-top:19px;padding-top:17px;font-size:9px}.stories-bottom{display:block;margin-top:23px;font-size:11px;line-height:1.7}.stories-bottom>a{font-size:11px;justify-content:space-between;margin-top:8px}.mia-world{min-height:780px;margin-top:25px}.mia-world>img{height:465px;object-position:24% center}.mia-shade{background:linear-gradient(0deg,#103a56 0%,#103a56 32%,#103a56f5 39%,#103a5666 57%,transparent 72%)}.mia-copy{margin:0;padding:397px 24px 64px}.mia-copy h2{font-size:46px;letter-spacing:-2px;margin:22px 0}.mia-copy>p:not(.eyebrow){font-size:13px;line-height:1.85}.mia-copy>p br{display:none}.mia-copy .eyebrow{font-size:8px;letter-spacing:1.1px}.mia-copy .video-link{margin-top:19px}.world-caption{display:none}.support{padding:43px 24px 45px;display:block}.support h2{font-size:43px;letter-spacing:-1.8px;margin-top:19px}.support-copy{margin-top:26px}.support-copy p{font-size:14px;line-height:1.8}.support-copy .button{font-size:12px;min-height:53px;margin-top:23px;gap:25px}.support-copy small{font-size:10px;max-width:280px}footer{padding:40px 24px 18px}.footer-main{grid-template-columns:1fr 1fr;gap:29px 20px;padding-bottom:30px}.footer-brand{width:117px}.footer-main>p{font-size:12px;line-height:1.8;margin-top:18px}.footer-main nav{font-size:12px}.footer-main nav:last-child{grid-column:1/-1}.footer-main nav>span{font-size:8px;margin-bottom:9px}.footer-main nav>a{min-height:44px;font-size:12px}.footer-bottom{flex-wrap:wrap;gap:0 23px;font-size:8px;padding-top:16px;line-height:1.8}.footer-bottom>span{width:100%;margin-bottom:8px}.footer-bottom nav{gap:22px}.footer-bottom>a{margin-left:auto}dialog p{font-size:10px}}
@media(max-width:360px){.hero-copy{left:20px;right:20px}.hero-actions{gap:13px}.hero .button{gap:10px;padding-left:15px;padding-right:15px}.hero .video-link{font-size:10px}.hero h1{font-size:42px}.section-heading h2{font-size:31px}.mia-copy h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:700px){.footer-main nav:first-of-type{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:0 12px}.footer-main nav:first-of-type>span{width:100%}.footer-main nav:first-of-type>a{font-size:11px}.footer-main{row-gap:25px}}
/* Final UX review: keep controls clear at intermediate widths and short heights. */
.section-heading .eyebrow,.support .eyebrow{color:#526571}
dialog{max-height:calc(100svh - 60px);overflow:auto}dialog video{max-height:calc(100svh - 145px);object-fit:contain}#close-video{position:absolute;top:10px;right:10px;z-index:2;background:#092e49ed}.eyebrow{font-size:11px}.footer-bottom{font-size:10px}.footer-main nav>span{font-size:10px}
@media(max-width:700px){.hero{height:auto;min-height:790px}.hero-copy{position:relative;top:auto;left:auto;right:auto;margin:0 24px;padding-top:390px;padding-bottom:100px}.hero .eyebrow,.mia-copy .eyebrow,.eyebrow{font-size:9px;letter-spacing:1px}.hero-bottom{font-size:8px}.hero-bottom>a{font-size:8px}.footer-bottom{font-size:10px;letter-spacing:0}.footer-main nav>span{font-size:10px}.support-copy small{font-size:11px}.story-theme{font-size:9px}.story-index{font-size:10px}.watch-label{font-size:10px}}
/* Channel invitation and signature footer. */
.channel{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:8%;padding:100px 8% 105px;color:#fffaf0;background:#10384e;overflow:hidden}.channel-copy{position:relative;z-index:1}.channel .eyebrow{color:#a9c4d1;display:flex;align-items:center;gap:11px;font-size:10px}.channel .eyebrow svg{width:23px;height:17px;flex:none}.channel h2{font-size:clamp(40px,4.1vw,66px);line-height:1.08;letter-spacing:-2.5px;margin:26px 0}.channel h2 span{color:#ffdc85}.channel-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#d2e0e6;max-width:385px}.subscribe{background:#c73128;color:white;margin-top:29px;gap:17px;min-height:58px;padding:17px 24px}.subscribe:hover{background:#ac251e}.subscribe svg{width:23px;height:17px}.channel-copy>small{display:block;font-size:11px;line-height:1.7;margin-top:15px;color:#b8ccd6}.channel-art{height:390px;position:relative;isolation:isolate;max-width:480px}.channel-mia{position:absolute;width:87%;height:79%;object-fit:cover;object-position:27% center;top:7%;right:0;border-radius:8px;transform:rotate(5deg);box-shadow:0 20px 60px #041d3b55}.channel-jose,.channel-david{position:absolute;width:29%;height:44%;object-fit:cover;border:5px solid #e8ded0;border-radius:7px;box-shadow:0 10px 25px #041d3b50}.channel-jose{left:0;bottom:0;transform:rotate(-10deg);object-position:40% center}.channel-david{right:-3%;bottom:-5%;transform:rotate(11deg);object-position:40% center}.channel-orbit{position:absolute;inset:1% -9% -6% -5%;border:1px solid #e6c88140;border-radius:50%;transform:rotate(-20deg);z-index:-1}.channel-art>span{position:absolute;bottom:-34px;left:20%;font-size:8px;letter-spacing:1.7px;color:#a6c0cd}.signature-footer{padding:65px 6% 20px;background:#07293d;color:#fffaf0}.footer-salute{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:58px}.footer-salute>p{font-size:clamp(48px,7vw,108px);font-weight:700;line-height:1.06;letter-spacing:-4.5px}.footer-salute>p>span{color:#a9bcc6}.footer-up{height:65px;width:65px;flex:none;border:1px solid #8da9b660;border-radius:50%;display:grid;place-items:center;font-size:30px;transition:background .2s}.footer-up:hover{background:#ffffff15}.footer-line{border-top:1px solid #c9d9df30;border-bottom:1px solid #c9d9df30;padding:25px 0;display:flex;align-items:center;gap:45px}.signature-brand{width:112px;flex:none}.signature-brand img{width:100%;height:auto}.footer-line nav{display:flex;gap:32px;align-items:center;flex-wrap:wrap;margin-left:auto;font-size:12px}.footer-line nav>a,.signature-contact{min-height:44px;display:inline-flex;align-items:center}.signature-contact{font-size:14px;gap:34px;margin-left:30px;color:#ffdc85}.signature-contact>span{font-size:23px}.signature-legal{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:19px;font-size:9px;letter-spacing:.7px;color:#a7bdc9}.signature-legal nav{display:flex;gap:25px;font-size:11px;letter-spacing:0}.signature-legal nav>a{min-height:44px;display:flex;align-items:center}
@media(min-width:701px) and (max-width:1100px){.channel{padding:75px 5%;gap:6%;grid-template-columns:1.15fr 1fr}.channel h2{font-size:43px;letter-spacing:-1.7px}.channel-art{height:310px}.channel .eyebrow{font-size:9px;letter-spacing:1px}.channel-copy>p:not(.eyebrow){font-size:13px}.channel-art>span{font-size:7px;letter-spacing:1px;left:10%}.footer-salute>p{font-size:68px;letter-spacing:-3px}.footer-line{gap:25px}.footer-line nav{gap:20px;font-size:11px}.signature-contact{margin-left:0;gap:18px;font-size:12px}.signature-brand{width:95px}.signature-legal{font-size:8px;letter-spacing:.3px}}
@media(max-width:700px){.channel{padding:47px 24px 64px;display:flex;flex-direction:column;gap:43px;align-items:stretch}.channel .eyebrow{font-size:9px;letter-spacing:1px}.channel h2{font-size:40px;letter-spacing:-1.7px;margin:23px 0}.channel-copy>p:not(.eyebrow){font-size:14px;max-width:350px}.subscribe{font-size:13px;min-height:56px;padding:16px 22px;margin-top:25px}.channel-copy>small{font-size:10px;max-width:300px}.channel-art{height:285px;width:95%;max-width:370px;align-self:center;margin:0 0 12px}.channel-art>span{font-size:7px;letter-spacing:1px;bottom:-30px;left:15%}.channel-orbit{inset:0 -3% -4%}.channel-david{right:-1%}.signature-footer{padding:43px 24px 18px}.footer-salute{padding-bottom:35px;align-items:flex-end;gap:18px}.footer-salute>p{font-size:clamp(34px,9.3vw,49px);letter-spacing:-1.6px;line-height:1.12}.footer-up{height:44px;width:44px;font-size:23px;margin-bottom:4px}.footer-line{display:grid;grid-template-columns:1fr auto;gap:24px 15px;padding:24px 0 17px}.signature-brand{width:107px}.signature-contact{grid-column:2;grid-row:1;margin:0;gap:20px;font-size:13px}.footer-line nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:12px;margin:0;font-size:11px}.signature-legal{display:block;font-size:8px;line-height:1.8;letter-spacing:.45px;padding-top:21px}.signature-legal>span{display:block;max-width:260px}.signature-legal nav{gap:24px;font-size:10px;margin-top:7px}}
@media(max-width:700px){.footer-salute{display:block;position:relative}.footer-salute>p{font-size:clamp(31px,8.9vw,43px);letter-spacing:-1.4px}.footer-up{position:absolute;right:0;bottom:35px;margin:0}.signature-legal{font-size:9px}}

body.admin-bar .header{margin-top:32px}@media(max-width:782px){body.admin-bar .header{margin-top:46px}}