/*
Theme Name: CIPEG Portal Gastronómico
Theme URI: https://cipeg.local
Author: CIPEG
Description: Theme institucional y editorial para el Círculo de Periodistas Especializados en Gastronomía CNP-Lara.
Version: 1.0.0
License: GPL v2 or later
Text Domain: cipeg
*/
:root{--azul:#001c45;--azul2:#052d65;--rojo:#c91313;--amarillo:#f5c32c;--crema:#fff5b8;--texto:#101827;--gris:#f5f6f8;--borde:#e4e7ec}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--texto);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1180px,92%);margin:auto}.btn{display:inline-block;padding:13px 20px;border-radius:6px;font-weight:800;text-transform:uppercase;font-size:13px}.btn-red{background:var(--rojo);color:white}.btn-yellow{background:var(--amarillo);color:#111}.topbar{background:linear-gradient(90deg,var(--azul),#03152d);color:white;position:sticky;top:0;z-index:1000}.nav{display:flex;align-items:center;justify-content:space-between;min-height:86px}.brand{display:flex;align-items:center;gap:14px}.brand img{width:72px}.brand h1{margin:0;font-size:28px;line-height:1}.brand span{display:block;font-size:12px;font-weight:bold;max-width:260px}.menu{display:flex;gap:24px;align-items:center;font-size:13px;font-weight:800;text-transform:uppercase}.menu a:hover,.menu .current-menu-item>a{color:var(--amarillo)}.hamb{display:none;background:none;border:0;color:white;font-size:32px}.hero{min-height:560px;color:#fff;background:linear-gradient(90deg,rgba(0,10,22,.86),rgba(0,20,48,.48)),url('assets/img/hero-food.jpg');background-size:cover;background-position:center;display:flex;align-items:center}.hero .hero-card{max-width:650px}.hero h2{font-family:Georgia,serif;font-size:58px;line-height:.98;margin:0 0 16px}.hero h2 em{color:var(--amarillo);font-style:normal}.hero p{font-size:19px;margin-bottom:28px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.section{padding:64px 0}.section-title small{display:block;color:var(--rojo);font-weight:900;text-transform:uppercase}.section-title h2{font-family:Georgia,serif;color:var(--azul);font-size:40px;line-height:1.1;margin:6px 0 16px}.grid{display:grid;gap:28px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:white;border:1px solid var(--borde);border-radius:14px;padding:24px;box-shadow:0 8px 28px rgba(0,0,0,.05)}.feature-card{text-align:center}.feature-card .ico{font-size:42px}.dark{background:var(--azul);color:white}.dark h2{color:white}.cream{background:linear-gradient(135deg,#fff8ce,#fff)}.observatorio{background:radial-gradient(circle at left,#173b70,var(--azul));color:white;overflow:hidden}.searchbox{display:flex;border:1px solid var(--borde);border-radius:8px;overflow:hidden;background:#fff}.searchbox input{flex:1;border:0;padding:15px}.searchbox button{border:0;background:var(--rojo);color:#fff;padding:0 18px}.tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.tag{background:#fff;border:1px solid var(--borde);border-radius:20px;padding:7px 13px;font-size:13px}.event{display:grid;grid-template-columns:70px 1fr 70px;gap:16px;align-items:center;border:1px solid var(--borde);padding:14px;border-radius:12px;margin-bottom:12px}.datebox{text-align:center;color:var(--rojo);font-weight:900}.datebox strong{display:block;font-size:28px}.news-item{display:grid;grid-template-columns:120px 1fr;gap:16px;margin-bottom:18px}.news-item img{border-radius:8px;aspect-ratio:4/3;object-fit:cover}.gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.gallery img{border-radius:10px;aspect-ratio:16/10;object-fit:cover}.footer{background:var(--azul);color:white;padding:52px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:34px}.footer img{width:130px}.copy{background:var(--rojo);margin-top:36px;padding:14px;text-align:center;font-size:13px}.page-header{background:linear-gradient(90deg,var(--azul),var(--azul2));color:white;padding:70px 0}.page-header h1{font-family:Georgia,serif;font-size:40px;margin:0;text-align:center}.content{padding:55px 0}.post-card h3{font-family:Georgia,serif;color:var(--azul);font-size:26px}.wp-block-image img{border-radius:12px}@media(max-width:900px){.hamb{display:block}.menu{display:none;position:absolute;left:0;right:0;top:86px;background:var(--azul);padding:18px 5%;flex-direction:column;align-items:flex-start}.menu.open{display:flex}.hero{min-height:520px}.hero h2{font-size:42px}.grid-2,.grid-3,.grid-4,.footer-grid{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.news-item{grid-template-columns:90px 1fr}.brand h1{font-size:22px}.brand span{font-size:10px}.brand img{width:58px}}

/* Buscador del Diccionario Gastronómico */
.diccionario-search-section {
    background: #fff;
    padding: 30px 0 0;
}

.diccionario-search {
    max-width: 820px;
    margin: 0 auto;
    display: flex;
    gap: 12px;
    align-items: stretch;
}

.diccionario-search input {
    flex: 1;
    padding: 14px 16px;
    border: 2px solid var(--azul);
    border-radius: 8px;
    font-size: 16px;
    outline: none;
}

.diccionario-search input:focus {
    border-color: var(--rojo);
}

.diccionario-search button {
    background: var(--rojo);
    color: #fff;
    border: 0;
    border-radius: 8px;
    padding: 0 24px;
    font-weight: 800;
    cursor: pointer;
    text-transform: uppercase;
}

@media(max-width:700px) {
    .diccionario-search {
        flex-direction: column;
    }

    .diccionario-search button,
    }


/* Botón Ver Todos del buscador del diccionario */
.diccionario-clear {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: var(--azul) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 8px !important;
    padding: 0 22px !important;
    min-height: 48px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

.diccionario-clear:hover {
    background: var(--rojo) !important;
    color: #fff !important;
    text-decoration: none !important;
}