/*
Theme Name: FSF Móstoles TV
Theme URI: https://www.fsfmostoles.es/
Author: FSF Móstoles
Description: Televisión para socios y simpatizantes. Negro, blanco y la fuerza de nuestra águila.
Version: 1.2.0
Requires at least: 6.8
Requires PHP: 8.2
License: GPL-2.0-or-later
Text Domain: fsf-tv-theme
*/
:root{--ink:#0b0b0b;--paper:#f3f3f1;--muted:#64645f;--gold:#d5b169;--line:#d9d9d4;--shell:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a1792f;outline-offset:5px}.shell{width:min(var(--shell),calc(100% - 80px));margin:auto}.skip{position:fixed;top:-90px;left:16px;background:white;color:black;padding:12px;z-index:9999}.skip:focus{top:14px}.topline{background:#080808;color:#ddd;padding:9px 0;font-size:10px;font-weight:700;letter-spacing:.12em}.topline .shell{display:flex;justify-content:space-between;gap:15px}.topline strong{color:var(--gold)}.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:58px;height:58px;object-fit:contain}.brand-name{font-size:16px;font-weight:900;letter-spacing:-.035em;line-height:1.2}.brand-name span{display:block;font-size:10px;font-weight:600;letter-spacing:.19em;margin-top:6px}.brand-name b{color:#a87e32}.nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:700}.nav .account-link{background:var(--ink);padding:14px 20px;color:#fff}.hero{position:relative;min-height:660px;overflow:hidden;background:#0c0d0d;color:#fff}.hero-photo{position:absolute;inset:0 0 0 28%;background-size:cover;background-position:60% center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#090a0a 1%,rgba(9,10,10,.98) 25%,rgba(9,10,10,.7) 43%,rgba(9,10,10,.07) 76%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 45%)}.hero-inner{position:relative;z-index:1;padding:76px 0 66px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.18em;font-weight:800;text-transform:uppercase}.hero .eyebrow:before{content:'';height:6px;width:6px;background:var(--gold);border-radius:50%}.hero h1{max-width:720px;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;font-size:clamp(58px,6.9vw,100px);line-height:.99;letter-spacing:-.025em;margin:28px 0 27px;text-transform:uppercase}.hero h1 span{color:var(--gold)}.hero .intro{max-width:380px;font-size:16px;color:#d5d5d3;line-height:1.75}.hero-actions{display:flex;gap:12px;margin:30px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:16px 24px;font-size:11px;letter-spacing:.04em;font-weight:800;border:1px solid var(--ink);background:var(--ink);color:#fff}.button-gold{color:#0b0b0b;background:var(--gold);border-color:var(--gold)}.button-outline{background:transparent;border:1px solid #676760;color:#fff}.hero-note{display:flex;gap:20px;font-size:11px;color:#d0cfc8}.hero-note span:before{content:'✓';margin-right:8px;color:var(--gold)}.hero-bottom{position:absolute;right:40px;bottom:35px;z-index:2;font-size:10px;letter-spacing:.16em;color:#eee}.ribbon{background:var(--gold);color:#13120f}.ribbon-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;font-size:10px;letter-spacing:.13em;font-weight:800}.ribbon strong{font-size:15px;letter-spacing:-.02em}.section{padding:95px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:45px}.section-heading h2,.club-copy h2,.how h2{font-size:clamp(40px,4.8vw,66px);line-height:1.03;letter-spacing:-.06em;font-weight:900;margin:18px 0 0}.section-heading>p{max-width:340px;font-size:14px;color:var(--muted);margin-bottom:0}.section-heading .eyebrow{color:#6d6b62}.how{background:#fff}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.how-step{border-top:1px solid #c8c8c2;padding-top:24px}.step-number{font-size:13px;font-weight:700;color:#8b6b32}.how-step h3{font-size:23px;letter-spacing:-.035em;margin:24px 0 10px}.how-step p{font-size:14px;color:var(--muted);max-width:320px}.club{padding:0;background:#101110;color:#fff;overflow:hidden}.club-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.club-image{align-self:stretch;background:#fff;display:flex;justify-content:center;max-height:650px;overflow:hidden}.club-image img{width:90%;height:100%;object-fit:contain;object-position:center top;padding-top:35px}.club-copy{padding:80px 0}.club-copy .eyebrow{color:var(--gold)}.club-copy p{color:#bcbeb8;max-width:440px;font-size:15px;margin:28px 0}.club-tag{display:inline-block;color:var(--gold);font-size:13px;font-weight:700;letter-spacing:.04em}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.faq-layout h2{font-size:49px;line-height:1.05;letter-spacing:-.05em;margin:16px 0}.faq-list details{border-top:1px solid #c9c9c3;padding:24px 0}.faq-list details:last-child{border-bottom:1px solid #c9c9c3}.faq-list summary{cursor:pointer;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none}.faq-list summary:after{content:'+';font-size:22px;font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list p{color:#60605b;font-size:14px;line-height:1.8;margin-bottom:0}.support-strip{padding:38px 0;border-top:1px solid #d3d3cd}.support-strip .shell{display:flex;align-items:center;justify-content:space-between;gap:28px}.support-strip h3{margin:0;font-size:22px;letter-spacing:-.03em}.support-strip p{margin:5px 0 0;font-size:13px;color:var(--muted)}.site-footer{background:#080908;color:#fff;padding:52px 0 26px}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:40px}.footer-name{font-size:24px;font-weight:900;letter-spacing:-.045em}.footer-name span{color:var(--gold)}.footer-top p{font-size:12px;color:#bcbeb6}.footer-links{display:flex;gap:26px;font-size:12px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #33342e;margin-top:40px;padding-top:22px;font-size:10px;color:#a6a79d}.page-main{padding:70px 0 90px;min-height:60vh}.page-title{font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:-.05em;margin:0 0 35px}.page-content{max-width:1000px;margin:auto}.page-content>p,.page-content>ul{font-size:16px;line-height:1.8}.page-content a:not(.fsftv-button):not(.button){text-decoration:underline;text-underline-offset:4px}.page-content .fsftv-plans a{text-decoration:none}.wp-block-image img{height:auto}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1550px){.hero{min-height:740px}.hero-inner{padding-top:100px}}@media(max-width:900px){.shell{width:calc(100% - 40px)}.header-inner{min-height:80px}.nav{gap:15px}.nav .club-link{display:none}.hero-photo{left:15%;background-position:65% center;opacity:.8}.hero h1{font-size:78px;max-width:580px}.hero:after{background:linear-gradient(90deg,#090a0a 0%,rgba(9,10,10,.94) 15%,rgba(9,10,10,.7) 45%,rgba(9,10,10,.25) 100%)}.section{padding:65px 0}.club-inner{gap:40px}.club-copy{padding:60px 0}.section-heading{gap:30px}.faq-layout{gap:40px}.hero-bottom{right:20px}.how-grid{gap:22px}}@media(max-width:620px){.topline .shell{justify-content:center}.topline .top-club{display:none}.brand img{width:43px;height:43px}.brand-name{font-size:12px}.brand-name span{font-size:8px}.header-inner{gap:14px}.nav .plans-link{display:none}.nav .account-link{font-size:10px;padding:12px}.hero{min-height:710px}.hero-photo{inset:0;background-position:47% bottom;background-size:auto 70%;background-repeat:no-repeat;opacity:.75}.hero:after{background:linear-gradient(180deg,#090a0a 0%,#090a0a 26%,rgba(9,10,10,.7) 50%,rgba(9,10,10,.12) 85%,rgba(9,10,10,.7) 100%)}.hero-inner{padding:42px 0 250px}.hero h1{font-size:clamp(42px,12.4vw,56px);letter-spacing:-.04em;max-width:100%;margin-top:23px}.hero .intro{font-size:14px;max-width:300px}.hero-actions{gap:8px;margin:24px 0}.button{padding:14px 16px;gap:12px}.hero-note{gap:12px;font-size:10px;flex-wrap:wrap}.hero-bottom{font-size:8px;bottom:20px}.ribbon-inner{font-size:9px;gap:15px;flex-wrap:wrap;justify-content:center;padding:16px 0}.ribbon-inner .ribbon-third{display:none}.ribbon strong{font-size:13px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px;max-width:none}.section-heading h2{font-size:45px}.how-grid{grid-template-columns:1fr;gap:30px}.how-step h3{margin-top:15px}.how-step p{max-width:none}.club-inner{grid-template-columns:1fr;gap:0}.club-image{display:none}.club-copy{padding:60px 0}.faq-layout{grid-template-columns:1fr;gap:25px}.faq-layout h2{font-size:43px}.support-strip .shell{align-items:flex-start;flex-direction:column}.footer-top{flex-direction:column;gap:20px}.footer-links{flex-wrap:wrap;gap:16px}.footer-bottom{align-items:flex-start;gap:16px;flex-direction:column}.page-main{padding-top:40px}.page-title{font-size:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* Two-plan television storefront, 1.1.0. */
.hero-catalogue h1{font-size:clamp(58px,6.8vw,98px);max-width:740px;margin-bottom:22px}.hero-catalogue .hero-inner{padding-top:64px;padding-bottom:56px}.hero-start-price{font-size:13px;margin:20px 0 0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.hero-start-price strong{font-size:45px;letter-spacing:-.055em;line-height:1.15;color:var(--gold)}.hero-start-price span{font-size:11px;color:#d0d0c8}.hero-catalogue .hero-actions{margin:26px 0}.section-packages{background:#f4f4f0}.plans-footnote{text-align:center;font-size:11px;color:#6d6f64;max-width:760px;margin:23px auto 0}.section-channels{background:#fafbf7;border-block:1px solid #d9ddd1}.section-on-demand{background:#10110f;color:white}.section-on-demand .fsftv-on-demand{padding:0}.devices{background:#f3f3ee}.devices-inner{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:90px}.devices h2{font-size:52px;letter-spacing:-.055em;line-height:1.05;margin:18px 0 25px}.devices p{font-size:14px;color:#5c5e54;max-width:470px;margin-bottom:30px}.device-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.device-list span{background:white;border:1px solid #d7dacf;min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:12px;font-weight:700}.device-list b{font-size:49px;line-height:1;font-weight:400}.nav{gap:23px}@media(max-width:900px){.devices-inner{gap:45px}.devices h2{font-size:44px}}@media(max-width:620px){.hero-catalogue h1{font-size:clamp(42px,12.4vw,56px);letter-spacing:-.04em}.hero-catalogue .hero-inner{padding:42px 0 245px}.hero-start-price strong{font-size:38px}.hero-start-price span{font-size:10px}.hero-catalogue .hero-actions{margin:24px 0}.ribbon-inner{gap:10px}.ribbon-inner strong{flex-basis:100%;text-align:center}.devices-inner{grid-template-columns:1fr;gap:32px}.devices h2{font-size:42px}.device-list span{min-height:115px}.device-list b{font-size:39px}}
/* 1.2: clear customer entry points and an illustrated channel storefront. */
.site-header .nav{gap:20px;flex-wrap:wrap}.site-header .nav .register-link{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border-radius:7px;background:#d9b66f;color:#111;font-weight:800}.site-header .nav .account-link{border-radius:7px}.hero-catalogue{position:relative;min-height:720px}.hero-catalogue .hero-photo{background-position:72% center}.hero-catalogue .hero-inner{max-width:590px}.hero-catalogue h1{font-size:clamp(65px,7.2vw,106px);letter-spacing:-5px;line-height:.97}.hero-catalogue .hero-start-price strong{font-size:57px}.hero-visual-tags{position:absolute;right:5%;bottom:45px;display:flex;gap:9px;flex-wrap:wrap;max-width:400px}.hero-visual-tags span{padding:11px 17px;border:1px solid #ffffff60;background:#0c1117b5;backdrop-filter:blur(10px);color:white;border-radius:100px;font-size:12px}.hero-actions .button{border-radius:7px}.ribbon{background:#dec18a}.tv-showcase{background:#0d1218;color:#f7f7f2;padding:70px 0}.tv-showcase .eyebrow{color:#dbba7b}.tv-showcase .section-heading p{color:#b5bdc5}.showcase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.showcase-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:310px;padding:25px;border-radius:16px;background:#27333d;text-decoration:none;color:white;border:1px solid #ffffff1a;transition:transform .2s,box-shadow .2s}.showcase-card:hover{transform:translateY(-5px);box-shadow:0 16px 45px #0005}.showcase-tag{position:absolute;top:23px;left:24px;font-size:10px;font-weight:800;letter-spacing:2px;color:#f2dcae}.showcase-card strong{position:relative;z-index:1;font-size:30px;line-height:1.05;letter-spacing:-1px;max-width:180px;margin-bottom:25px}.showcase-channel{position:relative;border-top:1px solid #ffffff60;padding-top:15px;display:flex;justify-content:space-between;font-size:12px;font-weight:700}.showcase-light{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 70% 25%,#e0c07890,transparent 55%),linear-gradient(10deg,#080d15,transparent)}.showcase-series{background:#47282d}.showcase-series .showcase-light{background:radial-gradient(ellipse at 75% 25%,#c86f7890,transparent 60%),linear-gradient(10deg,#150e16,transparent)}.showcase-historia{background:#384535}.showcase-historia .showcase-light{background:radial-gradient(ellipse at 70% 20%,#aeb78c90,transparent 60%),linear-gradient(10deg,#0c1614,transparent)}.showcase-deporte{background:#153d43}.showcase-deporte .showcase-light{background:linear-gradient(120deg,transparent 35%,#67c1bd55 35%,#67c1bd22 55%,transparent 55%),linear-gradient(10deg,#06151b,transparent)}.tv-showcase .plans-footnote{color:#b4b8bd;margin:20px 0 0}.section-packages .fsftv-plan{border-radius:17px;box-shadow:0 10px 40px #17202a07}.section-channels .fsftv-guide-tools{border-radius:12px}.section-channels .fsftv-channel{border-radius:10px}.page-main .fsftv-auth-art{background-image:linear-gradient(180deg,#0a1017d9 0,#0a101760 50%,#0a1017d9 100%),url('assets/aguila-tv.png');background-position:center;background-size:cover}.page-main{background:#f0f1ee}.page-main .page-title{font-size:clamp(26px,4vw,40px);letter-spacing:-1px;margin:0 0 30px}.page-main .page-content{max-width:1160px}.page-main .fsftv-auth-layout{margin-bottom:35px}
@media(max-width:1000px){.site-header .nav{gap:10px}.site-header .brand-name{font-size:14px}.hero-visual-tags{right:25px;bottom:30px}.showcase-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.site-header .header-inner{padding:16px 0;flex-wrap:wrap;gap:14px}.site-header .brand{width:100%}.site-header .nav{width:100%;display:flex;gap:10px;justify-content:stretch}.site-header .nav .register-link,.site-header .nav .account-link{display:inline-flex!important;flex:1;padding:13px 10px;font-size:12px;text-align:center;justify-content:center}.hero-catalogue{min-height:750px}.hero-catalogue h1{font-size:55px;letter-spacing:-2px}.hero-catalogue .hero-inner{padding-bottom:95px}.hero-visual-tags{left:20px;right:20px;bottom:25px}.hero-visual-tags span{font-size:10px;padding:8px 11px}.hero-catalogue .hero-start-price strong{font-size:44px}.showcase-grid{gap:10px}.showcase-card{min-height:220px;padding:18px 15px;border-radius:12px}.showcase-card strong{font-size:24px}.showcase-tag{top:18px;left:15px;font-size:8px;letter-spacing:1px}.showcase-channel{font-size:10px;gap:5px}.tv-showcase{padding:50px 0}.page-main{padding:30px 0}.page-main .page-title{font-size:25px;margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.showcase-card{transition:none}.showcase-card:hover{transform:none}}
.showcase-logo{position:relative;width:75px;height:75px;object-fit:contain;background:white;border-radius:12px;padding:9px;margin:45px 0 23px}.showcase-card{min-height:355px}.hero-visual-tags{z-index:3}.hero-catalogue .hero-bottom{display:none}
@media(max-width:620px){.showcase-card{min-height:290px}.showcase-logo{width:60px;height:60px;margin:35px 0 20px;padding:7px}.hero-catalogue h1{font-size:clamp(41px,12.6vw,55px)}}