/*
Theme Name: SEO Beta
Theme URI: https://seobeta.creatribu.com
Author: Creatribu DBloper
Author URI: https://www.creatribu.com
Description: Un tema súper sencillo para una web de listados, directorios, enlaces, anuncios...
Version: 0.1.2
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: seo-beta
*/
:root{
  --bg:#0f1115; --panel:#161a22; --muted:#1d2330; --chip:#1e2431;
  --text:#e8edf6; --subtext:#a6b0c2; --accent:#ff6a00; --radius:14px; --shadow:0 6px 20px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial}
a{color:#cfe3ff;text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:1200px;margin:0 auto;padding:20px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(15,17,21,.92);backdrop-filter:saturate(120%) blur(6px);border-bottom:1px solid #1f2433}
.navbar{display:flex;align-items:center;gap:18px;padding:14px 20px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.3px}
.brand .logo{width:36px;height:36px;background:var(--accent);border-radius:10px;display:inline-grid;place-items:center;color:#111;font-weight:900}
.brand .name{font-size:22px}
.badge{background:var(--chip);padding:2px 8px;border-radius:999px;font-size:12px;color:#cbd5e1;border:1px solid #273045}
.nav-spacer{flex:1}
.search{display:flex;align-items:center;background:var(--muted);border:1px solid #202635;border-radius:999px;padding:8px 12px;width:min(520px,40vw)}
.search input{all:unset;color:var(--text);width:100%}
.btn{display:inline-flex;align-items:center;gap:8px;background:#232a3a;border:1px solid #2a3245;color:#e2e8f0;padding:10px 14px;border-radius:12px;cursor:pointer;text-decoration:none}
.btn:hover{background:#ff6900}
.btn-primary{background:var(--accent);border-color:#000;color:#fff;font-weight:600}
.btn-primary:hover{background:#d55f00; color:#111;}
.btn2{background:var(--accent);color: #fff;font-weight:600;padding:12px;margin-top:15px;border-radius:var(--radius)}
.btn2:hover{background:#d55f00;color:#111}
.btn3 {background: var(--accent);color:#fff;font-weight: 600;padding: 12px;margin-top:15px;margin-bottom: 15px;border-radius: var(--radius);}
.btn3:hover{background:#d55f00;color:#111}
.btn4{background:var(--accent);color:#fff;font-weight:600;margin-bottom:20px;padding:12px;border-radius: var(--radius);}
.btn4:hover{background:#d55f00;color:#111;}
.hero {padding: 10px 20px;}
.panel{background:var(--panel);border:1px solid #222a3a;border-radius:var(--radius);box-shadow:var(--shadow)}
.grid{display:grid;gap:18px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{background:var(--panel);border:1px solid #21283a;border-radius:16px;padding:16px}
.card h3{margin:4px 0 10px 0}
.card2{background:var(--panel);border:1px solid #21283a;border-radius:16px;padding:16px;}
.card2 h3{margin:4px 0 10px 0}
.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.item{display:flex;align-items:center;gap:14px;padding:12px;border-radius:12px;background:#141822;border:1px solid #1f2534}
.item .dot{width:10px;height:10px;border-radius:50%;background:var(--accent)}
.section-title{display:flex;align-items:center;gap:10px;margin:0 0 12px 0}
.section-title .icon{font-size:20px}
.footer{padding:30px 20px;color:#9aa6bf;border-top:1px solid #1d2331;margin-top:40px}
.notice{padding:12px;border-radius:10px;background:#141a25;border:1px dashed #2a3245;color:#cbd5e1}
.meta{color:var(--subtext);font-size:14px}
.post .content p{line-height:1.7}
img{max-width:100%;height:auto;border-radius:10px}
.widget{background:#141822;border:1px solid #1f2534;border-radius:12px;padding:14px}
.widget-title{font-size:14px;color:#aeb9ce;margin:0 0 10px 0}
@media (max-width: 900px){
  .grid-3{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
  .search{width:100%}
}

/* Layout base */
.footer .footer-bar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}