/*
Theme Name: Inglexico
Theme URI: https://inglexico.com/
Author: Inglexico
Description: Tema WordPress para un blog de artículos de aprendizaje de inglés.
Version: 3.0.1
Requires at least: 5.8
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: inglexico
*/
:root{--primary:#2563eb;--primary-dark:#1d4ed8;--navy:#0f172a;--text:#172033;--muted:#64748b;--bg:#f8fafc;--white:#fff;--line:#e2e8f0;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);line-height:1.7}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}img{max-width:100%;height:auto}
.topbar{background:var(--navy);color:#cbd5e1;font-size:13px}.topbar .container{display:flex;justify-content:center;padding:8px 22px}
.container{max-width:var(--max);margin:auto;padding-left:22px;padding-right:22px}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px}.brand-icon{width:44px;height:44px;border-radius:12px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:900;font-size:22px}.brand-name{font-size:24px;font-weight:900;color:var(--navy);line-height:1}.nav ul{display:flex;list-style:none;gap:25px;margin:0;padding:0}.nav a{font-size:14px;font-weight:700;color:var(--navy)}.menu-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 11px}
.hero{background:linear-gradient(135deg,#eff6ff,#fff 70%);border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:center;padding-top:72px;padding-bottom:70px}.hero h1{font-size:clamp(40px,5.5vw,68px);line-height:1.02;letter-spacing:-2px;color:var(--navy);margin:0 0 20px}.hero h1 span{color:var(--primary)}.hero p{font-size:18px;color:var(--muted);max-width:690px;margin:0 0 28px}.buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-block;padding:12px 20px;border-radius:9px;font-weight:800}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:#fff;color:var(--navy);border:1px solid var(--line)}
.learning-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 15px 35px rgba(15,23,42,.07)}.learning-card h3{margin:0 0 7px;font-size:21px}.learning-card p{font-size:14px;margin-bottom:20px}.check-list{list-style:none;margin:16px 0 0;padding:0}.check-list li{padding:9px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.check-list li:last-child{border:0}.check{color:var(--primary);font-weight:900;margin-right:7px}
.section{padding-top:52px;padding-bottom:52px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px}.section-title{font-size:29px;line-height:1.2;margin:0;color:var(--navy)}.section-sub{color:var(--muted);margin:5px 0 0}
.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.cat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px 10px;text-align:center;color:var(--navy);font-weight:800;transition:.2s}.cat:hover{transform:translateY(-2px);border-color:#bfdbfe}.cat-icon{font-size:27px;display:block;margin-bottom:5px}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:30px}.posts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.post{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.post-image{height:175px;background:linear-gradient(135deg,#dbeafe,#eff6ff);display:grid;place-items:center;font-size:44px}.post-body{padding:19px}.meta{font-size:12px;color:var(--muted)}.post h3{font-size:19px;line-height:1.3;margin:7px 0}.post p{font-size:14px;color:var(--muted);margin:0 0 13px}
.sidebar-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:18px}.sidebar-box h3{margin:0 0 12px;font-size:17px}.search{display:flex;gap:7px}.search input{width:100%;min-width:0;padding:10px;border:1px solid var(--line);border-radius:8px}.search button{border:0;background:var(--primary);color:#fff;border-radius:8px;padding:0 13px}.newsletter{background:var(--navy);color:#fff;border-radius:14px;padding:22px}.newsletter h3{margin:0 0 8px}.newsletter p{color:#cbd5e1;font-size:14px}.newsletter input{width:100%;padding:11px;border:0;border-radius:8px;margin-bottom:8px}.newsletter button{width:100%;padding:11px;border:0;border-radius:8px;background:var(--primary);color:#fff;font-weight:800}.ad-slot{border:1px dashed #cbd5e1;background:#fff;color:#94a3b8;text-align:center;padding:20px;border-radius:10px;font-size:12px;margin-top:18px}
.article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:clamp(24px,5vw,50px)}.article h1{font-size:clamp(32px,5vw,48px);line-height:1.12;margin:10px 0}.article-content{font-size:17px}.article-content h2{margin-top:34px;color:var(--navy)}
.footer{background:var(--navy);color:#cbd5e1;margin-top:25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;padding-top:42px;padding-bottom:35px}.footer h3{color:#fff}.footer a{color:#cbd5e1}.copy{border-top:1px solid #334155;padding:16px 22px;text-align:center;font-size:12px}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(3,1fr)}.content-grid{grid-template-columns:1fr}.nav{display:none}.menu-btn{display:block}.nav.open{display:block;position:absolute;left:0;right:0;top:76px;background:#fff;padding:18px 22px;border-bottom:1px solid var(--line)}.nav.open ul{flex-direction:column}.site-header .container{position:relative}}
@media(max-width:600px){.topbar{display:none}.posts{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.hero-grid{padding-top:48px;padding-bottom:48px}}

/* FIX DEFINITIVO PARA EL BUSCADOR */
.inglexico-search,
form.search-form,
.sidebar-box form,
.no-results form {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.inglexico-search-inner,
form.search-form > div,
.sidebar-box form > div {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.inglexico-search input[type="search"],
.inglexico-search input[type="text"],
form.search-form input[type="search"],
form.search-form input[type="text"] {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: 100% !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 13px !important;
    border: 1px solid var(--line) !important;
    border-radius: 9px !important;
    background: #fff !important;
    color: var(--text) !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
}

.inglexico-search button,
.inglexico-search input[type="submit"],
form.search-form button,
form.search-form input[type="submit"] {
    flex: 0 0 auto !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: var(--primary) !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

/* Evitar desbordamientos en el Sidebar y sin resultados */
.sidebar-box, .no-results {
    overflow: hidden !important;
}