/* IberiaPlay 3.0 — final product, content and conversion layer */
:root{--focus:#8db6ff;--success:#15803d}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
[hidden]{display:none!important}
.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.brand-mark{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#155eef,#0a2d82);box-shadow:0 7px 18px rgba(21,94,239,.25);position:relative}
.brand-mark:before{content:"";width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #fff;margin-left:3px}
footer .brand-mark{width:38px;height:38px;float:left;margin:0 11px 8px 0}
.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--blue);transition:.2s}.site-header nav a:hover:after{right:0}

.hero{min-height:650px;padding-top:58px;padding-bottom:58px;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 43%,rgba(255,255,255,.12) 73%),url('images/iberiaplay-football-living-room-v2.webp') center right/cover no-repeat}
.hero h1{font-size:clamp(44px,5vw,70px);max-width:720px;margin-bottom:20px}
.hero-copy>p{margin-block:0;font-size:18px;max-width:610px}.hero .actions{margin:25px 0 18px}.hero-visual{min-height:360px}
.device-photo{background:linear-gradient(0deg,rgba(9,17,31,.28),rgba(9,17,31,.28)),url('images/iberiaplay-football-living-room-v2.webp') center/cover no-repeat}
.button,.header-cta{transition:transform .18s,box-shadow .18s,background .18s}.button:hover,.header-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(21,94,239,.28)}
.button.ghost:hover{background:#fff;border-color:var(--blue);color:var(--blue);box-shadow:0 8px 20px rgba(9,17,31,.07)}

.catalog-tools{max-width:720px;margin:0 0 34px}.catalog-tools label{display:block;margin-bottom:9px;font-weight:850}.catalog-tools input{width:100%;height:56px;padding:0 18px;border:1px solid #b9c4d4;border-radius:13px;background:#fff;font:inherit;box-shadow:0 8px 24px rgba(9,17,31,.06)}
.catalog-tools input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(21,94,239,.12)}
.catalog-empty{margin:24px 0;padding:18px;border-radius:12px;background:#fff4e5;color:#7c3e00;font-weight:750}
.app-notes,.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px}
.contact-grid{grid-template-columns:repeat(3,1fr)}
.app-notes article,.contact-grid section{padding:30px;border:1px solid var(--line);border-radius:20px;background:#fff}
.app-notes h2,.contact-grid h2{margin:8px 0 12px;font-size:23px;line-height:1.2}.contact-grid b{color:var(--blue);font-size:11px;letter-spacing:.11em}.contact-grid p{color:var(--muted)}
.legal-copy{max-width:840px}.legal-copy h2{margin:42px 0 10px;font-size:27px;letter-spacing:-.02em}.legal-copy p,.legal-copy li{color:#394355}.legal-copy .note,.note{padding:20px 22px;border-left:4px solid var(--blue);border-radius:0 12px 12px 0;background:var(--sky)}

.blog-cover{display:block;height:150px;margin:-30px -30px 24px;position:relative;overflow:hidden;background:linear-gradient(135deg,#0e1c3a,#155eef)}
.blog-cover:before,.blog-cover:after{content:"";position:absolute;border-radius:50%}.blog-cover:before{width:150px;height:150px;right:-25px;top:-50px;background:rgba(201,255,92,.85)}.blog-cover:after{width:100px;height:100px;left:22px;bottom:-50px;border:18px solid rgba(255,255,255,.18)}
.blog-cover i{position:absolute;left:28px;top:30px;width:52px;height:38px;border:3px solid #fff;border-radius:7px;box-shadow:12px 12px 0 -3px rgba(255,255,255,.25)}
.blog-cover i:after{content:"";position:absolute;left:20px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #fff}
.blog-card:nth-child(3n+2) .blog-cover{background:linear-gradient(135deg,#39102a,#f06b45)}.blog-card:nth-child(3n+3) .blog-cover{background:linear-gradient(135deg,#133426,#259e6b)}
.blog-card-link{min-height:410px}.blog-card h2,.blog-card h3{margin-top:18px}.related-guides{padding:0 5vw 100px}.related-guides .section-heading{text-align:left;margin-inline:auto;max-width:1180px}.related-guides .blog-card-link{min-height:380px}
.article-side{display:block}.article-toc{display:block;margin:0 0 24px;padding:0 0 22px;border-bottom:1px solid #33415d;font-size:13px}.article-toc strong{display:block;font-size:17px;margin-bottom:12px}.article-toc ol{margin:0;padding-left:20px}.article-toc li{margin:8px 0}.article-toc a{color:#dce6f7}.article-toc a:hover{color:var(--lime)}
.article-help strong{font-size:23px}.article-help p{color:#b9c5da}.article-help .button{width:100%;margin:12px 0 18px}.article-help>a:not(.button){display:block;padding:11px 0;border-top:1px solid #33415d;color:#dce6f7;font-size:13px;font-weight:700}
.article-content h2{scroll-margin-top:115px}.article-content a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}

.ip-trial-status{min-height:22px;margin:0;text-align:center;font-size:13px;font-weight:750;color:var(--muted)}.ip-trial-status.is-error{color:#b42318}.ip-trial-status.is-ok{color:var(--success)}
.ip-trial-form button[disabled]{opacity:.65;cursor:wait}.ip-trial-form input[aria-invalid="true"]{border-color:#b42318}
.footer-brand .brand{color:#fff}.copyright{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

@media(max-width:1000px){.hero{min-height:auto}.contact-grid{grid-template-columns:1fr 1fr}.site-header{gap:22px}.site-header nav{gap:18px}}
@media(max-width:900px){.hero{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.84)),url('images/iberiaplay-football-living-room-v2.webp') center/cover no-repeat;min-height:620px}.contact-grid{grid-template-columns:1fr}.article-side{display:block}.related-guides{padding:0 22px 70px}}
@media(max-width:650px){.brand-mark{width:30px;height:30px}.app-notes{grid-template-columns:1fr}.hero{padding-top:45px;padding-bottom:45px;min-height:590px}.hero h1{font-size:42px}.micro-proof{gap:9px 15px}.blog-cover{height:135px}.copyright{display:block}}

.mobile-nav{display:none}
.plan .billing-note{display:block;margin:.45em 0 1em;color:#354760;font-size:.95rem}
.catalog-grid [hidden],#catalog-empty[hidden]{display:none!important}
.content-page .compat-row a,.content-page .guide-grid a{text-decoration:underline;text-underline-offset:3px;color:#124bba}
.mobile-nav summary:focus-visible,.mobile-nav a:focus-visible{outline:3px solid #155eef;outline-offset:2px}
@media(max-width:900px){
 .site-header{gap:10px}.site-header .desktop-nav{display:none}
 .site-header .mobile-nav{display:block;position:static;border:0;background:transparent;margin:0 0 0 auto;padding:0}
 .mobile-nav summary{display:flex;align-items:center;min-height:44px;padding:0 8px;cursor:pointer;font-weight:750;list-style:none}
 .mobile-nav summary::-webkit-details-marker{display:none}
 .site-header .mobile-nav[open] nav{position:absolute;display:grid;top:100%;left:0;right:0;gap:0;background:#fff;padding:6px 18px 14px;box-shadow:0 10px 18px #14223a25;z-index:15}
 .site-header .mobile-nav nav a{padding:12px 8px;min-height:44px}.site-header .header-cta{margin-left:0}
}
@media(max-width:375px){.site-header{padding-inline:10px;gap:4px}.site-header .brand{gap:4px}.site-header .header-cta{padding:0 8px}}

/* Site Launch Kit: visible links inside page and guide text */
.deep-page p a:not(.button),.deep-page li a:not(.button){color:#1f5eff;text-decoration:underline;text-underline-offset:2px}
@media(max-width:420px){.header-cta{white-space:nowrap;padding-left:14px;padding-right:14px}}
@media(max-width:360px){.site-header{gap:8px;padding-inline:12px}.site-header .brand{font-size:16px;gap:6px}.header-cta{padding:9px 8px;font-size:12.5px}}
.billing-note.multi-screens{display:block;margin-top:6px;white-space:normal}
.deep-page .compat-table table{width:100%;border-collapse:collapse}.deep-page .compat-table th,.deep-page .compat-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e6e9f0;white-space:nowrap}.deep-page .compat-table th{background:#f5f7fb;font-weight:700}.deep-page .compat-table tr:last-child td{border-bottom:0}
@media(max-width:480px){.deep-page .compat-table th,.deep-page .compat-table td{padding:10px 8px;font-size:14px}}
.multi-screens .nw{white-space:nowrap}