/*
Theme Name: Grey Thema
Theme URI: https://papaempleo.com
Author: Kelvin Ubiera
Author URI: https://papaempleo.com
Description: Plantilla de noticias estilo grid, responsive y optimizada para SEO y velocidad, totalmente editable desde Apariencia > Personalizar. Compatible con las politicas de Google AdSense y Google Ad Manager. Desarrollada por Kelvin Ubiera.
Version: 3.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: grey-thema

Tema desarrollado por Kelvin Ubiera.
*/

:root{
  --np-amarillo:#fac800;
  --np-amarillo-hover:#e6b800;
  --np-fondo:#f2f4f7;
  --np-texto:#1a1a1a;
  --np-gris:#888888;
  --np-borde:#e3e3e3;
  --np-header-bg:#ffffff;
  --np-footer-bg:#fac800;
  --np-footer-text:#000000;
  --np-btn-bg:#fac800;
  --np-btn-text:#000000;
  --np-radius:6px;
  --np-cols:3;
}

*{box-sizing:border-box;}

body{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  background:var(--np-fondo);
  color:var(--np-texto);
  line-height:1.45;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;}

/* ===== HEADER ===== */
.site-header{
  background:var(--np-header-bg);
  border-bottom:1px solid var(--np-borde);
  position:relative !important;top:auto !important;z-index:50;
}
.header-inner{
  max-width:1200px;margin:0 auto;
  display:flex;flex-direction:column;align-items:center;gap:10px;
  padding:16px 16px;
}
.header-bar{
  width:100%;
  display:flex;align-items:center;justify-content:center;
  position:relative;min-height:48px;
}
.menu-toggle{
  display:none;
  position:absolute;left:0;top:50%;transform:translateY(-50%);
  background:none;border:none;cursor:pointer;
  font-size:26px;color:#222;padding:6px 8px;line-height:1;
}
.header-spacer{display:none;}
.site-branding{font-weight:bold;font-size:24px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;}
.site-branding img{max-height:60px;width:auto;}
.site-desc{font-family:Arial,sans-serif;font-size:12px;color:var(--np-gris);font-weight:normal;}
.main-nav{width:100%;}
.main-nav ul{list-style:none;display:flex;justify-content:center;gap:28px;margin:0;padding:0;flex-wrap:wrap;}
.main-nav a{font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:bold;letter-spacing:.3px;color:#333;}
.main-nav a:hover{color:var(--np-amarillo-hover);}

/* ===== ANUNCIO ===== */
.np-ad{margin:0 auto 24px;text-align:center;max-width:1200px;}
.np-ad-grid{grid-column:1 / -1;margin:6px 0;}
.np-ad-label{font-family:Arial,sans-serif;font-size:10px;letter-spacing:1px;color:#aaa;text-transform:uppercase;margin-bottom:4px;}

/* ===== GRID ===== */
.content-wrap{max-width:1200px;margin:0 auto;padding:30px 16px;}
.posts-grid{display:grid;grid-template-columns:repeat(var(--np-cols),1fr);gap:24px;}
.card{background:#fff;border-radius:var(--np-radius);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.08);display:flex;flex-direction:column;}
.card-thumb{width:100%;aspect-ratio:16/10;overflow:hidden;background:#ddd;display:block;}
.card-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.card-body{padding:16px;display:flex;flex-direction:column;flex:1;}
.card-cat{font-family:Arial,sans-serif;font-size:11px;font-weight:bold;color:var(--np-amarillo-hover);text-transform:uppercase;margin-bottom:6px;}
.card-title{font-size:16px;font-weight:bold;line-height:1.3;margin:0 0 10px;}
.card-excerpt{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:var(--np-gris);margin:0 0 16px;flex:1;}
.btn-leer{display:block;width:100%;background:var(--np-btn-bg);color:var(--np-btn-text);font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-size:14px;text-align:center;padding:11px 0;border-radius:4px;transition:filter .15s;}
.btn-leer:hover{filter:brightness(.92);}

/* ===== PAGINACION ===== */
.pagination{display:flex;justify-content:center;gap:8px;margin:40px 0 10px;flex-wrap:wrap;}
.pagination .page-numbers{font-family:Arial,sans-serif;font-size:14px;background:#fff;border:1px solid var(--np-borde);border-radius:6px;padding:8px 14px;color:#333;}
.pagination .page-numbers.current{background:var(--np-amarillo);border-color:var(--np-amarillo);color:#000;font-weight:bold;}
.pagination a.page-numbers:hover{background:#f0f0f0;}

/* ===== SINGLE / PAGE ===== */
.single-article{max-width:760px;margin:0 auto;background:#fff;padding:34px;border-radius:var(--np-radius);}
.single-article h1{font-size:28px;line-height:1.25;}
.single-meta{font-family:Arial,sans-serif;font-size:12px;color:var(--np-gris);margin-bottom:14px;}
.single-thumb img{width:100%;border-radius:var(--np-radius);margin:14px 0 22px;}
.entry-content{font-size:18px;line-height:1.7;}
.entry-content p{margin:0 0 18px;}

/* Videos e iframes dentro del articulo: tamano uniforme y centrado */
.entry-content video,
.entry-content iframe,
.entry-content embed,
.entry-content object{
  display:block;
  max-width:100%;
  width:100%;
  height:auto;
  margin:20px auto;
  border-radius:6px;
  background:#000;
}
.entry-content video{
  aspect-ratio:9/16;       /* formato vertical tipo reel */
  max-height:640px;
  object-fit:contain;
}
.entry-content iframe{
  aspect-ratio:16/9;       /* YouTube y similares: horizontal */
}
.entry-content img{
  max-width:100%;
  height:auto;
  border-radius:6px;
  margin:14px auto;
  display:block;
}
/* Separador / raya divisoria entre videos o secciones */
.entry-content hr,
.entry-content .wp-block-separator{
  border:0;
  height:3px;
  width:80px;
  background:var(--np-amarillo);
  border-radius:3px;
  margin:34px auto;
  opacity:1;
}
.entry-content hr.linea-completa,
.entry-content .wp-block-separator.is-style-wide{
  width:100%;
  height:1px;
  background:var(--np-borde);
}

/* WordPress embeds */
.entry-content .wp-video,
.entry-content .wp-block-video{margin:20px auto;max-width:480px;}
.entry-content .wp-video video{width:100%!important;height:auto!important;}

/* ===== FOOTER ===== */
.site-footer{background:var(--np-footer-bg);color:var(--np-footer-text);margin-top:40px;}
.footer-inner{max-width:1200px;margin:0 auto;padding:18px 16px;text-align:center;}
.footer-nav ul{list-style:none;display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:0 0 10px;padding:0;}
.footer-nav a{font-family:Arial,sans-serif;font-size:13px;font-weight:bold;color:var(--np-footer-text);}
.footer-social{margin:8px 0;}
.footer-social a{display:inline-block;margin:0 6px;font-family:Arial,sans-serif;font-size:12px;font-weight:bold;color:var(--np-footer-text);}
.footer-copy{font-family:Arial,sans-serif;font-size:13px;margin:0;color:var(--np-footer-text);}

/* ===== BANNER DE COOKIES ===== */
.gt-cookie-banner{
  position:fixed;
  left:0;right:0;bottom:0;
  z-index:9999;
  background:#1f2329;
  color:#fff;
  box-shadow:0 -2px 14px rgba(0,0,0,.25);
  transform:translateY(110%);
  transition:transform .3s ease;
}
.gt-cookie-banner.show{transform:translateY(0);}
.gt-cookie-inner{
  max-width:1200px;margin:0 auto;
  padding:16px;
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;flex-wrap:wrap;
}
.gt-cookie-text{
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;line-height:1.5;margin:0;flex:1;min-width:240px;
}
.gt-cookie-link{color:var(--np-amarillo);font-weight:bold;text-decoration:underline;white-space:nowrap;}
.gt-cookie-actions{display:flex;gap:10px;flex-wrap:wrap;}
.gt-cookie-btn{
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;font-weight:bold;
  border:none;border-radius:5px;
  padding:10px 22px;cursor:pointer;
  transition:filter .15s;
}
.gt-cookie-btn:hover{filter:brightness(.92);}
.gt-cookie-accept{background:var(--np-amarillo);color:#000;}
.gt-cookie-reject{background:transparent;color:#fff;border:1px solid #555;}
.gt-cookie-reject:hover{background:#2b3038;filter:none;}
@media(max-width:600px){
  .gt-cookie-inner{flex-direction:column;align-items:stretch;text-align:center;gap:12px;padding:14px 12px;}
  .gt-cookie-actions{justify-content:center;}
  .gt-cookie-btn{flex:1;}
}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
  .header-inner,.content-wrap,.footer-inner,.np-ad{padding-left:14px;padding-right:14px;}
}
@media(max-width:980px){
  .posts-grid{grid-template-columns:repeat(2,1fr);gap:18px;}
}
@media(max-width:600px){
  .posts-grid{grid-template-columns:1fr;gap:16px;}
  .content-wrap{padding:18px 12px;}
  .header-inner{padding:10px 12px;gap:0;}
  .header-bar{justify-content:center;min-height:44px;}
  .menu-toggle{display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:50%;transform:translateY(-50%);width:44px;height:44px;font-size:26px;color:#222;background:none;border:none;cursor:pointer;}
  .header-spacer{display:none;}
  .site-branding{font-size:20px;}
  .site-branding img{max-height:42px;}
  .site-desc{display:none;}
  .single-article{padding:20px 16px;}
  .single-article h1{font-size:23px;}
  .entry-content{font-size:17px;}
  .card-title{font-size:17px;}
  .card-excerpt{font-size:14px;}
  .main-nav{display:none;}
  .main-nav.open{display:block;margin-top:10px;}
  .main-nav ul{flex-direction:column;gap:2px;padding:8px 0 0;}
  .main-nav li{border-top:1px solid var(--np-borde);text-align:center;}
  .main-nav a{display:block;padding:12px 4px;font-size:15px;}
  .pagination .page-numbers{padding:9px 13px;}
  .footer-nav ul{gap:12px;}
}
@media(max-width:380px){
  .card-body{padding:13px;}
}