/*
Theme Name: Nivel Maestro
Theme URI: https://nivelmaestro.com
Author: Nivel Maestro
Author URI: https://nivelmaestro.com
Description: Tema magazine de tecnologia en espanol
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2
Text Domain: nivel-maestro
Tags: magazine, technology, two-columns, right-sidebar
*/
:root{--primary:#e94560;--secondary:#0f3460;--accent:#16213e;--bg:#f8f9fa;--white:#fff;--text:#2d3436;--text-light:#636e72;--border:#e1e5e9;--shadow:0 2px 10px rgba(0,0,0,.08);--shadow-hover:0 5px 20px rgba(0,0,0,.12);--radius:8px;--transition:all .3s ease;--font:'Inter',-apple-system,BlinkMacSystemFont,sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.7;font-size:16px}
a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--secondary)}
img{max-width:100%;height:auto;display:block}
.site-container{max-width:1200px;margin:0 auto;padding:0 20px}
.site-header{background:var(--white);border-bottom:3px solid var(--primary);position:sticky;top:0;z-index:1000;box-shadow:var(--shadow)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;max-width:1200px;margin:0 auto}
.site-logo a{font-size:1.8rem;font-weight:900;color:var(--accent);letter-spacing:-1px}
.site-logo span{color:var(--primary)}
.main-nav ul{list-style:none;display:flex;gap:5px}
.main-nav a{display:block;padding:8px 16px;color:var(--accent);font-weight:600;font-size:.9rem;border-radius:var(--radius);transition:var(--transition)}
.main-nav a:hover,.main-nav .current-menu-item a{background:var(--primary);color:var(--white)}
.main-nav ul ul{display:none;position:absolute;background:var(--white);box-shadow:var(--shadow);border-radius:var(--radius);min-width:200px;flex-direction:column;z-index:100}
.main-nav li:hover>ul{display:flex}
.header-search{position:relative}
.header-search input{padding:8px 35px 8px 15px;border:2px solid var(--border);border-radius:25px;font-size:.85rem;width:200px;transition:var(--transition);font-family:var(--font)}
.header-search input:focus{border-color:var(--primary);outline:none;width:250px}
.header-search button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1rem}
.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;padding:5px}
.breadcrumbs{background:var(--white);padding:10px 0;font-size:.85rem;border-bottom:1px solid var(--border)}
.breadcrumbs a{color:var(--text-light)}.breadcrumbs .separator{margin:0 8px;color:var(--border)}
.content-area{display:grid;grid-template-columns:1fr 340px;gap:30px;padding:30px 0}
.main-content{min-width:0}
.featured-section{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:250px 250px;gap:15px;margin-bottom:30px}
.featured-card{position:relative;border-radius:var(--radius);overflow:hidden;cursor:pointer}
.featured-card:first-child{grid-row:1/3}
.featured-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.featured-card:hover img{transform:scale(1.05)}
.featured-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:var(--white)}
.featured-overlay .cat-badge{display:inline-block;background:var(--primary);color:var(--white);padding:3px 10px;border-radius:3px;font-size:.7rem;font-weight:700;text-transform:uppercase;margin-bottom:8px}
.featured-overlay h2,.featured-overlay h3{font-weight:800;line-height:1.3}
.featured-card:first-child .featured-overlay h2{font-size:1.5rem}
.featured-overlay h3{font-size:1rem}
.section-title{font-size:1.3rem;font-weight:800;color:var(--accent);padding-bottom:10px;margin-bottom:20px;border-bottom:3px solid var(--primary);display:inline-block}
.posts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.post-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition)}
.post-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}
.post-card-thumb{position:relative;height:200px;overflow:hidden}
.post-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.post-card:hover .post-card-thumb img{transform:scale(1.05)}
.post-card .cat-badge{position:absolute;top:12px;left:12px;background:var(--primary);color:var(--white);padding:3px 10px;border-radius:3px;font-size:.7rem;font-weight:700;text-transform:uppercase}
.post-card-content{padding:15px}
.post-card-content h3{font-size:1rem;font-weight:700;line-height:1.4;margin-bottom:8px}
.post-card-content h3 a{color:var(--accent)}
.post-card-content h3 a:hover{color:var(--primary)}
.post-card-meta{display:flex;align-items:center;gap:12px;font-size:.8rem;color:var(--text-light)}
.sidebar .widget{background:var(--white);border-radius:var(--radius);padding:20px;margin-bottom:20px;box-shadow:var(--shadow)}
.sidebar .widget-title{font-size:1rem;font-weight:800;color:var(--accent);padding-bottom:10px;margin-bottom:15px;border-bottom:2px solid var(--primary)}
.popular-post-item{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}
.popular-post-item:last-child{border-bottom:none}
.popular-post-thumb{width:80px;height:80px;border-radius:6px;overflow:hidden;flex-shrink:0}
.popular-post-thumb img{width:100%;height:100%;object-fit:cover}
.popular-post-info h4{font-size:.85rem;font-weight:600;line-height:1.4;margin-bottom:5px}
.popular-post-info h4 a{color:var(--accent)}.popular-post-info h4 a:hover{color:var(--primary)}
.popular-post-info span{font-size:.75rem;color:var(--text-light)}
.newsletter-widget{background:linear-gradient(135deg,var(--secondary),var(--accent))!important;color:var(--white);text-align:center}
.newsletter-widget .widget-title{color:var(--white);border-color:var(--primary)}
.newsletter-widget p{font-size:.9rem;margin-bottom:15px;opacity:.9}
.newsletter-widget input[type="email"]{width:100%;padding:10px;border:none;border-radius:5px;margin-bottom:10px;font-family:var(--font)}
.newsletter-widget button{width:100%;padding:10px;background:var(--primary);color:var(--white);border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:var(--transition);font-family:var(--font)}
.newsletter-widget button:hover{opacity:.9}
.cat-list{list-style:none}.cat-list li{padding:8px 0;border-bottom:1px solid var(--border)}.cat-list li:last-child{border-bottom:none}
.cat-list a{display:flex;justify-content:space-between;color:var(--text);font-weight:500;font-size:.9rem}
.cat-list a:hover{color:var(--primary)}
.cat-count{background:var(--bg);padding:2px 8px;border-radius:10px;font-size:.75rem}
.ad-slot{text-align:center;margin:20px 0}.ad-slot-content{padding:15px;background:var(--bg);border-radius:var(--radius)}
.single-header{margin-bottom:25px}
.single-header .cat-badge{display:inline-block;background:var(--primary);color:var(--white);padding:4px 12px;border-radius:3px;font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:12px}
.single-header h1{font-size:2rem;font-weight:900;line-height:1.3;color:var(--accent);margin-bottom:15px}
.single-meta{display:flex;gap:15px;font-size:.85rem;color:var(--text-light);flex-wrap:wrap}
.single-featured{margin-bottom:25px;border-radius:var(--radius);overflow:hidden}
.entry-content{font-size:1.05rem;line-height:1.8}
.entry-content p{margin-bottom:1.5em}
.entry-content h2{font-size:1.5rem;font-weight:800;margin:1.5em 0 .5em;color:var(--accent)}
.entry-content h3{font-size:1.2rem;font-weight:700;margin:1.2em 0 .4em;color:var(--accent)}
.entry-content ul,.entry-content ol{margin:0 0 1.5em 1.5em}
.entry-content blockquote{border-left:4px solid var(--primary);padding:15px 20px;margin:1.5em 0;background:var(--bg);border-radius:0 var(--radius) var(--radius) 0;font-style:italic}
.entry-content img{border-radius:var(--radius);margin:1em 0}
.entry-content pre{background:var(--accent);color:#f1f1f1;padding:20px;border-radius:var(--radius);overflow-x:auto;margin:1.5em 0}
.share-buttons{display:flex;gap:10px;margin:25px 0;flex-wrap:wrap}
.share-btn{padding:8px 18px;border-radius:5px;color:var(--white)!important;font-weight:600;font-size:.85rem;transition:var(--transition)}
.share-btn:hover{opacity:.85;color:var(--white)}.share-btn.facebook{background:#1877f2}.share-btn.twitter{background:#1da1f2}.share-btn.whatsapp{background:#25d366}.share-btn.telegram{background:#0088cc}
.related-posts{margin:30px 0}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.comments-area{margin-top:30px}.comment-list{list-style:none}
.comment-body{padding:20px;background:var(--white);border-radius:var(--radius);margin-bottom:15px;box-shadow:var(--shadow)}
.pagination{text-align:center;margin:30px 0}
.pagination .page-numbers{display:inline-block;padding:8px 14px;margin:0 3px;border-radius:5px;background:var(--white);color:var(--text);font-weight:600;box-shadow:var(--shadow)}
.pagination .current{background:var(--primary);color:var(--white)}
.archive-header{background:linear-gradient(135deg,var(--secondary),var(--accent));color:var(--white);padding:30px;border-radius:var(--radius);margin-bottom:25px}
.archive-header h1{font-size:1.8rem;font-weight:900}.archive-header p{opacity:.85;margin-top:8px}
.site-footer{background:var(--accent);color:#ccc;padding:40px 0 0;margin-top:40px}
.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-bottom:30px}
.footer-widget h3{color:var(--white);font-size:1rem;margin-bottom:15px}
.footer-widget a{color:#aaa}.footer-widget a:hover{color:var(--primary)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:15px 0;text-align:center;font-size:.85rem}
@media(max-width:968px){.content-area{grid-template-columns:1fr}.featured-section{grid-template-columns:1fr;grid-template-rows:auto}.featured-card:first-child{grid-row:auto}.header-search{display:none}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);box-shadow:var(--shadow)}.main-nav.active{display:block}.main-nav ul{flex-direction:column;padding:10px}.main-nav ul ul{position:static;box-shadow:none}.footer-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.posts-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.single-header h1{font-size:1.5rem}.share-buttons{flex-direction:column}}