@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
:root{--grad:linear-gradient(90deg,#7b2ff7 0%,#f44 50%,#ff7f50 100%);--purple:#6c3af2;--bg:#0b0b0b;--text:#1e1e1e;--white:#fff;--muted:#6b6b6b;--card:#111;--border:#e8e8e8;--pill:#f2f2f2;--blue:#2e6cf6;--green:#27ae60;--red:#e74c3c}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#222;background:#fff}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.row{display:flex;gap:16px}
.row.nowrap{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.row.nowrap::-webkit-scrollbar{display:none}
.pill-soft{display:inline-flex;align-items:center;gap:8px;background:#f7f7ff;border:1px solid #e5e7ef;border-radius:999px;padding:8px 12px}
.hscroll{display:flex;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.hscroll::-webkit-scrollbar{display:none}
.hscroll > .blog-card{flex:0 0 auto;min-width:160px}
.hscroll > .pill-soft{flex:0 0 auto;min-width:180px}
.hscroll.center{align-items:center}
.hscroll.between{justify-content:flex-start}
.hscroll.snap{scroll-snap-type:x proximity}
.hscroll.snap > .blog-card{scroll-snap-align:start}
.hscroll-wrap{position:relative}
.hscroll-arrow{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:999px;border:1.5px solid #e5e7ef;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.15);display:none;align-items:center;justify-content:center;z-index:5}
.hscroll-arrow.left{left:-8px}
.hscroll-arrow.right{right:-8px}
.hscroll-arrow::before{content:"";display:block;width:12px;height:12px;background-repeat:no-repeat;background-position:center;background-size:12px}
.hscroll-arrow.left::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M8 2L4 6l4 4' stroke='%23666' stroke-width='2' fill='none'/%3E%3C/svg%3E")}
.hscroll-arrow.right::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4 2l4 4-4 4' stroke='%23666' stroke-width='2' fill='none'/%3E%3C/svg%3E")}
@media (max-width:700px){.hscroll-arrow{display:flex}}
/* Horizontal scroll for grids */
.hscroll-grid{display:grid;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x mandatory}
.hscroll-grid::-webkit-scrollbar{display:none}
.stat-pills.hscroll-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.stat-pills.hscroll-grid .pill{scroll-snap-align:start}
@media (max-width:700px){
  .stat-pills.hscroll-grid{grid-auto-flow:row;grid-template-columns:1fr;grid-template-rows:auto;overflow-x:visible;column-gap:0;row-gap:12px;padding-bottom:6px}
}
@media (min-width:700px) and (max-width:1024px){
  .stat-pills.hscroll-grid{grid-auto-flow:row;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;overflow-x:visible;column-gap:12px;row-gap:12px}
  .stat-pills .pill{min-height:64px;padding:12px 14px}
  .stat-pills .pill-title{font-size:15px}
  .stat-pills .pill-num{font-size:21px}
}
.grid{display:grid;gap:24px}
.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.between{justify-content:space-between}
.center{align-items:center}
.topbar{background:var(--grad);padding:18px 0;color:#fff;position:relative;z-index:1000}
.brand{font-weight:700;text-transform:lowercase;color:#fff;text-decoration:none;letter-spacing:.5px}
.nav-link{color:#fff;text-decoration:none;padding:8px 12px;border-radius:24px}
.nav-pill{background:rgba(255,255,255,.2);padding:8px 12px;border-radius:20px;color:#fff}
.nav{flex-wrap:nowrap;align-items:center}
.mobile-top{display:none;justify-content:center;padding:8px 0}
.nav-hamburger{display:none;border:0;background:rgba(255,255,255,.2);width:36px;height:36px;border-radius:8px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h18M3 12h18M3 18h18' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}
.nav-avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;overflow:hidden;background:#fff;margin-left:8px}
.nav-avatar img{width:100%;height:100%;object-fit:cover}
.nav-profile-toggle{display:none}
.nav-profile{position:relative}
.nav-dropdown{position:absolute;right:0;top:48px;width:240px;background:#fff;color:#000;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.15);padding:12px;display:none;z-index:2000}
.nav-dropdown.open{display:block}
.dd-head{border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:10px}
.dd-name{font-weight:700}
.dd-email{font-size:13px;color:#666}
.dd-credits{display:flex;align-items:center;margin-top:8px;font-weight:600}
.icon-credit,.icon-premium{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;margin-right:6px;background-repeat:no-repeat;background-position:center}
.metric-ico{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;margin-right:6px;background-repeat:no-repeat;background-position:center;background-size:14px}
.metric-ico.lvl{background-color:#6f3ef5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2l3 3-3 3-3-3 3-3z' fill='%23ffffff'/%3E%3C/svg%3E")}
.metric-ico.fol{background-color:#0f46ff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 6a3 3 0 0 1 6 0v1h1a2 2 0 0 1 2 2v3H2V9a2 2 0 0 1 2-2h1V6z' fill='%23ffffff'/%3E%3C/svg%3E")}
.metric-ico.app{background-color:#27ae60;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 10.5l-2-2 1.4-1.4 1.3 1.3 3.3-3.3 1.4 1.4-4.4 4.4z' fill='%23ffffff'/%3E%3C/svg%3E")}
.metric-ico.earn{background-color:#f1c40f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='6' fill='%23000000' opacity='0.2'/%3E%3Cpath d='M8 3.5c1.9 0 3.5 1.1 3.5 2.5S9.9 8.5 8 8.5 4.5 9.6 4.5 11s1.6 2.5 3.5 2.5' stroke='%23000000' stroke-width='1' fill='none'/%3E%3C/svg%3E")}
.metric-ico.prog{background-color:#7b2ff7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='6' fill='none' stroke='%23ffffff' stroke-width='2'/%3E%3Cpath d='M8 2a6 6 0 0 1 6 6' stroke='%23ffffff' stroke-width='2' fill='none'/%3E%3C/svg%3E")}
.level-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-weight:800;font-size:12px;color:#fff;margin-left:8px}
.level-chip.bronze{background:linear-gradient(90deg,#b87333,#cd7f32)}
.level-chip.silver{background:linear-gradient(90deg,#c0c0c0,#d9d9d9);color:#000}
.level-chip.gold{background:linear-gradient(90deg,#caa200,#ffd666);color:#000}
.level-chip.platinum{background:linear-gradient(90deg,#b0e0e6,#a6c8ff);color:#000}
.icon-credit{background-color:#6b4bd8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 2l2.8 5.8 6.2.6-4.7 4 1.4 6-5.7-3.3-5.7 3.3 1.4-6-4.7-4 6.2-.6L12 2z'/%3E%3C/svg%3E")}
.icon-premium{background-color:#f1c40f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9' fill='%23ffd666'/%3E%3Cpath d='M8 12c0 2 2 3 4 3s4-1 4-3-2-2-3-2-1-1-1-1'/%3E%3C/svg%3E")}
.dd-num{font-size:14px;color:#000}
.dropdown-item{display:block;padding:10px 8px;border-radius:8px;color:#000;text-decoration:none}
.dropdown-item:hover{background:#f5f7ff}
.dropdown-item.active{background:#f6f3ff;color:#6f3ef5;font-weight:700}
.social-btn{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #e5e7ef;border-radius:12px;text-decoration:none;color:#111;background:#fff}
.social-btn:hover{background:#f8faff}
.social-btn::before{content:"";display:inline-block;width:20px;height:20px;border-radius:999px;background-size:contain;background-repeat:no-repeat;background-position:center}
.social-btn.google::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23FFC107' d='M43.6 20.5H42V20H24v8h11.3C33.9 31.9 29.3 35 24 35c-7.2 0-13-5.8-13-13s5.8-13 13-13c3.3 0 6.3 1.2 8.6 3.1l5.7-5.7C34.7 3.5 29.6 1.5 24 1.5 11.7 1.5 1.5 11.7 1.5 24S11.7 46.5 24 46.5c12.3 0 22.5-10.2 22.5-22.5 0-1.5-.2-3-.5-4.5z'/%3E%3Cpath fill='%23FF3D00' d='M6.3 14.7l6.6 4.8C14.5 16.1 18.9 13 24 13c3.3 0 6.3 1.2 8.6 3.1l5.7-5.7C34.7 3.5 29.6 1.5 24 1.5 15.5 1.5 8.2 6.5 6.3 14.7z'/%3E%3Cpath fill='%234CAF50' d='M24 46.5c5.2 0 9.9-2 13.4-5.3l-6.2-5.4c-2.1 1.5-4.7 2.5-7.2 2.5-5.3 0-9.9-3.1-12-7.5l-6.6 5.1C8.2 41.5 15.5 46.5 24 46.5z'/%3E%3Cpath fill='%231976D2' d='M43.6 20.5H42V20H24v8h11.3c-1.7 3.9-6.2 7-11.3 7-5.3 0-9.9-3.1-12-7.5l-6.6 5.1C8.2 41.5 15.5 46.5 24 46.5c12.3 0 22.5-10.2 22.5-22.5 0-1.5-.2-3-.5-4.5z'/%3E%3C/svg%3E");}
.social-btn.facebook::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%233b5998' d='M22 12c0-5.5-4.5-10-10-10S2 6.5 2 12c0 5 3.7 9.1 8.5 9.9v-7H8V12h2.5V9.8c0-2.5 1.5-3.9 3.7-3.9 1.1 0 2.3.2 2.3.2v2.6h-1.3c-1.3 0-1.7.8-1.7 1.6V12H16l-.4 2.9h-2.2v7C18.3 21.1 22 17 22 12z'/%3E%3C/svg%3E");}
.social-btn.spotify::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%2300d95f'/%3E%3Cpath d='M7.5 9.5c3.3-1.1 6.9-.9 9.7.7' stroke='%2300552f' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3Cpath d='M7.5 12.3c2.6-.8 5.4-.7 7.8.6' stroke='%2300552f' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3Cpath d='M7.5 15.1c2-.5 4.1-.5 6 .4' stroke='%2300552f' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");}
.social-btn.tiktok::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M16 3h2c.2 1.8 1.5 3.2 3 3.8v2c-1.9-.3-3.7-1.2-5-2.6v7.3c0 3.3-2.7 6-6 6s-6-2.7-6-6c0-3.1 2.4-5.7 5.4-6h.6v2.7c-1.5.2-2.7 1.5-2.7 3.2 0 1.8 1.5 3.3 3.3 3.3s3.3-1.5 3.3-3.3V3z'/%3E%3C/svg%3E");}
.social-grid{display:grid;gap:16px;grid-template-columns:1fr}
@media (min-width: 768px){.social-grid{grid-template-columns:1fr 1fr}}
/* Espaciado entre redes y formulario en login/register */
.auth-card .social-grid{margin-bottom:24px}
@media (max-width:700px){
  #loginEmail{padding:14px 16px}
  .auth-card .social-btn.spotify{padding:14px 18px}
  .auth-card .social-grid{margin-bottom:20px}
  .auth-card .social-grid .social-btn.google{width:100%;justify-self:stretch}
  .auth-card .form{margin-top:16px}
}
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);display:none;align-items:center;justify-content:center;padding:16px;z-index:3000}
.modal-overlay.open{display:flex}
.modal-box{background:#fff;color:#000;border-radius:16px;box-shadow:0 12px 28px rgba(0,0,0,.2);width:560px;max-width:100%;padding:16px}
.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.modal-title{font-weight:700;font-size:18px}
.modal-close{border:0;background:#eee;width:32px;height:32px;border-radius:8px;cursor:pointer}
.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.modal-item{display:block;border:1px solid #eee;border-radius:12px;padding:12px;text-decoration:none;color:#000}
.modal-item:hover{background:#f8faff}
.mi-title{font-weight:700}
.mi-sub{font-size:13px;color:#666}
.side-link{display:block;padding:8px 12px;border-left:3px solid transparent;color:#1a1a1a;text-decoration:none;border-radius:8px}
.side-link:hover{background:#f8faff}
.side-link.active{border-left-color:#6f3ef5;color:#000;font-weight:600}
.avatar-uploader{display:flex;align-items:center;gap:12px}
.avatar-uploader.drag{outline:2px dashed #6f3ef5;border-radius:12px;padding:6px}
.avatar-preview{width:96px;height:96px;border-radius:999px;overflow:hidden;background:#eee}
.avatar-preview img{width:100%;height:100%;object-fit:cover}
.avatar-actions{display:flex;gap:8px;align-items:center}
.btn{background:#6f3ef5;color:#fff;text-decoration:none;padding:10px 18px;border-radius:28px;display:inline-block}
.btn{transition:all .18s ease}
.btn.small{padding:8px 14px;border-radius:20px}
.btn.outline{background:transparent;color:#6f3ef5;border:2px solid #6f3ef5}
.btn.small.outline{padding:6px 12px;border-width:2px;font-size:12px}
.hero{background:var(--grad);padding:80px 0;color:#fff}
.hero-title{font-size:42px;font-weight:700}
.hero-sub{max-width:640px;margin-top:12px;color:#f9f9f9}
.search{margin-top:24px;display:flex;gap:12px}
.search input{flex:1;padding:14px 18px;border-radius:24px;border:2px solid #ddd;background:#fff;color:#222}
.search .btn{background:#fff;color:#6f3ef5}
.tiles{margin-top:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tile{background:rgba(255,255,255,.15);border-radius:12px;height:120px}
.trusted{background:var(--grad);padding:28px 0;color:#fff}
.trusted h2{margin:0 0 8px 0;text-align:center;font-weight:700;letter-spacing:.4px}
.logos{display:grid;grid-template-columns:repeat(6,1fr);gap:28px;padding:28px 0}
.logo{height:52px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:12px;display:flex;align-items:center;justify-content:center;padding:10px;box-shadow:0 6px 16px rgba(0,0,0,.12)}
.logo img{height:32px;max-width:100%;object-fit:contain;display:block;opacity:.95;filter:contrast(110%) saturate(110%)}
.logo:hover{transform:translateY(-1px);filter:brightness(1.05)}
.stats-section{background:#f5f6f7;padding:32px 0 0 0;position:relative;z-index:10}
.stats-title{text-align:center;font-weight:700;margin:0 0 16px 0;color:#1e1e1e}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative;z-index:2}
.stat{background:#fff;border-radius:18px;box-shadow:0 8px 22px rgba(0,0,0,.08);padding:22px;text-align:center}
.stat-num{font-size:36px;font-weight:800}
.stat-num.grad{background:linear-gradient(90deg,#7b2ff7,#ff7f50);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat-num.blue{color:#0f46ff}
.stat-num.gold{color:#c89b00}
.stat-sub{color:#5b6a9a;margin-top:6px}
.stats-band{height:68px;background:#6f3ef5;border-top-left-radius:24px;border-top-right-radius:24px;margin-top:16px;position:relative;z-index:1}
.section-purple{background:#5c31ea;color:#fff;padding:40px 0;position:relative;z-index:10}
.standard-card{background:#fff;border-radius:24px;box-shadow:0 10px 24px rgba(0,0,0,.12);padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;outline:10px solid #6f3ef5;max-width:1000px;margin:0 auto}
.standard-title{color:#0f46ff;font-weight:700;font-size:22px;margin-bottom:6px}
.standard-heading{color:#111;font-size:24px;font-weight:800;margin:4px 0 12px 0}
.standard-list{color:#5b6a9a;list-style:disc;padding-left:18px;margin:0 0 16px 0}
.standard-list li{margin:8px 0}
.standard-media{background:#0f46ff;border-radius:16px;padding:10px}
.standard-media img{display:block;width:100%;height:auto;border-radius:12px;aspect-ratio:16/9;object-fit:cover}
.btn.blue{background:#0f46ff;color:#fff}
.card{background:#0f46ff;border-radius:16px;padding:24px;color:#fff}
.cta-wrapper{max-width:1200px;margin:0 auto;padding:0;display:block}
.cta{background:var(--grad);padding:32px;border-radius:24px;color:#fff;text-align:center;box-shadow:0 12px 28px rgba(0,0,0,.12);width:100%;max-width:1000px;margin:0 auto}
.cta-band{max-width:1000px;margin:0 auto}
.cta-band{display:flex;justify-content:center;align-items:center;background:var(--grad);color:#fff;padding:10px 16px;border-radius:999px;text-align:center;font-weight:700;width:100%;margin:0 auto 10px;position:relative;box-shadow:0 6px 16px rgba(0,0,0,.12);white-space:nowrap;gap:8px}
.cta-band::before{content:"";display:inline-block;width:18px;height:18px;border-radius:6px;background:#ffffff22;margin-right:8px;vertical-align:-3px;background-repeat:no-repeat;background-position:center;background-size:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h9.5a1.5 1.5 0 0 0 1.06-.44L17.7 2.5a1 1 0 0 1 1.3 0l2.5 2.5a1 1 0 0 1 0 1.3l-2.06 2.06c-.28.28-.44.66-.44 1.06V17a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7z' fill='%23ffffff'/%3E%3Cpath d='M8 9h1v6H8zm4 0h1v6h-1z' fill='%236f3ef5'/%3E%3C/svg%3E")}
@media (min-width:701px){.cta-band{padding:8px 14px;font-size:14px}}
@media (max-width:700px){.cta-band{padding:8px 12px;font-size:13px}}
.cta-title{font-size:26px;font-weight:800;margin-bottom:8px}
.cta-sub{max-width:640px;margin:0 auto 14px auto;color:#f9f9f9}
.cta-actions{display:flex;gap:12px;justify-content:center}
.btn.white-outline{background:transparent;color:#fff;border:2px solid #fff}
.cta .btn{border-radius:999px;padding:12px 22px;font-weight:600}
.blog{background:#f5f6f7;padding:50px 0;position:relative;z-index:10}
/* Forzar visibilidad de secciones clave cuando el usuario está logeado */
body.logged-in .hero,
body.logged-in .trusted,
body.logged-in .stats-section,
body.logged-in .section-purple,
body.logged-in .blog{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  filter:none !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
}
body.logged-in .container{overflow:visible !important}
.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.plan-card{background:#fff;border-radius:24px;box-shadow:0 6px 16px rgba(0,0,0,.08);padding:24px;transition:transform .18s ease, box-shadow .18s ease}
.plan-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.12)}
.plan-pro{padding:0;overflow:hidden;border-radius:24px}
.plan-pro-header{background:var(--grad);color:#fff;padding:24px;text-align:center;border-top-left-radius:24px;border-top-right-radius:24px}
.plan-pro-header .pro-title{font-size:22px;font-weight:800}
.plan-pro-header .price-line{margin-top:8px;font-size:20px}
.plan-pro-header .price-line .strike{text-decoration:line-through;opacity:.85;margin-right:8px}
.plan-pro-header .coupon-bar{background:#ffffff22;border:2px solid #ffffff66;color:#fff;border-radius:12px;padding:10px;margin:12px auto;max-width:360px}
.plan-pro-header .cta-pro{margin-top:12px;background:var(--grad);border:2px solid #fff}
.plan-free .free-title{font-size:24px;font-weight:800;color:#fff;margin-bottom:12px}
.pill-soft{background:#fff;color:#333;border:1px solid #eee;border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:8px}
.pill-soft::before{display:none}
.plan-pro-header .cta-pro{border-radius:999px;padding:12px 22px;font-weight:700}
.plan-pro-header .cta-pro{background-size:200% 200%;transition:background-position .25s ease, box-shadow .18s ease, filter .18s ease}
.plan-pro-header .cta-pro:hover{filter:brightness(1.06);box-shadow:0 8px 20px rgba(0,0,0,.18);background-position:right center}
.btn.blue-outline,.btn.gold-outline{transition:transform .12s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease}
.btn.blue-outline:hover{background:#eef3ff;border-color:#0f46ff;box-shadow:0 6px 16px rgba(15,70,255,.18);transform:translateY(-1px)}
.btn.blue-outline:active{transform:translateY(0)}
.btn.gold-outline:hover{background:#fff6df;border-color:#caa200;box-shadow:0 6px 16px rgba(202,162,0,.18);transform:translateY(-1px)}
.btn.gold-outline:active{transform:translateY(0)}
.acc-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f7f7ff;border-radius:12px;transition:background .15s ease}
.acc-head:hover{background:#eef2ff}
.pro-feature-card{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:transform .18s ease, box-shadow .18s ease}
.pro-feature-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.12)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.blog-card{background:#fff;border-radius:16px;box-shadow:0 6px 16px rgba(0,0,0,.08);padding:16px}
.blog-card{transition:transform .18s ease, box-shadow .18s ease}
.blog-card:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.12)}
.pl-thumb{background:#ddd;background-size:cover;background-position:center;border-radius:12px}
.thumb-64{width:64px;height:64px}
.thumb-48{width:48px;height:48px}
.thumb-40{width:40px;height:40px}
.playlist-cover{background:#ddd;background-size:cover;background-position:center;height:100%;min-height:140px}
/* Compact playlist card */
.playlist-card{display:grid;grid-template-columns:110px 1fr;gap:12px;border:1px solid #eee;border-radius:16px;overflow:hidden}
.playlist-card .playlist-cover{width:110px;height:110px;min-height:110px;border-radius:12px}
.playlist-body{padding:12px}
.playlist-title{font-weight:700;margin-bottom:6px;font-size:16px}
.playlist-meta{color:#666;margin-bottom:8px;font-size:12px}
.lock-overlay{position:absolute;inset:0;display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:center;background:rgba(255,255,255,.8);border-radius:16px}
.footer{background:#000;color:#cfcfcf;padding:40px 0}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.foot-contact{margin:6px 0 10px 0;color:#cfcfcf}
.foot-social{display:flex;gap:12px;align-items:center;margin-top:12px}
.fs-item{display:flex;flex-direction:column;align-items:center;gap:6px}
.fs-name{display:none;font-size:12px;color:#cfcfcf}
.fs-ico{position:relative;display:inline-flex;width:28px;height:28px;border-radius:999px;background:#111;box-shadow:0 2px 6px rgba(255,255,255,.06);background-repeat:no-repeat;background-position:center;background-size:16px}
.fs-ico::after{content:attr(aria-label);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#111;color:#fff;padding:6px 8px;border-radius:8px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:0 4px 10px rgba(0,0,0,.4)}
.fs-ico:hover::after{opacity:1}
.fs-ico.ig{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='18' height='18' x='3' y='3' rx='5' fill='%23ffffff22' stroke='%23ffffff'/%3E%3Ccircle cx='12' cy='12' r='4' fill='none' stroke='%23ffffff'/%3E%3Ccircle cx='17.5' cy='6.5' r='1.5' fill='%23ffffff'/%3E%3C/svg%3E")}
.fs-ico.x{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4l16 16M20 4L4 20' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E")}
.fs-ico.sp{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%231db954'/%3E%3Cpath d='M6.5 9.5c3.3-1.1 6.9-.9 9.7.7' stroke='%23004422' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3Cpath d='M6.5 12.3c2.6-.8 5.4-.7 7.8.6' stroke='%23004422' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3Cpath d='M6.5 15.1c2-.5 4.1-.5 6 .4' stroke='%23004422' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}
.fs-ico.fb{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%233b5998' d='M22 12c0-5.5-4.5-10-10-10S2 6.5 2 12c0 5 3.7 9.1 8.5 9.9v-7H8V12h2.5V9.8c0-2.5 1.5-3.9 3.7-3.9 1.1 0 2.3.2 2.3.2v2.6h-1.3c-1.3 0-1.7.8-1.7 1.6V12H16l-.4 2.9h-2.2v7C18.3 21.1 22 17 22 12z'/%3E%3C/svg%3E")}
.brand-large{color:#fff;text-transform:lowercase;font-weight:700}
.foot-title{color:#fff;margin-bottom:8px}
.foot-link{display:block;color:#cfcfcf;text-decoration:none;margin:6px 0}
.foot-link.icon-free,.foot-link.icon-promo,.foot-link.icon-submit{position:relative;padding-left:22px}
.foot-link.icon-free::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:4px;background:#ffffff18;background-repeat:no-repeat;background-position:center;background-size:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h9.5a1.5 1.5 0 0 0 1.06-.44L17.7 2.5a1 1 0 0 1 1.3 0l2.5 2.5a1 1 0 0 1 0 1.3l-2.06 2.06c-.28.28-.44.66-.44 1.06V17a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7z' fill='%23ffffff'/%3E%3Cpath d='M8 9h1v6H8zm4 0h1v6h-1z' fill='%236f3ef5'/%3E%3C/svg%3E")}
.foot-link.icon-promo::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:4px;background:#ffffff18;background-repeat:no-repeat;background-position:center;background-size:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3 7h7l-5.5 4 2.1 7L12 17l-6.6 3 2.1-7L2 9h7l3-7z' fill='%23ffd666' stroke='%23caa200'/%3E%3C/svg%3E")}
.foot-link.icon-submit::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:4px;background:#ffffff18;background-repeat:no-repeat;background-position:center;background-size:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M4 12l16-8-7 16-2-6-7-2z' fill='%236f3ef5'/%3E%3C/svg%3E")}
.page{padding:28px 0}
/* Checkout */
.checkout-wrap{max-width:1000px;margin:0 auto}
.checkout-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}
.checkout-card{background:#fff;border-radius:16px;box-shadow:0 10px 24px rgba(0,0,0,.08);padding:24px}
.checkout-title{font-size:24px;font-weight:800;margin:0 0 8px 0}
.input{width:100%;padding:12px 14px;border:1px solid #e5e7ef;border-radius:12px}
.input:focus{outline:3px solid #eef3ff;border-color:#0f46ff}
.method-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}
.method-card{border:1.5px solid #e5e7ef;border-radius:14px;padding:14px;text-align:center;cursor:pointer;user-select:none;background:#fff;transition:all .18s ease}
.method-card:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,0,0,.08)}
.method-card.selected{border-color:#6f3ef5;box-shadow:0 0 0 3px #6f3ef533}
.method-card.paypal.selected{border-color:#003087;box-shadow:0 0 0 3px rgba(0,48,135,.25)}
.method-card.binance.selected{border-color:#f3ba2f;box-shadow:0 0 0 3px rgba(243,186,47,.35)}
.method-card.wu.selected{border-color:#ffd600;box-shadow:0 0 0 3px rgba(255,214,0,.35)}
.method-ico{width:40px;height:40px;border-radius:12px;background:#f7f7ff;margin:0 auto 8px auto;background-repeat:no-repeat;background-position:center;background-size:24px}
.ico-paypal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23003087' d='M24 3c11.6 0 21 9.4 21 21s-9.4 21-21 21S3 35.6 3 24 12.4 3 24 3z'/%3E%3Cpath fill='%23fff' d='M20 15h10c3 0 5 2.4 4.6 5.4-.3 2.4-2.4 4.2-4.9 4.2H24l-1.2 6.4h-4.6L20 15z'/%3E%3C/svg%3E")}
.ico-binance{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f3ba2f' d='M12 4l3 3-3 3-3-3 3-3zm5 5l3 3-3 3-3-3 3-3zM7 9l3 3-3 3-3-3 3-3zm5 5l3 3-3 3-3-3 3-3z'/%3E%3C/svg%3E")}
.ico-wu{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='20' height='14' x='2' y='5' rx='3' fill='%23000000'/%3E%3Cpath d='M5 9h3l1 3 1-3h3l-2 6h-3z' fill='%23ffd600'/%3E%3C/svg%3E")}
/* Nequi icon (uses provided asset identifier if available) */
.ico-nequi{background-image:url('/assets/663a6b0d43303ddf38035997_logo-nequi.png')}
.summary-card{background:#fff;border-radius:16px;box-shadow:0 10px 24px rgba(0,0,0,.08);padding:18px}
.checkout-main{order:1}
.checkout-summary{order:2}
@media (max-width:900px){.checkout-summary{order:-1;margin-bottom:12px}}
.summary-chip{display:inline-flex;align-items:center;gap:8px;background:#f7f7ff;border:1px solid #e5e7ef;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}
.summary-chip .ico{width:18px;height:18px;border-radius:6px;background:#eaf0ff;background-repeat:no-repeat;background-position:center;background-size:12px}
.summary-chip .ico.paypal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23003087'/%3E%3C/svg%3E")}
.summary-chip .ico.binance{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23f3ba2f'/%3E%3C/svg%3E")}
.summary-chip .ico.wu{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect width='20' height='12' x='2' y='6' rx='3' fill='%23000000'/%3E%3C/svg%3E")}
/* Nequi chip icon */
.summary-chip .ico.nequi{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%236c3af2'/%3E%3C/svg%3E")}
.summary-line{display:flex;justify-content:space-between;margin:8px 0;color:#333}
.summary-total{display:flex;justify-content:space-between;margin-top:12px;font-weight:800;font-size:20px}
.pay-btn{width:100%;padding:12px 18px;border-radius:999px;font-weight:700}
.btn.btn-paypal{background:#003087;color:#fff;box-shadow:0 6px 16px rgba(0,48,135,.2)}
.btn.btn-paypal:hover{filter:brightness(1.06)}
.btn.btn-binance{background:#f3ba2f;color:#000;box-shadow:0 6px 16px rgba(243,186,47,.25)}
.btn.btn-binance:hover{filter:brightness(1.06)}
.btn.btn-wu{background:#ffd600;color:#000;box-shadow:0 6px 16px rgba(255,214,0,.25)}
.btn.btn-wu:hover{filter:brightness(1.06)}
@media (max-width:900px){.checkout-grid{grid-template-columns:1fr}}
/* Credits cards */
.credits-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px}
@media (max-width:700px){.credits-grid{grid-template-columns:1fr}}
.credit-card{border:2px solid #6f3ef544;border-radius:18px;padding:20px}
.credit-card.std{border-color:#6f3ef5;color:#4b2fb8}
.credit-card.prem{border-color:#ffd600;background:#fff9e9}
.credit-title{text-align:center;font-weight:800;margin:0 0 8px 0}
.credit-sub{text-align:center;color:#555}
.credit-hero{height:140px;border:2px dashed #ffd600;border-radius:12px;background:#fff3d6;margin-top:8px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url('/assets/img/descargar (2).svg'),url('/assets/img/descargar (1).svg'),url('/assets/img/descargar.svg')}
.offer{background:linear-gradient(90deg,#7b2ff7,#ff7f50);color:#fff;border-radius:12px;padding:10px;margin:12px auto;text-align:center}
.qty{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px 0}
.qty-step{width:32px;height:32px;border-radius:999px;border:1.5px solid #e5e7ef;background:#fff;color:#6f3ef5;cursor:pointer}
.qty-number{width:80px;text-align:center;border:2px solid #6f3ef5;border-radius:10px;padding:8px}
.buy-btn.std{display:block;margin:0 auto;background:#6f3ef5}
.buy-btn.prem{display:block;margin:0 auto;background:#ffd600;color:#000}
.form{max-width:560px;margin:auto;display:grid;gap:14px}
.form input,.form select,.form textarea{padding:12px;border:1px solid #ddd;border-radius:10px}
.input-icon{position:relative}
.input-icon input{padding-right:44px}
.input-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:999px;background:#fff;background-repeat:no-repeat;background-position:center;background-size:18px;cursor:pointer;border:1px solid #eee}
.input-eye{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5C7 4.5 3 8 1.5 12c1.5 4 5.5 7.5 10.5 7.5s9-3.5 10.5-7.5C21 8 17 4.5 12 4.5z' fill='none' stroke='%23666'/%3E%3Ccircle cx='12' cy='12' r='3.5' fill='none' stroke='%23666'/%3E%3C/svg%3E")}
.input-eye.active{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3l18 18' stroke='%23666'/%3E%3Cpath d='M12 4.5C7 4.5 3 8 1.5 12c1.5 4 5.5 7.5 10.5 7.5s9-3.5 10.5-7.5C21 8 17 4.5 12 4.5z' fill='none' stroke='%23666'/%3E%3Ccircle cx='12' cy='12' r='3.5' fill='none' stroke='%23666'/%3E%3C/svg%3E")}
.table{width:100%;border-collapse:collapse;margin-top:20px}
.table th,.table td{border-bottom:1px solid #eee;padding:12px;text-align:left}
.badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px}
.badge.pending{background:#ffeaa7;color:#6b5600}
.badge.approved{background:#c8e6c9;color:#1b5e20}
.badge.rejected{background:#ffcdd2;color:#b71c1c}
.upsell,.addon{transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease}
.upsell:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.12)}
.upsell.ups-blue:hover{border-color:#0f46ff;background:#eef3ff}
.upsell.ups-gold:hover{border-color:#caa200;background:#fff6df}
.addon.blue:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.12);border-color:#0f46ff;background:#eef3ff}
.addon.gold:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.12);border-color:#caa200;background:#fff6df}
.pill{background:#eee;padding:8px 12px;border-radius:999px}
meta-refresh{display:none}
@media (max-width:900px){
  .grid{gap:16px}
  .blog-card{padding:14px}
  .tiles{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .nav-dropdown{position:static !important;right:auto !important;left:auto !important;top:auto !important;width:100% !important;display:none;margin-top:8px;z-index:3000;box-shadow:none;border:1px solid #eee;border-radius:12px;background:#fff}
  .nav-dropdown.open{display:block}
  .nav-profile{display:none}
  .nav-profile-toggle{display:block;color:#000;padding:10px 12px;border-radius:10px}
}
@media (max-width:700px){
  #navDropdownM{position:static !important;right:auto !important;left:auto !important;top:auto !important;width:100% !important;display:none;margin-top:8px;border:0;border-radius:0;box-shadow:none !important;background:transparent;padding:0}
  #navDropdownM.open{display:block}
  #navProfileToggleM{margin-bottom:6px}
}
@media (max-width:700px){
  .topbar .row{flex-wrap:wrap}
  .mobile-top{display:flex;padding:8px 16px}
  .mobile-top .btn.small{display:block;width:100%;max-width:none;border-radius:999px;text-align:center}
  .nav-hamburger{display:inline-flex;margin-left:auto;z-index:3100}
  .nav{display:none;position:fixed;left:0;right:0;top:72px;width:auto;max-width:none;max-height:calc(100vh - 96px);overflow:auto;overflow-x:hidden;background:#fff;color:#000;border-radius:16px;box-shadow:0 12px 24px rgba(0,0,0,.2);padding:12px;gap:6px;z-index:3000}
  .nav.open{display:block}
  .nav.open{align-items:stretch}
  .nav-link{color:#000;display:block;padding:9px 10px;border-radius:10px;width:100%}
  .nav .btn.small{width:100%;text-align:center;border-radius:999px}
  .nav-profile{display:none}
  .nav-dropdown{position:static !important;right:auto !important;left:auto !important;top:auto !important;width:100% !important;display:none;margin-top:8px;z-index:3000;box-shadow:none;border:0;border-radius:0;background:transparent;padding:0}
  .nav-dropdown.open{display:block}
  .nav-profile-toggle{display:flex;align-items:center;gap:8px;color:#000;padding:10px 12px;border-radius:10px}
  .nav-profile-toggle .nav-avatar{margin-left:0}
  .nav-dropdown .dd-head{display:none}
  .nav-dropdown .dd-credits{display:none}
  #navProfileToggleM{margin-bottom:6px}
  #navDropdownM{margin-top:6px}
.nav-profile-m{display:block;width:100%}
.dropdown-item{padding:12px 10px}
.row{flex-wrap:wrap}
.grid{grid-template-columns:1fr !important}
img,video{max-width:100%;height:auto}
 .form input:not([type=checkbox]):not([type=radio]),.form select,.form textarea{width:100%}
 .g-item,.l-item,.side-g-item,.side-l-item{display:flex;align-items:center;gap:8px}
 .form .btn{width:100%}
  .playlist-card{grid-template-columns:72px 1fr}
  .playlist-card .playlist-cover{width:72px;height:72px;min-height:72px}
  .g-item span,.l-item span,.side-g-item span,.side-l-item span{display:inline-block}
  .g-item input[type=checkbox],.l-item input[type=checkbox],.side-g-item input[type=checkbox],.side-l-item input[type=checkbox]{accent-color:#0f46ff}
  .g-item input:checked + span,.l-item input:checked + span,.side-g-item input:checked + span,.side-l-item input:checked + span{background:#eef2ff;border-radius:8px;padding:6px 8px;font-weight:600}
  .container{padding:0 16px}
  .hero{padding:48px 0}
  .hero-title{font-size:32px}
  .hero-grid{grid-template-columns:1fr}
  .hero-grid > div:nth-child(2){order:2}
  .hero-actions{justify-content:center}
  .hero-search{max-width:100%}
  .logos{grid-template-columns:repeat(3,1fr)}
  .stats{grid-template-columns:1fr;gap:12px}
  .stat-num{font-size:32px}
  .search input{width:100%}
  .side-image{height:200px;margin-top:16px}
  .stats{grid-template-columns:1fr}
  .blog-grid{grid-template-columns:1fr}
  .tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:12px;scrollbar-width:none}
  .tabs::-webkit-scrollbar{display:none}
  .tab{flex:0 0 auto}
  .auth-layout{grid-template-columns:1fr}
  .standard-card{grid-template-columns:1fr}
  .standard-media{margin-top:8px}
  .footer-grid{grid-template-columns:1fr}
  .fs-name{display:block}
.cta-band{display:block}
.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.plan-card{background:#fff;border-radius:24px;box-shadow:0 6px 16px rgba(0,0,0,.08);padding:24px}
.plan-card{overflow:hidden}
.plan-free .free-title{font-size:24px;font-weight:800;color:#fff;text-align:center;margin-bottom:16px}
.plan-free .free-hero{height:120px;background:#fff;border:1px solid #eee;border-radius:16px;margin-bottom:16px}
.plan-free .free-upsell{background:#eaf0ff;color:#000}
.plan-pro{padding:0;overflow:hidden}
.plan-pro-header{background:linear-gradient(90deg,#7b2ff7,#ff7f50);color:#fff;padding:20px;text-align:center}
.plan-pro-header .pro-title{font-size:22px;font-weight:800}
.plan-pro-header .price-line{margin-top:10px;font-size:20px}
.plan-pro-header .price-line .strike{text-decoration:line-through;opacity:.8;margin-right:8px}
.plan-pro-header .coupon-bar{background:#ffffff22;border:2px solid #ffffff66;color:#fff;border-radius:12px;padding:10px;margin:12px auto;max-width:360px}
.plan-pro-header .cta-pro{margin-top:12px;background:linear-gradient(90deg,#7b2ff7,#ff7f50);border:2px solid #fff}
.plan-pro .features{padding:16px}
.feature-card{margin-top:12px;color:#000}
.feature-row{display:flex;align-items:center;justify-content:space-between}
.pro-icons .blog-card{color:#000;text-align:left}
.pro-icons img{width:100%;height:140px;object-fit:contain;border-radius:12px;background:#fff}
.pricing-grid .plan-free .btn.outline{display:block;text-align:center;font-weight:600;border:2.5px solid #6f3ef5;border-radius:999px;padding:12px 22px;transition:all .2s ease}
.pricing-grid .plan-free .btn.outline:hover{background:#f8faff;box-shadow:0 6px 16px rgba(111,62,245,.18)}
.pricing-grid .plan-free .btn.outline:active{transform:translateY(1px)}
.plan-pro-header .cta-pro{border-radius:999px;padding:12px 22px;font-weight:700}
.plan-pro-header .cta-pro:hover{filter:brightness(1.06);box-shadow:0 8px 20px rgba(0,0,0,.18)}
.pricing-grid .plan-free .btn.outline, .plan-pro-header .cta-pro{width:100%;max-width:360px;margin:0 auto}
.btn.wide{width:100%;max-width:360px;margin:0 auto;text-align:center}
.btn.blue-outline{background:transparent;color:#0f46ff;border:2px solid #0f46ff}
.btn.gold-outline{background:transparent;color:#caa200;border:2px solid #caa200}
.plan-card .btn.blue-outline{background:transparent !important;color:#0f46ff;border:2px solid #0f46ff}
.plan-card .btn.gold-outline{background:transparent !important;color:#caa200;border:2px solid #caa200}
.pill-soft{background:#f8f8f8;color:#333;border:1px solid #eee;border-radius:12px;padding:10px 12px}
.upsell{border-radius:16px;padding:14px;margin-top:12px}
.ups-blue{background:#f0f5ff}
.ups-gold{background:#fff3d6}
.acc-list{display:grid;gap:10px}
.acc-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid #eee;border-radius:12px;background:#fff;color:#000;cursor:pointer;flex-wrap:wrap;margin-bottom:8px}
.acc-left{display:flex;align-items:center;gap:10px}
.acc-dot{width:18px;height:18px;border-radius:999px;border:2px solid #ddd;display:inline-block}
.acc-caret{width:22px;height:22px;border-radius:999px;background:#f2f2f2;background-repeat:no-repeat;background-position:center;background-size:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M6 10l6 6 6-6' stroke='%23666' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") ;transition:transform .2s ease}
.acc-item.open .acc-caret{transform:rotate(180deg)}
.acc-desc{width:100%;padding-top:8px;opacity:0;max-height:0;overflow:hidden;transition:max-height .25s ease, opacity .25s ease}
.acc-item.open .acc-desc{opacity:.85}
.addon{border-radius:16px;padding:14px;margin-top:12px}
.addon.blue{background:#f0f5ff}
.addon.gold{background:#fff3d6}
.pro-band{background:linear-gradient(90deg,#7b2ff7,#ff7f50);border-radius:24px;padding:24px;color:#fff;text-align:center}
.pro-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:12px}
.pro-feature-card{background:#fff;border-radius:16px;box-shadow:0 6px 16px rgba(0,0,0,.08);padding:16px;color:#000}
.pro-feature-card .pf-icon{width:56px;height:56px;border-radius:999px;display:flex;align-items:center;justify-content:center;margin:0 auto 8px auto;background:#fff}
@media (max-width:900px){.pricing-grid{grid-template-columns:1fr}.pro-features{grid-template-columns:1fr}}
.pro-band{max-width:1000px;margin:40px auto 0 auto;overflow:hidden;background:linear-gradient(90deg,#7b2ff7,#ff7f50);color:#fff;padding:24px;border-radius:24px}
.pro-band .pro-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:12px}
.pro-band .pro-feature-card{background:#fff;color:#000;border-radius:16px;box-shadow:0 6px 16px rgba(0,0,0,.08);padding:16px;text-align:center}
.pro-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pro-feature-card{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#fff;border-radius:16px;box-shadow:0 6px 16px rgba(0,0,0,.08);padding:16px;text-align:center;color:#000}
.pricing-wrap{background:#f5f6f7;border-radius:24px;padding:24px;margin-top:8px}
}
.tabs{display:flex;gap:16px;border-bottom:1px solid #eee;margin-top:18px}
.tab{padding:10px 14px;color:#666;border-bottom:2px solid transparent;border-radius:8px}
.tab.active{color:#1e1e1e;border-color:#6f3ef5;font-weight:600;background:transparent}
.tab.locked{background:linear-gradient(90deg,#7b2ff7,#ff7f50);-webkit-background-clip:text;background-clip:text;color:transparent}
.lock-ico{display:inline-block;width:16px;height:16px;margin-left:6px;vertical-align:-2px;background-repeat:no-repeat;background-position:center;background-size:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='10' width='14' height='10' rx='2' fill='%236f3ef5'/%3E%3Cpath d='M8 10V8a4 4 0 0 1 8 0v2' fill='none' stroke='%236f3ef5' stroke-width='2'/%3E%3C/svg%3E")}
.suggest{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.08);margin-top:8px;max-height:320px;overflow:auto;position:relative;z-index:4000}
.suggest-item{display:flex;gap:12px;padding:10px;border-bottom:1px solid #f2f2f2;border-radius:10px}
.suggest-item:hover{background:#eef2ff}
.suggest-item:active{background:#e7edff}
.suggest-item .suggest-title{font-weight:700;color:#6f3ef5;text-decoration:underline}
.suggest-item:hover .suggest-title{color:#5c34e0}
.suggest-section .suggest-item:last-child{border-bottom:0}
.suggest-section + .suggest-section{border-top:1px solid #eee;margin-top:8px;padding-top:8px}
@media (max-width:700px){
  .suggest{margin-top:6px;max-height:360px}
  .suggest .section-title{margin:6px 0;font-size:14px}
  .suggest-item{gap:8px;padding:8px}
  .suggest-item .suggest-title{font-size:14px}
}
.hero .suggest{position:relative;z-index:3100}
.suggest-loading{display:flex;justify-content:center;padding:10px}
.spinner{width:18px;height:18px;border:2px solid #ddd;border-top-color:#6f3ef5;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.chip{display:inline-block;background:#f2f2ff;color:#4e3ed6;border:1px solid #e6e3ff;padding:6px 10px;border-radius:999px;margin-right:8px;margin-bottom:6px}
.pl-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:900px){.pl-grid{grid-template-columns:1fr}}
.pl-card{position:relative;background:#fff;border:1px solid #eee;border-radius:16px;padding:12px;display:flex;gap:14px}
.pl-card .playlist-cover{width:92px;height:92px;border-radius:12px;background-size:cover;background-position:center}
.pl-card .playlist-title{font-weight:700;font-size:16px}
.pl-card .playlist-meta{font-size:12px;color:#666}
.badge-spotify{display:inline-flex;align-items:center;gap:6px;color:#1db954;font-weight:600}
.status-online{color:#26a269;font-size:12px;margin-left:auto}
.btn-vibe{border:1px solid #6f3ef5;color:#6f3ef5;background:#fff;border-radius:999px;padding:8px 12px;font-weight:600}
.btn-vibe:hover{background:#f6f3ff}

/* Wizard playlist dark styling */
.page.wizard .pl-card{background:#0e1220;border:1px solid #1e2942;color:#e9ecff}
.page.wizard .pl-card .playlist-title{color:#fff}
.page.wizard .pl-card .playlist-meta{color:#c3c9e9}
.pl-badge{position:absolute;left:8px;top:8px;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:700}
.pl-badge.pro{background:#0f46ff;color:#fff}
.pl-badge.featured{background:#1abc9c;color:#001b16}
.pl-metrics{display:flex;gap:8px;margin-top:6px;color:#cbd3ff;font-size:12px;font-weight:700}
.pl-metrics .metric{display:inline-flex;align-items:center;gap:6px;background:#0b1730;border:1px solid #25365e;border-radius:999px;padding:4px 8px;color:#cbd3ff}
.pl-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.pl-tags .chip{background:#0b1730;color:#cbd3ff;border-color:#25365e}
.pl-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px}
.pl-footer .followers{color:#cbd3ff;font-size:12px}

/* Detail modal stats */
.stat-bars{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.stat-bar{display:flex;align-items:center;gap:8px}
.stat-bar .label{flex:0 0 140px;color:#cbd3ff;font-size:12px}
.stat-bar .bar{flex:1;background:#0b1730;border:1px solid #25365e;border-radius:999px;overflow:hidden;height:12px}
.stat-bar .fill{height:100%;background:#6f3ef5;width:0;transition:width .5s ease}
.stat-bar .pct{width:36px;text-align:right;color:#cbd3ff;font-size:12px}
.filter-layout{display:grid;grid-template-columns:280px 1fr;gap:18px;margin-top:12px}
@media (max-width:900px){.filter-layout{grid-template-columns:1fr}}
.filter-box{background:#fff;border:1px solid #eee;border-radius:16px;padding:12px}
.filter-title{font-weight:700;margin-bottom:8px}
.side-image,.side-image-desktop,.side-image-mobile{width:100%;height:auto;border-radius:16px;display:block}
.side-image-desktop{display:block}
.side-image-mobile{display:none}
@media (max-width:700px){
  .side-image-desktop{display:none}
  .side-image-mobile{display:block;margin-top:16px}
}
/* Hero input con iconos */
.hero-search{position:relative;display:block;background:#fff;border:2px solid rgba(0,0,0,.08);border-radius:999px;padding:4px;min-height:52px;z-index:3100}
.hero-search input{display:block;width:100%;height:44px;border:0;box-shadow:none;border-radius:999px;padding-left:44px;padding-right:124px;background:transparent;color:#222}
.hero-search::before{content:"";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:22px;height:22px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4.2-4.2'/%3E%3C/svg%3E")}
@media (max-width:700px){
  .hero-search input{padding-right:96px}
  .hero-search svg{width:14px;height:14px}
}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.hero-actions{margin-top:18px;display:flex;gap:12px}
.hero .btn{border-radius:999px;padding:12px 22px;font-weight:600;box-shadow:0 6px 16px rgba(0,0,0,.12)}
.hero .btn:hover{filter:brightness(1.05)}
.hero .btn.outline{color:#fff;border-color:rgba(255,255,255,.9);background:transparent}
.hero .btn.outline:hover{background:rgba(255,255,255,.15)}
.hero-actions .btn{min-width:160px;text-align:center}
.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.auth-card .social-btn{width:100%}
.auth-card .form .btn{width:100%}
.auth-hero{background:var(--grad);padding:24px;border-radius:24px;color:#fff;overflow:hidden}
.auth-hero .hero-title{color:#fff;font-weight:800;margin-bottom:6px}
.auth-hero .hero-sub{color:#f5f7ff;max-width:560px}
.auth-hero .tiles{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.auth-hero .tile{height:140px;border-radius:20px;background-image:url('/assets/HomepageSideImage2-b82a7514ddbfdf9cd2bc15f7caa9fed2 (1).webp');background-size:200% 200%;background-repeat:no-repeat;box-shadow:0 10px 24px rgba(0,0,0,.18);border:2px solid rgba(255,255,255,.35)}
.auth-hero .tile:nth-child(1){background-position:left top}
.auth-hero .tile:nth-child(2){background-position:right top}
.auth-hero .tile:nth-child(3){background-position:left bottom}
.auth-hero .tile:nth-child(4){background-position:right bottom}
@media (max-width:900px){.auth-layout{grid-template-columns:1fr}}
@media (max-width:900px){.auth-hero{display:none !important}}
@media (max-width:1100px){.auth-hero .tile{height:110px}}
.login-social-icons{display:flex}
@media (max-width:700px){.login-social-icons{display:none}}
.acc-item{border:1px solid #eee;border-radius:12px;background:#fff;margin-bottom:10px}
.acc-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f7f7ff;border-radius:12px}
.acc-title{display:flex;align-items:center;gap:10px;font-weight:700;color:#000}
.acc-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:#fff6df;color:#caa200;border:1.5px solid #ffe5a3;font-size:12px;font-weight:700}
.acc-badge::before{content:"";width:12px;height:12px;border-radius:999px;background:#ffffff;border:1px solid #ffe5a3;background-repeat:no-repeat;background-position:center;background-size:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l7 4v6c0 4-3.5 7-7 8-3.5-1-7-4-7-8V7l7-4z' fill='%23caa200'/%3E%3Cpath d='M9 12l2 2 4-4' stroke='%23ffffff' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}
.acc-badge{position:relative}
.acc-badge::after{content:attr(aria-label);position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#fff;color:#000;padding:6px 8px;border-radius:8px;border:1px solid #ffe5a3;box-shadow:0 8px 18px rgba(0,0,0,.12);font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease}
.acc-badge:hover::after{opacity:1}
.acc-icon{width:20px;height:20px;border-radius:999px;background:#fff;border:2px solid #e0e0e0;display:inline-block;background-repeat:no-repeat;background-position:center;background-size:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath d='M12 6v12M6 12h12' stroke='%23666' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.acc-panel{display:none;padding:12px 14px;color:#333}
.acc-item.open .acc-panel{display:block}
/* Pricing overrides to match desktop/mobile consistently */
.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.plan-card{border:1px solid #eee;box-shadow:0 8px 20px rgba(0,0,0,.08)}
.pricing-wrap{background:#f5f6f7;border-radius:24px;padding:24px;margin-top:8px}
.pill-soft{background:#fff;color:#333;border:1px solid #eee;border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:8px}
.pill-soft::before{display:none}
.upsell{border-radius:16px;padding:14px;margin-top:12px}
.upsell.ups-blue{background:#f0f5ff;border:2px solid #d7e3ff;box-shadow:0 6px 16px rgba(0,0,0,.06)}
.upsell.ups-gold{background:#fff3d6;border:2px solid #ffe5a3;box-shadow:0 6px 16px rgba(0,0,0,.06)}
.addon.blue{background:#f0f5ff;border:2px solid #d7e3ff;box-shadow:0 6px 16px rgba(0,0,0,.06)}
.addon.gold{background:#fff3d6;border:2px solid #ffe5a3;box-shadow:0 6px 16px rgba(0,0,0,.06)}
.acc-head{background:#f7f7ff;border-radius:12px}
.acc-panel{border-top:1px solid #eee;line-height:1.45}
.acc-panel ul{margin:6px 0 0 0;padding-left:18px}
.acc-panel ul li{margin:6px 0}
.pro-band{max-width:1000px;margin:40px auto 0 auto;overflow:hidden;background:linear-gradient(90deg,#7b2ff7,#ff7f50);color:#fff;padding:24px;border-radius:24px}
.pro-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:700px){
  .pricing-grid{display:grid;grid-template-columns:1fr}
  .pro-features{grid-template-columns:1fr}
  /* Legibilidad de ítems en móvil */
  .acc-head{padding:10px 12px}
  .acc-item{padding:10px 12px;margin-bottom:12px}
  .acc-title{font-size:14px}
  .acc-panel{font-size:13px;line-height:1.6}
  .acc-icon{width:18px;height:18px}
}
.pro-band .pro-features{display:grid;grid-template-columns:1fr;gap:20px;margin-top:12px}
.pro-band .pro-feature-card{background:#fff !important;color:#000 !important;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.08);padding:16px;text-align:center;border:1px solid #eee}
@media (min-width:901px){
  .pro-band .pro-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .pro-band .pro-feature-card{background:#fff !important;color:#000 !important;border:1px solid #eee;box-shadow:0 8px 20px rgba(0,0,0,.08);padding:16px;border-radius:16px;text-align:center}
}
/* Centrar CTA dentro de la banda profesional */
.pro-band .btn.cta-pro{display:block;margin:16px auto 0 auto;text-align:center}
.plan-list{list-style:none;padding:0;margin:12px 0 0 0}
.plan-list li{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid #eee;border-radius:12px;padding:10px 12px;margin-bottom:8px}
.plan-list li::before{content:"";width:14px;height:14px;border-radius:999px;background:#f2f2f2;border:1px solid #ddd;margin-top:3px;flex:none;background-repeat:no-repeat;background-position:center;background-size:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24'%3E%3Cpath d='M5 13l4 4L19 7' stroke='%236f3ef5' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}
.plan-list .sub{opacity:.75;font-size:13px}
.plan-free-header{background:var(--grad);color:#fff;padding:24px;text-align:center;border-top-left-radius:24px;border-top-right-radius:24px;margin-bottom:12px}
.plan-free .features{padding:16px}
.btn.wide{width:100%;max-width:360px;margin:0 auto}
@media (max-width:900px){.pricing-grid{grid-template-columns:1fr !important}}
@media (max-width:700px){
  table,.table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .table{min-width:560px}
  table thead th, table tbody td, .table thead th, .table tbody td{padding:10px}
  table td, table th, .table td, .table th{word-break:break-word}
  .table thead th{position:sticky;top:0;background:#fafafa;z-index:1;box-shadow:0 2px 6px rgba(0,0,0,.06);border-bottom:1px solid #eee;padding:12px}
}
@media (min-width:901px){
  .table thead th{position:sticky;top:0;background:#fafafa;z-index:2;box-shadow:0 2px 6px rgba(0,0,0,.06);border-bottom:1px solid #eee}
}
/* Scroll para tablas en móvil */
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.table-scroll::-webkit-scrollbar{display:none}
.table-scroll .table{min-width:640px}
.stat-pills .pill{background:#eee;border:1px solid #e5e7ef;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:160px;min-height:64px;box-sizing:border-box}
.stat-pills .pill-title{font-weight:600;color:#333;letter-spacing:.2px}
.stat-pills .pill-num{font-weight:800;font-size:20px;margin-top:4px;color:#000}
.stat-pills .pill-num.blue{color:#0f46ff}
.stat-pills .pill-num.gold{color:#caa200}
.stat-pills .pill-num.green{color:#27ae60}
.stat-pills .pill-num.red{color:#e74c3c}
@media (max-width:700px){
  .stat-pills .pill{min-width:100%;width:100%;min-height:64px;padding:12px 14px}
  .stat-pills .pill-title{font-size:14px}
  .stat-pills .pill-num{font-size:20px}
  .stat-pills .pill-title{font-size:13px}
  .stat-pills .pill-num{font-size:18px}
}
/* Metric pills for curator stats */
.metric-pill{display:inline-flex;align-items:center;gap:8px;background:#ffffff;border:1px solid #e6e6ef;border-radius:14px;padding:10px 14px;box-shadow:0 2px 8px rgba(0,0,0,0.06);position:relative}
.hscroll > .metric-pill{flex:0 0 auto;min-width:200px}
.metric-pill .metric-label{font-weight:600;color:#333}
.metric-pill .metric-value{color:#4a4a55}
.metric-value.gold{color:#f1c40f;font-weight:800}
.metric-value.blue{color:#005fcc;font-weight:800}
.metric-value.red{color:#e74c3c;font-weight:800}
.metric-pill.progress{flex-direction:column;align-items:flex-start;gap:6px;min-width:220px}
.metric-pill.progress{position:relative}
.metric-pill.progress .bar{width:100%;height:8px;border-radius:999px;background:#ececf5;overflow:hidden}
.metric-pill.progress .bar .fill{height:8px;border-radius:999px;background:#7b2ff7;width:0}
.metric-pill.progress .bar .fill{transition:width .6s ease}
.metric-pill{transition:transform .15s ease, box-shadow .15s ease}
.metric-pill.pulse{animation:pulseMetric .6s ease}
@keyframes pulseMetric{0%{transform:scale(1)}50%{transform:scale(1.02)}100%{transform:scale(1)}}
.metric-pill:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.08)}
.gain-pop{position:absolute;top:-10px;right:-10px;background:#7b2ff7;color:#fff;border-radius:999px;padding:4px 8px;font-weight:800;font-size:12px;box-shadow:0 2px 8px rgba(0,0,0,0.12);opacity:0;transform:translateY(-6px);transition:opacity .25s ease,transform .25s ease}
.gain-pop.show{opacity:1;transform:translateY(0)}
@media (max-width:700px){
  .metric-pill{padding:12px 14px;border-radius:16px;background:linear-gradient(180deg,#ffffff,#f7f7ff);border:0;box-shadow:0 8px 24px rgba(0,0,0,0.08);width:100%}
  .metric-pill .metric-label{font-weight:700;font-size:14px}
  .metric-pill.progress{min-width:auto}
  .metric-pill.progress .bar{height:12px;background:#ececf5}
  .metric-pill.progress .bar .fill{height:12px;background:linear-gradient(90deg,#7b2ff7,#f1c40f)}
  .blog-card.curator-head{background:linear-gradient(90deg,#6f3ef5,#9b59f6);color:#000;border:0}
}