/*
Theme Name: Radio Top 21 PERFECT
Theme URI: https://radiotop21.com/
Author: Radio Top 21 Canarias
Description: Tema profesional de radio con Personalizador WordPress nativo, streaming y metadatos.
Version: 3.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: rt21perfect
*/

:root{--y:#ffd400;--blue:#087cff;--navy:#020b14;--panel:#071522;--line:#1f3b52;--white:#f8fbff;--muted:#9eb0bf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#02070d;color:var(--white);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.shell{max-width:1440px;margin:auto}.top{position:sticky;top:0;z-index:80;height:76px;display:flex;align-items:center;padding:0 3.2vw;background:#020914f5;border-bottom:1px solid #143550;backdrop-filter:blur(14px)}.brand{width:190px;line-height:.78;font-weight:1000;font-style:italic;letter-spacing:-2px}.brand small{display:block;font-size:14px;letter-spacing:1px}.brand strong{font-size:36px}.brand strong i{font-style:italic;color:var(--y)}.brand em{display:block;color:var(--y);font-style:italic;font-size:14px;letter-spacing:3px}.nav{display:flex;gap:20px;margin-left:auto;font-size:12px;font-weight:900;text-transform:uppercase}.nav a{padding:28px 0 22px;border-bottom:3px solid transparent}.nav a:hover{color:var(--y);border-color:var(--y)}.social{display:flex;gap:7px;margin-left:20px}.social a{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#0e70d7;font-weight:900}.menu{display:none;margin-left:auto;width:48px;height:44px;border:0;border-radius:9px;background:var(--y);font-size:24px}.hero{min-height:475px;position:relative;overflow:hidden;display:flex;align-items:center;padding:55px 5vw 85px;background-position:center;background-size:cover}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020a14 0%,#03101dcc 38%,#03101d45 72%,#02091488),linear-gradient(0deg,#03101d 0,transparent 35%)}.ribbons{position:absolute;inset:0;overflow:hidden}.ribbons i{position:absolute;left:-18%;width:65%;height:65px;transform:rotate(-19deg)}.ribbons i:nth-child(1){top:85px;background:linear-gradient(90deg,var(--y),#ffd40044)}.ribbons i:nth-child(2){top:180px;background:linear-gradient(90deg,var(--blue),#087cff22)}.heroContent{position:relative;z-index:3;max-width:610px}.heroLogo{display:flex;align-items:center;gap:15px}.disc{width:115px;height:115px;border:5px solid var(--y);border-radius:50%;display:grid;place-items:center;background:#061321dd;box-shadow:0 0 0 5px #ffffff1f,0 0 25px #087cff55;font-size:32px;font-weight:1000}.heroBrand{font-size:72px;line-height:.75;font-weight:1000;font-style:italic;letter-spacing:-5px;text-shadow:0 6px 15px #000}.heroBrand i{color:var(--y);font-style:italic}.heroBrand small{display:block;color:var(--y);font-size:24px;letter-spacing:4px;margin-top:12px}.script{font-size:34px;font-style:italic;margin:20px 0 8px}.tagline{display:inline-block;background:var(--y);color:#07101a;padding:7px 12px;font-weight:1000;transform:skew(-6deg)}.heroInfo{position:absolute;z-index:4;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:28px;padding:15px;background:#04101ce8;border-top:1px solid #24516f;font-size:12px;font-weight:900}.heroInfo b{color:var(--y)}.playerWrap{position:relative;z-index:10;max-width:1320px;margin:-18px auto 0;padding:0 28px}.player{display:grid;grid-template-columns:155px 1fr 250px 105px;gap:18px;align-items:center;padding:15px;background:linear-gradient(110deg,#071521,#03101b);border:2px solid var(--y);border-right-color:var(--blue);border-radius:25px;box-shadow:-8px 0 22px #ffd40044,8px 0 22px #087cff55}.cover{width:155px;height:135px;object-fit:cover;border-radius:12px}.live{font-size:20px;font-weight:1000}.red{display:inline-block;width:13px;height:13px;border-radius:50%;background:#f11;box-shadow:0 0 10px #f11}.track{margin:8px 0}.track b{display:block;font-size:28px}.track span{color:#d2dce4}.controls{display:flex;align-items:center;gap:12px}.play{width:64px;height:64px;border:0;border-radius:50%;background:var(--y);font-size:25px;font-weight:900}.wave{height:44px;display:flex;align-items:center;gap:3px}.wave i{display:block;width:4px;height:10px;background:var(--y);animation:eq .75s infinite alternate}.wave i:nth-child(2n){animation-delay:.2s}.wave i:nth-child(3n){animation-delay:.4s}@keyframes eq{to{height:40px}}.now small{display:block;color:var(--y);font-weight:900;margin:5px 0}.now b{display:block}.nextcover{width:92px;height:92px;object-fit:cover;border-radius:10px}.quick{max-width:1320px;margin:10px auto 25px;padding:0 28px;display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.quick a{min-height:78px;border:1px solid #294259;border-radius:10px;background:#07131e;display:grid;place-items:center;text-align:center;font-size:11px;font-weight:900}.quick i{display:block;color:var(--y);font-style:normal;font-size:24px;margin-bottom:5px}.main{max-width:1320px;margin:auto;padding:0 28px}.columns{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:22px}.sectitle{font-size:21px;margin:22px 0 12px}.sectitle b{color:var(--y)}.scheduleRow{display:grid;grid-template-columns:48px 44px 1fr;gap:9px;align-items:center;padding:7px 0;border-bottom:1px solid #21384b}.scheduleRow time{color:var(--y);font-weight:900}.scheduleRow img{width:42px;height:42px;object-fit:cover;border-radius:6px}.scheduleRow small,.songRow small{color:var(--muted)}.hosts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.host{border:1px solid #29445b;border-radius:11px;overflow:hidden;background:#081522}.host img{width:100%;height:215px;object-fit:cover}.host .cap{padding:10px}.host .show{display:inline-block;background:var(--y);color:#07101a;font-weight:1000;padding:5px 7px;transform:skew(-5deg);margin-top:-25px;position:relative}.host b,.host small{display:block;margin-top:6px}.host small{color:#c6d2dc}.songRow{display:grid;grid-template-columns:48px 1fr 32px;gap:9px;align-items:center;padding:7px 0;border-bottom:1px solid #21384b}.songRow img{width:48px;height:48px;object-fit:cover;border-radius:6px}.miniPlay{width:29px;height:29px;border:0;border-radius:50%;background:var(--y)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.feature{min-height:230px;position:relative;overflow:hidden;border-radius:14px;border:1px solid #28516e;background-size:cover;background-position:center;display:flex;align-items:end}.feature:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#03101bf2 0,#03101b22 75%)}.feature .cap{position:relative;padding:18px}.feature h2{margin:0 0 65px;font-size:26px}.feature b{font-size:17px}.feature p{margin:5px 0;color:#d6e0e8}.sponsors{margin:30px 0}.sponsorRow{display:flex;gap:9px;overflow:auto;padding:5px 0 10px}.sponsor{min-width:165px;height:82px;border:1px solid #344f63;border-radius:10px;background:#08141f;display:grid;place-items:center;padding:10px;font-weight:1000}.sponsor img{max-width:100%;max-height:58px}.contact{margin-top:20px;padding:20px 6vw;background:linear-gradient(90deg,#0b2942,#04101b);border-top:1px solid var(--blue);border-bottom:2px solid var(--y);display:flex;gap:18px;align-items:center}.contact .wa{font-size:45px}.contact h2{margin:0;color:var(--y)}.contact .btn{margin-left:auto;background:var(--y);color:#06101a;padding:12px 18px;border-radius:8px;font-weight:1000}.footer{padding:25px 5vw;background:#02070c;display:grid;grid-template-columns:220px repeat(3,1fr);gap:20px;align-items:center}.footer .brand{width:auto}.footer small{grid-column:1/-1;border-top:1px solid #203240;padding-top:12px;color:#8799a8}
@media(max-width:900px){.top{height:70px;padding:0 16px}.brand{width:150px}.brand strong{font-size:29px}.nav,.social{display:none}.menu{display:block}.nav.open{display:flex;position:absolute;top:70px;left:0;right:0;flex-direction:column;background:#03101bf8;padding:14px 18px;gap:0}.nav.open a{padding:13px 4px;border-bottom:1px solid #1d3447}.hero{min-height:500px;padding:45px 20px 75px;background-position:60% center}.hero:before{background:linear-gradient(90deg,#020a14f5 0,#03101dd9 55%,#03101d66)}.disc{width:82px;height:82px;font-size:22px}.heroBrand{font-size:50px}.heroBrand small{font-size:18px}.script{font-size:27px}.heroInfo{gap:12px;justify-content:flex-start;overflow:auto;padding:12px 16px}.playerWrap{padding:0 12px}.player{grid-template-columns:95px 1fr;padding:12px}.cover{width:95px;height:95px}.now{grid-column:1/-1;border-top:1px solid #21384b;padding-top:8px}.nextcover{display:none}.track b{font-size:22px}.quick{grid-template-columns:repeat(4,1fr);padding:0 12px}.columns{grid-template-columns:1fr}.main{padding:0 14px}.hosts{grid-template-columns:repeat(3,1fr)}.features{grid-template-columns:1fr}.footer{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.hero{min-height:465px;background-position:66% center}.ribbons i{width:90%}.heroLogo{gap:8px}.disc{width:70px;height:70px;border-width:3px}.heroBrand{font-size:43px;letter-spacing:-3px}.heroBrand small{font-size:15px;letter-spacing:2px}.script{font-size:25px}.tagline{font-size:13px}.player{grid-template-columns:1fr;text-align:center}.cover{width:145px;height:120px;margin:auto}.controls{justify-content:center}.now{grid-column:auto}.quick{grid-template-columns:repeat(2,1fr)}.hosts{grid-template-columns:1fr}.host img{height:320px}.contact{flex-wrap:wrap}.contact .btn{margin-left:0}.footer{grid-template-columns:1fr}}

.wp-admin-bar-showing .top{top:32px}@media(max-width:782px){.wp-admin-bar-showing .top{top:46px}}