/*
Theme Name: Indabeat
Theme URI: https://indabeat.co
Description: Rap, Reggae, Dancehall, Afrobeats y Cultura Urbana Colombiana.
Author: New Click Soluciones
Author URI: https://newclicksoluciones.com
Template: blocksy
Version: 1.0.0
Text Domain: indabeat
*/

:root {
  --ib-negro: #0a0a0a;
  --ib-verde: #00ff7f;
  --ib-amarillo: #ffe600;
  --ib-rojo: #ff2d55;
  --ib-azul: #1e90ff;
  --ib-gris: #1a1a1a;
  --ib-gris2: #2a2a2a;
  --ib-texto: #e8e8e8;
  --ib-subtexto: #888;
  --ib-border: #222;
  --ib-radius: 16px;
}

body { background: var(--ib-negro) !important; color: var(--ib-texto); font-family: "Manrope", sans-serif; }

h1,h2,h3,h4,h5,h6,.entry-title,.page-title,.widget-title,.site-title { font-family: "Bebas Neue", sans-serif !important; color: #fff; letter-spacing: 1px; }
h1 { font-size: clamp(42px,6vw,80px); line-height: .95; }
h2 { font-size: clamp(32px,4vw,56px); }

a { color: var(--ib-verde); transition: color .2s; }
a:hover { color: #fff; }
::selection { background: var(--ib-verde); color: var(--ib-negro); }

header[data-id="type-1"],.site-header,#masthead { background: var(--ib-negro) !important; border-bottom: 1px solid var(--ib-border); }
.site-title a { font-family: "Bebas Neue", sans-serif !important; font-size: 32px; letter-spacing: 4px; color: var(--ib-verde) !important; }
.ct-header nav a,.header-menu a { color: var(--ib-texto) !important; font-weight: 600; font-size: 14px; text-transform: uppercase; }
.ct-header nav a:hover { color: var(--ib-verde) !important; }

.genre-badge { display:inline-block; padding:4px 14px; border-radius:100px; font-size:10px; font-family:"Space Mono",monospace; letter-spacing:2px; text-transform:uppercase; }
.badge-rap { background:rgba(30,144,255,.15); color:var(--ib-azul); border:1px solid rgba(30,144,255,.3); }
.badge-dancehall { background:rgba(0,255,127,.1); color:var(--ib-verde); border:1px solid rgba(0,255,127,.3); }
.badge-reggae { background:rgba(255,140,0,.1); color:#ff8c00; border:1px solid rgba(255,140,0,.3); }
.badge-afro { background:rgba(255,45,85,.1); color:var(--ib-rojo); border:1px solid rgba(255,45,85,.3); }
.badge-champeta { background:rgba(255,230,0,.1); color:var(--ib-amarillo); border:1px solid rgba(255,230,0,.3); }
.badge-cannabis { background:rgba(0,200,83,.1); color:#00c853; border:1px solid rgba(0,200,83,.3); }

.ct-posts-container article,article.post,.wpdm-package { background:var(--ib-gris) !important; border:1px solid var(--ib-border); border-radius:var(--ib-radius); padding:24px; transition:border-color .3s,transform .3s; position:relative; overflow:hidden; }
.ct-posts-container article:hover,article.post:hover { border-color:#444; transform:translateY(-3px); }

article.category-rap::before { content:""; position:absolute; top:0;left:0;right:0; height:3px; background:linear-gradient(90deg,var(--ib-azul),var(--ib-rojo)); }
article.category-dancehall::before { content:""; position:absolute; top:0;left:0;right:0; height:3px; background:linear-gradient(90deg,var(--ib-verde),var(--ib-amarillo)); }
article.category-reggae::before { content:""; position:absolute; top:0;left:0;right:0; height:3px; background:linear-gradient(90deg,#ff8c00,var(--ib-verde)); }
article.category-afrobeats::before { content:""; position:absolute; top:0;left:0;right:0; height:3px; background:linear-gradient(90deg,var(--ib-rojo),#ff8c00); }
article.category-autocultivo::before { content:""; position:absolute; top:0;left:0;right:0; height:3px; background:linear-gradient(90deg,#00c853,#76ff03); }

.entry-meta,.ct-meta { font-family:"Space Mono",monospace; font-size:11px; color:var(--ib-subtexto); letter-spacing:1px; text-transform:uppercase; }
.entry-meta a { color:var(--ib-verde) !important; }
.cat-links a,.ct-category a { font-family:"Space Mono",monospace; font-size:10px; letter-spacing:2px; color:var(--ib-verde); background:rgba(0,255,127,.08); border:1px solid rgba(0,255,127,.2); padding:4px 12px; border-radius:100px; text-transform:uppercase; }

.wp-block-button__link,button[type="submit"],.ct-button,.wpdm_link { background:var(--ib-verde) !important; color:var(--ib-negro) !important; font-family:"Bebas Neue",sans-serif; font-size:16px; letter-spacing:2px; border:none; border-radius:100px; padding:12px 28px; text-transform:uppercase; transition:all .3s; }
.wp-block-button__link:hover,.wpdm_link:hover { background:#fff !important; transform:translateY(-2px); }

.w3eden .card { background:var(--ib-gris) !important; border:1px solid var(--ib-border) !important; border-radius:var(--ib-radius) !important; color:var(--ib-texto) !important; }
.w3eden .card-title { color:#fff !important; }

.ct-sidebar,.widget { background:var(--ib-gris); border:1px solid var(--ib-border); border-radius:var(--ib-radius); padding:24px; }
.widget-title { color:var(--ib-verde) !important; border-bottom:2px solid var(--ib-gris2); padding-bottom:12px; }

footer,.site-footer,[data-footer] { background:#050505 !important; border-top:1px solid var(--ib-border); }
footer p,.site-footer p { color:var(--ib-subtexto); }

.chip { background:var(--ib-gris2); border:1px solid #333; padding:8px 16px; border-radius:100px; font-size:12px; font-family:"Space Mono",monospace; color:var(--ib-verde); letter-spacing:1px; display:inline-block; }
.section-label { font-family:"Space Mono",monospace; font-size:10px; letter-spacing:4px; color:var(--ib-verde); text-transform:uppercase; opacity:.7; }

.search-form input[type="search"] { background:var(--ib-gris2); border:1px solid var(--ib-border); color:var(--ib-texto); border-radius:100px; padding:10px 20px; }

@media (max-width:768px) { h1 { font-size:42px; } .ct-posts-container article { padding:18px; } }