/*
Theme Name: Vision Global Digital
Theme URI: https://visionglobaldigital.com
Author: Vision Global Digital
Author URI: https://visionglobaldigital.com
Description: Tema de noticias para Vision Global Digital, inspirado en la estructura de un portal de noticias rurales/ganaderas: topbar con indicador, header con logo y buscador, menú con iconos, franja de destacados, bloque héroe con banners apilados, grid de noticias, columnistas, "Otras noticias" y footer con redes sociales. 100% responsive.
Version: 3.7.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: vgd
Tags: news, blog, grid-layout, custom-logo, custom-menu, featured-images, responsive-layout, threaded-comments, translation-ready

Vision Global Digital WordPress Theme, (C) Vision Global Digital
Vision Global Digital is distributed under the terms of the GNU GPL.
*/

/* =============================================================
   0. VARIABLES Y RESET
============================================================= */
:root{
  --vgd-red:         #c22a2f;
  --vgd-red-dark:    #9c1f23;
  --vgd-green:       #4d7c22;
  --vgd-green-dark:  #395c19;
  --vgd-navy:        #1c2530;   /* color de texto para títulos */
  --vgd-dark:         #363636;  /* fondo de cabeceras de widget / footer */
  --vgd-dark-2:       #262626;
  --vgd-text:        #2a3038;
  --vgd-text-light:  #75808f;
  --vgd-bg:          #f2f3f5;
  --vgd-white:       #ffffff;
  --vgd-border:      #e4e6ea;
  --vgd-radius:      8px;
  --vgd-shadow:      0 2px 10px rgba(20,20,20,.08);
  --vgd-shadow-hover:0 8px 22px rgba(20,20,20,.16);
  --vgd-maxwidth:    1280px;
  --vgd-font:        'Poppins', 'Segoe UI', Arial, Helvetica, sans-serif;
  /* Estas 5 variables se sobrescriben automáticamente según lo elegido
     en Personalizar → Diseño (colores/tipografía). Los valores de aquí
     son solo el respaldo por si el CSS en línea del Personalizador no
     llegara a cargar. */
  --vgd-header-bg:      var(--vgd-white);
  --vgd-menu-bg:        var(--vgd-red);
  --vgd-menu-text:      #ffffff;
  --vgd-font-size-base: 16px;
  --vgd-heading-scale:  1;
}

*, *::before, *::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{
  margin:0;
  font-family:var(--vgd-font);
  color:var(--vgd-text);
  background:var(--vgd-bg);
  font-size:var(--vgd-font-size-base, 16px);
  line-height:1.55;
  overflow-x:hidden;
}
img{ max-width:100%; height:auto; display:block; }
a{ color:inherit; text-decoration:none; transition:color .18s ease; }
ul{ list-style:none; margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{ margin:0 0 .5em; line-height:1.25; font-weight:700; color:var(--vgd-navy); }
p{ margin:0 0 1em; }
button{ font-family:inherit; cursor:pointer; }
input, textarea, select{ font-family:inherit; }
.screen-reader-text{
  position:absolute !important; width:1px; height:1px; overflow:hidden;
  clip:rect(1px,1px,1px,1px); white-space:nowrap; border:0; padding:0; margin:-1px;
}
.container{
  width:100%;
  max-width:var(--vgd-maxwidth);
  margin:0 auto;
  padding:0 20px;
}

/* El encabezado, el ticker y el menú siempre van a ancho completo
   (borde a borde); solo su CONTENIDO se centra mediante .container. */
#page, .site-header, .vgd-topbar, .vgd-ticker, .main-navigation{
  width:100%;
  max-width:100%;
  margin-left:0;
  margin-right:0;
}

/* =============================================================
   1. TOPBAR (indicador / TRM + fecha)
============================================================= */
.vgd-topbar{
  background:var(--vgd-dark-2);
  color:#d8d8d8;
  font-size:12px;
}
.vgd-topbar .container{
  display:flex; align-items:center; justify-content:flex-end;
  padding-top:5px; padding-bottom:5px; gap:14px; flex-wrap:wrap;
}
.vgd-topbar .vgd-indicator{ font-weight:600; color:#c9f27a; }
.vgd-topbar .vgd-date{ text-transform:capitalize; opacity:.9; }
.vgd-topbar .vgd-social-mini{ margin-left:auto; display:flex; }
.vgd-topbar .vgd-social-mini a{
  display:inline-flex; align-items:center; justify-content:center;
  width:20px; height:20px; margin-left:6px;
  border-radius:50%; background:rgba(255,255,255,.08); color:#fff; font-size:10px;
}
.vgd-topbar .vgd-social-mini a:hover{ filter:brightness(1.15); }
.vgd-topbar .vgd-social-mini .vgd-social-svg{ width:11px; height:11px; }
.vgd-topbar .vgd-social-mini .vgd-social-glyph{ font-size:10px; }

/* =============================================================
   2. HEADER
============================================================= */
.site-header{
  background:var(--vgd-header-bg, var(--vgd-white));
  position:relative;
  z-index:200;
  box-shadow:0 1px 0 var(--vgd-border);
}
.site-header .header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 20px;
  max-width:var(--vgd-maxwidth);
  margin:0 auto;
}
.header-left, .header-right{
  display:flex;
  align-items:center;
  gap:14px;
  flex:1 1 0;
}
.header-right{ justify-content:flex-end; }

.menu-toggle{
  background:none; border:2px solid var(--vgd-navy); border-radius:8px;
  width:44px; height:40px; display:flex; align-items:center; justify-content:center;
  color:var(--vgd-navy);
}
.menu-toggle .bar{
  display:block; width:20px; height:2px; background:var(--vgd-navy); position:relative;
}
.menu-toggle .bar::before, .menu-toggle .bar::after{
  content:''; position:absolute; left:0; width:20px; height:2px; background:var(--vgd-navy);
}
.menu-toggle .bar::before{ top:-6px; }
.menu-toggle .bar::after{ top:6px; }

.site-branding{
  display:flex; flex-direction:column; align-items:center; text-align:center; flex:1 1 auto;
}
.site-branding .custom-logo-link{ display:inline-block; }
.site-branding img.custom-logo{ max-height:78px; width:auto; margin:0 auto; }
.site-branding .site-title{
  font-size:calc(26px * var(--vgd-heading-scale, 1)); font-weight:800; letter-spacing:.5px; margin:0;
  color:var(--vgd-navy);
}
.site-branding .site-title span{ color:var(--vgd-red); }
.site-branding .site-description{
  margin:2px 0 0; font-size:11.5px; letter-spacing:1.5px; text-transform:uppercase;
  color:var(--vgd-text-light); font-weight:600;
}

.header-search-toggle{
  background:none; width:38px; height:38px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; color:var(--vgd-navy); font-size:17px;
  border:2px solid var(--vgd-border);
}
.header-search-toggle:hover{ background:var(--vgd-red); color:#fff; border-color:var(--vgd-red); }

.vgd-live-pill{
  display:inline-flex; align-items:center; gap:6px;
  background:var(--vgd-red); color:#fff; font-weight:700; font-size:12px;
  padding:8px 14px; border-radius:20px; letter-spacing:.5px; white-space:nowrap;
}
.vgd-live-pill .dot{
  width:7px; height:7px; border-radius:50%; background:#fff; animation:vgd-pulse 1.4s infinite;
}
@keyframes vgd-pulse{ 0%,100%{opacity:1;} 50%{opacity:.25;} }

.header-search-panel{
  max-height:0; overflow:hidden; transition:max-height .25s ease; background:var(--vgd-bg);
  border-top:1px solid var(--vgd-border);
}
.header-search-panel.is-open{ max-height:90px; }
.header-search-panel .container{ padding:14px 20px; }
.search-form{ display:flex; width:100%; max-width:560px; margin:0 auto; }
.search-form input[type="search"]{
  flex:1; padding:10px 14px; border:2px solid var(--vgd-border); border-right:none;
  border-radius:6px 0 0 6px; font-size:14px;
}
.search-form button{
  background:var(--vgd-navy); color:#fff; border:none; padding:0 18px; border-radius:0 6px 6px 0;
}

/* =============================================================
   3. NEWS TICKER ("Última hora")
============================================================= */
.vgd-ticker{
  background:var(--vgd-navy);
  color:#fff; overflow:hidden; position:relative;
}
.vgd-ticker .ticker-flex{ display:flex; align-items:center; }
.vgd-ticker .ticker-label{
  background:var(--vgd-red); color:#fff; font-weight:700; font-size:12px;
  padding:9px 16px; white-space:nowrap; letter-spacing:.5px; flex-shrink:0;
  clip-path:polygon(0 0,100% 0,88% 100%,0% 100%);
  padding-right:26px; margin-left:-20px;
}
.vgd-ticker .ticker-viewport{
  overflow:hidden; flex:1; position:relative; padding:9px 0 9px 16px;
}
.vgd-ticker .ticker-track{
  display:flex; white-space:nowrap; width:max-content;
  animation:vgd-scroll 40s linear infinite;
}
.vgd-ticker .ticker-track:hover{ animation-play-state:paused; }
.vgd-ticker .ticker-track a{
  font-size:13px; color:#e7ecf5; margin-right:36px; font-weight:500;
}
.vgd-ticker .ticker-track a:hover{ color:#fff; text-decoration:underline; }
@keyframes vgd-scroll{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-50%); }
}

/* =============================================================
   4. MAIN NAVIGATION — barra horizontal (rojo, con iconos)
   Solo visible en escritorio; en móvil se usa el menú lateral
   deslizante (offcanvas-navigation), que abre el mismo botón de
   hamburguesa en cualquier tamaño de pantalla.
============================================================= */
.main-navigation{
  background:var(--vgd-menu-bg, var(--vgd-red));
  position:relative;
  z-index:100;
}
.main-navigation .container{ display:flex; }
.primary-menu{
  display:flex;
  flex-wrap:wrap;
  width:100%;
}
.primary-menu > li{ position:relative; }
.primary-menu > li > a{
  display:flex; align-items:center; gap:4px;
  color:var(--vgd-menu-text, #ffffff); font-size:11px; font-weight:600; letter-spacing:.1px;
  padding:10px 9px; text-transform:uppercase; white-space:nowrap;
}
.primary-menu > li > a .menu-icon{ font-size:11px; }
.primary-menu > li > a:hover,
.primary-menu > li.current-menu-item > a{
  background:rgba(0,0,0,.16); color:#fff;
}
.primary-menu ul.sub-menu{
  display:none; position:absolute; top:100%; left:0; min-width:230px;
  background:var(--vgd-menu-bg, var(--vgd-red)); box-shadow:var(--vgd-shadow-hover);
  border-radius:0 0 10px 10px; overflow:hidden; padding:8px; flex-direction:column; gap:6px;
  z-index:9999;
}
.primary-menu li:hover > ul.sub-menu,
.primary-menu li.is-open > ul.sub-menu{ display:flex; }
.primary-menu ul.sub-menu li a{
  display:block; padding:11px 16px; color:var(--vgd-navy); font-size:13px; font-weight:600;
  text-transform:none; background:var(--vgd-white); border-radius:8px;
}
.primary-menu ul.sub-menu li a:hover{ background:var(--vgd-bg); color:var(--vgd-red); }
.primary-menu li.menu-item-has-children > a::after{
  content:'▾'; margin-left:2px; font-size:9px; transition:transform .15s ease;
}
.primary-menu li.menu-item-has-children.is-open > a::after{ transform:rotate(180deg); }

@media (max-width: 900px){
  /* La barra horizontal se oculta en móvil: se usa el menú lateral. */
  .main-navigation{ display:none; }
}

/* =============================================================
   4b. MENÚ LATERAL DESLIZANTE (offcanvas)
   Disponible en CUALQUIER tamaño de pantalla — el mismo botón de
   hamburguesa lo abre tanto en escritorio como en móvil. Siempre
   por encima de todo (header, ticker, contenido).
============================================================= */
.offcanvas-navigation{
  position:fixed; top:0; left:-300px; width:280px; height:100%;
  overflow-y:auto; transition:left .28s ease; box-shadow:6px 0 24px rgba(0,0,0,.35);
  background:var(--vgd-menu-bg, var(--vgd-red));
  z-index:1000;
}
.offcanvas-navigation.is-open{ left:0; }
.offcanvas-navigation .primary-menu{ flex-direction:column; padding-top:70px; }
.offcanvas-navigation .primary-menu > li > a{
  width:100%; padding:14px 20px; border-bottom:1px solid rgba(255,255,255,.12);
}
.offcanvas-navigation .primary-menu ul.sub-menu{
  position:static; box-shadow:none; border-radius:0; background:rgba(0,0,0,.18); padding:8px 12px;
}
.offcanvas-navigation .primary-menu ul.sub-menu li a{ color:var(--vgd-navy); background:var(--vgd-white); }

.nav-overlay{
  display:none; position:fixed; inset:0; background:rgba(6,20,43,.6); z-index:999;
}
.nav-overlay.is-open{ display:block; }
.nav-close{
  display:flex; align-items:center; justify-content:center;
  position:absolute; top:14px; right:14px; width:34px; height:34px;
  border-radius:50%; background:rgba(255,255,255,.15); color:#fff; font-size:16px; border:none;
  z-index:1;
}

/* =============================================================
   5. LAYOUT — CONTENT + SIDEBAR
============================================================= */
.site-content{ padding:0; }
.content-sidebar-wrap{
  display:grid;
  grid-template-columns: 1fr 320px;
  gap:34px;
  align-items:start;
  max-width:var(--vgd-maxwidth);
  margin:0 auto;
  padding:30px 20px 34px;
}
@media (max-width: 992px){
  .content-sidebar-wrap{ grid-template-columns:1fr; }
}

/* Section / archive title */
.section-title{
  display:inline-block;
  text-transform:none;
  font-size:calc(22px * var(--vgd-heading-scale, 1));
  font-weight:800;
  color:var(--vgd-red);
  border-bottom:3px solid var(--vgd-red);
  padding-bottom:8px;
  margin:0 0 22px;
}
.section-title.is-olive{ color:var(--vgd-green); border-color:var(--vgd-green); }
.section-title.small{ font-size:calc(19px * var(--vgd-heading-scale, 1)); }
.section-heading-row{
  display:flex; align-items:center; justify-content:space-between; margin-bottom:18px;
}
.section-heading-row .section-title{ margin-bottom:0; }
.section-heading-row .toggle-plus{
  width:28px; height:28px; border-radius:50%; border:2px solid var(--vgd-border);
  display:flex; align-items:center; justify-content:center; color:var(--vgd-text-light); font-weight:700;
}

/* Título de página de categoría/archivo: verde, centrado, sin subrayado */
.archive-page-title{
  text-align:center; text-transform:uppercase; color:var(--vgd-green);
  font-size:calc(28px * var(--vgd-heading-scale, 1)); font-weight:800; letter-spacing:.5px;
  margin:26px 0 20px;
}

/* =============================================================
   5b. FRANJA DE DESTACADOS (3 noticias en la parte superior)
============================================================= */
.vgd-teaser-strip{ background:var(--vgd-white); border-bottom:1px solid var(--vgd-border); }
.vgd-teaser-row{ display:flex; padding:16px 20px; gap:0; }
.vgd-teaser{
  flex:1 1 0; display:flex; align-items:flex-start; gap:12px;
  padding:0 20px; position:relative; min-width:0;
}
.vgd-teaser:first-child{ padding-left:0; }
.vgd-teaser:last-child{ padding-right:0; }
.vgd-teaser:not(:last-child)::after{
  content:''; position:absolute; right:0; top:2px; bottom:2px; width:1px; background:var(--vgd-border);
}
.vgd-teaser .teaser-arrow{
  position:absolute; right:-9px; top:50%; transform:translateY(-50%);
  width:18px; height:18px; border-radius:50%; background:var(--vgd-white); border:1px solid var(--vgd-border);
  display:flex; align-items:center; justify-content:center; font-size:9px; color:var(--vgd-text-light); z-index:2;
}
.vgd-teaser .teaser-thumb{
  flex-shrink:0; width:64px; height:64px; border-radius:8px; overflow:hidden;
  display:block; background:var(--vgd-border);
}
.vgd-teaser .teaser-thumb.is-round{ border-radius:50%; }
.vgd-teaser .teaser-thumb img{ width:100%; height:100%; object-fit:cover; }
.vgd-teaser .teaser-body{ min-width:0; display:flex; flex-direction:column; gap:3px; }
.vgd-teaser .teaser-category{
  font-size:11px; font-weight:800; letter-spacing:.2px; color:var(--vgd-red);
}
.vgd-teaser .teaser-category.is-featured{ color:var(--vgd-red); }
.vgd-teaser .teaser-title{ margin:0; font-size:13px; line-height:1.32; }
.vgd-teaser .teaser-title a{ color:var(--vgd-navy); font-weight:700; }
.vgd-teaser .teaser-title a:hover{ color:var(--vgd-red); }
.vgd-teaser .teaser-meta{ margin:0; font-size:11px; color:var(--vgd-text-light); }

@media (max-width: 900px){
  .vgd-teaser-row{ flex-direction:column; gap:14px; padding:16px 20px; }
  .vgd-teaser{ padding:0 0 14px; }
  .vgd-teaser:not(:last-child)::after{ right:auto; left:0; bottom:0; top:auto; width:100%; height:1px; }
  .vgd-teaser .teaser-arrow{ display:none; }
}

/* =============================================================
   5c. BLOQUE HÉROE (noticia principal + banners apilados)
============================================================= */
.vgd-hero-grid{
  display:grid; grid-template-columns: 1fr 300px; gap:20px; padding:20px 0; align-items:start;
}
@media (max-width: 992px){ .vgd-hero-grid{ grid-template-columns:1fr; } }

.vgd-hero-main{
  display:grid; grid-template-columns: 360px 1fr;
  background:var(--vgd-white); border-radius:var(--vgd-radius); box-shadow:var(--vgd-shadow); overflow:hidden;
}
@media (max-width: 768px){ .vgd-hero-main{ grid-template-columns:1fr; } }
.vgd-hero-main .hero-thumb{ display:block; overflow:hidden; min-height:260px; }
.vgd-hero-main .hero-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.vgd-hero-main .hero-body{ position:relative; padding:24px 28px 28px; display:flex; flex-direction:column; gap:9px; }
.hero-share{ position:absolute; top:16px; right:16px; }
.hero-category{ font-size:13px; font-weight:800; letter-spacing:.2px; color:var(--vgd-green); }
.hero-category.is-featured{ color:var(--vgd-red); }
.hero-title{ font-size:calc(22px * var(--vgd-heading-scale, 1)); margin:2px 0 0; line-height:1.3; }
.hero-title a:hover{ color:var(--vgd-red); }
.hero-meta{ font-size:13px; color:var(--vgd-text-light); margin:0; }
.hero-excerpt{ font-size:14.5px; color:var(--vgd-text); margin:4px 0 0; line-height:1.65; }
@media (max-width: 600px){
  .hero-title{ font-size:18px; }
  .hero-body{ padding:20px; }
}

/* Banners apilados junto al héroe: cada widget conserva su alto natural */
.vgd-hero-sidebar{ display:flex; flex-direction:column; gap:14px; }
.vgd-hero-sidebar .widget{ margin:0; }
.vgd-hero-sidebar .widget-ad-wrap img{ width:100%; height:auto; border-radius:var(--vgd-radius); }

/* Columna izquierda del héroe: héroe + Últimas Noticias + banner + grid,
   apilados en flujo normal, totalmente independientes de la altura de
   la columna de banners de al lado. */
.vgd-hero-content-col{ min-width:0; }
.vgd-hero-content-col .vgd-hero-main{ margin-bottom:28px; }
.vgd-hero-content-col .posts-grid{ margin-bottom:26px; }
.vgd-hero-content-col .posts-grid.cols-4{ margin-bottom:0; }

/* ==================== SLIDER PUBLICITARIO (barra lateral) ==================== */
.vgd-ad-slider{
  position:relative; overflow:hidden; border-radius:var(--vgd-radius);
  background:#f8f8f8; margin-bottom:20px;
}
.vgd-ad-slider-track{ position:relative; min-height:250px; line-height:0; }
.vgd-ad-slide{
  position:absolute; inset:0; opacity:0;
  transition:opacity .6s ease; pointer-events:none;
}
.vgd-ad-slide.is-active{ position:relative; opacity:1; pointer-events:auto; }
.vgd-ad-slide img{ display:block; width:100%; height:auto; border-radius:var(--vgd-radius); }
.vgd-ad-slide .widget-title{ display:none; }

/* Eliminar espacios internos en widgets del slider publicitario */
.vgd-ad-slide.widget{ padding:0; margin:0; box-shadow:none; background:transparent; border-radius:0; overflow:visible; }
.vgd-ad-slide figure,
.vgd-ad-slide p,
.vgd-ad-slide .wp-block-image,
.vgd-ad-slide .wp-element-caption,
.vgd-ad-slide .textwidget,
.vgd-ad-slide .widget_media_image{ margin:0; padding:0; line-height:0; }
.vgd-ad-slide a{ display:block; line-height:0; }
.vgd-ad-slide figcaption{ display:none; }

.vgd-ad-slider-dots{
  display:flex; justify-content:center; gap:7px; padding:10px 0 12px;
}
.vgd-ad-slider-dots button{
  width:10px; height:10px; border-radius:50%; border:none;
  background:var(--vgd-navy); opacity:.25; cursor:pointer;
  transition:opacity .2s, transform .2s;
}
.vgd-ad-slider-dots button.is-active{
  opacity:1; background:var(--vgd-red); transform:scale(1.25);
}

/* =============================================================
   5d. IMÁGENES DE REFERENCIA PARA ESPACIOS PUBLICITARIOS
   (se muestran automáticamente mientras no agregues tus propios
   banners desde Apariencia > Widgets; desaparecen solas al
   agregar un widget real en ese espacio)
============================================================= */
.vgd-ad-placeholder{
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px;
  width:100%; border:2px dashed #c9cdd4; border-radius:var(--vgd-radius);
  background:repeating-linear-gradient(135deg, #eef0f3, #eef0f3 10px, #e6e9ee 10px, #e6e9ee 20px);
  color:var(--vgd-text-light); text-align:center; padding:18px 14px;
}
.vgd-ad-placeholder .ph-icon{ font-size:26px; opacity:.65; }
.vgd-ad-placeholder .ph-size{ font-size:13px; font-weight:800; color:var(--vgd-navy); letter-spacing:.3px; }
.vgd-ad-placeholder .ph-label{ font-size:11.5px; font-weight:600; line-height:1.4; max-width:220px; }
.vgd-ad-placeholder .ph-hint{ font-size:10.5px; color:var(--vgd-red); font-weight:700; text-transform:uppercase; letter-spacing:.3px; }

.vgd-ad-placeholder.ph-tall{ height:600px; }
.vgd-ad-placeholder.ph-square{ height:280px; }
.vgd-ad-placeholder.ph-rect{ height:150px; }
.vgd-ad-placeholder.ph-wide{ height:110px; }
@media (max-width: 992px){
  .vgd-ad-placeholder.ph-tall{ height:340px; }
}

/* =============================================================
   5e. SLIDER DE IMÁGENES (debajo de la franja de destacados)
============================================================= */
.vgd-slider{ padding:22px 0 6px; }
.vgd-slider-grid{ display:grid; grid-template-columns: 1fr 300px; gap:16px; }
.vgd-slider-main{ position:relative; border-radius:var(--vgd-radius); overflow:hidden; min-height:360px; }
.vgd-slider-main-slide{
  display:block; position:relative; width:100%; height:100%; min-height:360px;
  background-size:cover; background-position:center; background-color:var(--vgd-border);
}
.vgd-slider-main-slide::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(0deg, rgba(0,0,0,.75), rgba(0,0,0,0) 60%);
}
.vgd-slider-pill{
  position:relative; z-index:1; display:inline-block; margin:18px 0 0 18px;
  background:var(--vgd-green); color:#fff; font-weight:800; font-size:12px;
  padding:6px 14px; border-radius:20px; letter-spacing:.2px;
}
.vgd-slider-title{
  position:absolute; left:18px; right:18px; bottom:18px; z-index:1;
  color:#fff; font-size:22px; font-weight:800; line-height:1.3; margin:0;
}
.vgd-slider-side{ display:flex; flex-direction:column; gap:16px; }
.vgd-slider-side-item{
  position:relative; display:block; flex:1; min-height:100px; border-radius:var(--vgd-radius);
  overflow:hidden; background-size:cover; background-position:center; background-color:var(--vgd-border);
}
.vgd-slider-side-item::after{
  content:''; position:absolute; inset:0; background:linear-gradient(0deg, rgba(0,0,0,.7), rgba(0,0,0,0) 65%);
}
.vgd-slider-side-title{
  position:absolute; left:12px; right:12px; bottom:12px; z-index:1; color:#fff;
  font-size:13.5px; font-weight:700; line-height:1.3; margin:0;
}
.vgd-slider-dots{ display:flex; justify-content:center; gap:8px; margin-top:16px; }
.vgd-slider-dots button{ width:9px; height:9px; border-radius:50%; background:var(--vgd-border); border:none; padding:0; }
.vgd-slider-dots button.is-active{ background:var(--vgd-red); }
@media (max-width: 900px){
  .vgd-slider-grid{ grid-template-columns:1fr; }
  .vgd-slider-main, .vgd-slider-main-slide{ min-height:260px; }
}

/* =============================================================
   5f. BOLETÍN DE NOTICIAS
============================================================= */
.vgd-newsletter{ background:var(--vgd-dark); padding:38px 0; }
.vgd-newsletter-inner{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:22px; }
.vgd-newsletter-text h2{ color:#fff; font-size:22px; margin:0 0 6px; }
.vgd-newsletter-text p{ color:rgba(255,255,255,.75); margin:0; font-size:14px; }
.vgd-newsletter-form{ display:flex; gap:10px; flex:1 1 380px; max-width:460px; }
.vgd-newsletter-form input[type="email"]{
  flex:1; padding:12px 16px; border:none; border-radius:6px; font-size:14px; min-width:0;
}
.vgd-newsletter-form button{
  background:var(--vgd-red); color:#fff; border:none; padding:0 22px; border-radius:6px;
  font-weight:700; text-transform:uppercase; font-size:13px; letter-spacing:.3px; white-space:nowrap;
}
.vgd-newsletter-form button:hover{ background:var(--vgd-green); }
.vgd-newsletter-form button:disabled{ opacity:.6; cursor:default; }
.vgd-newsletter-message{ width:100%; margin:10px 0 0; font-size:13px; color:#fff; min-height:1em; }
.vgd-newsletter-message.is-error{ color:#ffb3b3; }
.vgd-newsletter-message.is-success{ color:#b9f2b0; }
@media (max-width: 700px){
  .vgd-newsletter-inner{ flex-direction:column; align-items:stretch; text-align:center; }
  .vgd-newsletter-form{ max-width:none; }
}

/* =============================================================
   6. POST / CARD GRID
============================================================= */
.posts-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:26px 22px; }
@media (max-width: 992px){ .posts-grid{ grid-template-columns:repeat(2, 1fr); } }
@media (max-width: 600px){ .posts-grid{ grid-template-columns:1fr; } }

.posts-grid.cols-4{ grid-template-columns:repeat(4, 1fr); }
@media (max-width: 992px){ .posts-grid.cols-4{ grid-template-columns:repeat(2, 1fr); } }
@media (max-width: 600px){ .posts-grid.cols-4{ grid-template-columns:1fr; } }

.vgd-card{
  background:var(--vgd-white);
  border-radius:var(--vgd-radius);
  overflow:hidden;
  box-shadow:var(--vgd-shadow);
  transition:transform .2s ease, box-shadow .2s ease;
  display:flex; flex-direction:column;
}
.vgd-card:hover{ transform:translateY(-4px); box-shadow:var(--vgd-shadow-hover); }
.vgd-card .card-thumb{
  position:relative; display:block; aspect-ratio:16/10.5; overflow:hidden; background:var(--vgd-border);
}
.vgd-card .card-thumb img{ width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.vgd-card:hover .card-thumb img{ transform:scale(1.06); }
.vgd-card .card-share{
  position:absolute; top:10px; right:10px; width:30px; height:30px; border-radius:50%;
  background:rgba(255,255,255,.92); display:flex; align-items:center; justify-content:center;
  font-size:13px; color:var(--vgd-navy); box-shadow:0 2px 6px rgba(0,0,0,.2);
}
.vgd-card .card-body{ padding:14px 16px 18px; display:flex; flex-direction:column; gap:7px; flex:1; }
.vgd-card .card-category{
  font-size:11.5px; font-weight:800; letter-spacing:.2px; color:var(--vgd-green);
}
.vgd-card .card-category.is-featured{ color:var(--vgd-red); }
.vgd-card .card-title{ font-size:15.5px; font-weight:700; color:var(--vgd-navy); margin:0; line-height:1.35; }
.vgd-card .card-title a:hover{ color:var(--vgd-red); }
.vgd-card .card-meta{ font-size:11.5px; color:var(--vgd-text-light); margin-top:auto; }
.vgd-card .card-excerpt{ font-size:13.5px; color:var(--vgd-text-light); }

/* small card variant (más vistas / otras noticias) */
.vgd-card.is-small .card-body{ padding:11px 13px 15px; gap:5px; }
.vgd-card.is-small .card-title{ font-size:13.5px; }

.most-viewed-grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:22px; margin:0 0 40px; }
@media (max-width: 992px){ .most-viewed-grid{ grid-template-columns:repeat(2, 1fr); } }
@media (max-width: 600px){ .most-viewed-grid{ grid-template-columns:1fr; } }

/* =============================================================
   6b. COLUMNISTAS
============================================================= */
.vgd-columnists-section{ padding:6px 0 36px; }
.vgd-columnists-carousel{ position:relative; }
.vgd-columnists-grid{ display:none; grid-template-columns:repeat(3, 1fr); gap:26px; }
.vgd-columnists-grid.is-active{ display:grid; }
@media (max-width: 768px){ .vgd-columnists-grid.is-active{ grid-template-columns:1fr; } }
.vgd-columnist{ display:flex; gap:14px; align-items:flex-start; }
.vgd-columnist .columnist-avatar{
  width:64px; height:64px; border-radius:50%; overflow:hidden; flex-shrink:0; background:var(--vgd-border);
}
.vgd-columnist .columnist-avatar img{ width:100%; height:100%; object-fit:cover; }
.vgd-columnist .columnist-title{ font-size:14.5px; font-weight:700; color:var(--vgd-navy); margin:0 0 4px; }
.vgd-columnist .columnist-title a:hover{ color:var(--vgd-red); }
.vgd-columnist .columnist-author{ font-size:12.5px; font-weight:700; color:var(--vgd-red); }

.vgd-carousel-dots{ display:flex; justify-content:center; align-items:center; gap:8px; margin-top:24px; }
.vgd-carousel-dots button{
  width:8px; height:8px; padding:0; border-radius:50%; border:none; background:var(--vgd-border);
  transition:background .15s ease, transform .15s ease;
}
.vgd-carousel-dots button:hover{ background:#c9cdd4; }
.vgd-carousel-dots button.is-active{ background:var(--vgd-red); transform:scale(1.25); }

/* =============================================================
   6c. CAJAS DE GALERÍA / SERIES (dos columnas al final de la portada)
============================================================= */
.vgd-feature-boxes{ padding:10px 0 40px; }
.vgd-feature-grid{ display:grid; grid-template-columns:1fr 1fr; gap:24px; }
@media (max-width: 900px){ .vgd-feature-grid{ grid-template-columns:1fr; } }
.vgd-feature-box{
  background:var(--vgd-white); border-radius:12px; overflow:hidden; box-shadow:var(--vgd-shadow);
}
.vgd-feature-box .feature-header{
  background:var(--vgd-green); color:#fff; text-align:center; font-weight:800;
  font-size:13px; letter-spacing:.4px; text-transform:uppercase; padding:10px;
}
.vgd-feature-box .feature-media{ position:relative; }
.vgd-feature-box .feature-media img{ width:100%; height:280px; object-fit:cover; }
.vgd-feature-box .feature-caption{
  position:absolute; left:0; right:0; bottom:0; padding:16px 18px;
  background:linear-gradient(0deg, rgba(0,0,0,.75), rgba(0,0,0,0));
  color:#fff; font-weight:700; font-size:15px;
}
.vgd-feature-box .feature-text{ padding:14px 18px 18px; font-size:13.5px; color:var(--vgd-text-light); }

/* =============================================================
   7. PAGINATION
============================================================= */
.vgd-pagination{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:6px; margin:34px 0 6px; font-size:14px; }
.vgd-pagination ul.page-numbers{ display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin:0; padding:0; list-style:none; }
.vgd-pagination ul.page-numbers li{ display:flex; }
.vgd-pagination a, .vgd-pagination span{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:34px; height:34px; padding:0 10px; border-radius:6px;
  color:var(--vgd-navy); font-weight:600; background:var(--vgd-white); border:1px solid var(--vgd-border);
}
.vgd-pagination a:hover{ background:var(--vgd-red); color:#fff; border-color:var(--vgd-red); }
.vgd-pagination .current{ background:var(--vgd-green); border-color:var(--vgd-green); color:#fff; }

/* =============================================================
   8. SIDEBAR / WIDGETS (ad banners)
============================================================= */
.widget-area{ display:flex; flex-direction:column; gap:18px; }
.widget{ background:var(--vgd-white); border-radius:var(--vgd-radius); overflow:hidden; box-shadow:var(--vgd-shadow); padding:0; }
.widget.widget_text, .widget.vgd-ad-widget, .widget.widget_media_image, .widget.widget_custom_html{ padding:0; }
.widget img{ width:100%; height:auto; display:block; }
.widget figure{ margin:0; }
.widget .wp-block-image{ margin:0; }
.widget .wp-element-caption{ margin:0; padding:4px 10px; font-size:11px; }
.widget .widget-title{
  font-size:14px; text-transform:uppercase; font-weight:800; color:#fff; letter-spacing:.4px;
  padding:13px 16px; margin:0; background:var(--vgd-dark);
}
.widget .widget-title.is-green{ background:var(--vgd-green); }
.widget ul li{ padding:9px 16px; border-bottom:1px solid var(--vgd-border); font-size:13.5px; }
.widget ul li:last-child{ border-bottom:none; }

/* Widget "Noticias Relacionadas" */
.related-item{ padding:14px 16px; border-bottom:1px solid var(--vgd-border); }
.related-item:last-child{ border-bottom:none; }
.related-item .related-thumb{ display:block; border-radius:6px; overflow:hidden; margin-bottom:10px; aspect-ratio:16/10; }
.related-item .related-thumb img{ width:100%; height:100%; object-fit:cover; }
.related-item .related-category{
  display:block; font-size:11px; font-weight:800; text-transform:uppercase; color:var(--vgd-green); margin-bottom:3px;
}
.related-item .related-title{ margin:0 0 5px; font-size:14px; line-height:1.35; }
.related-item .related-title a{ color:var(--vgd-navy); font-weight:700; }
.related-item .related-title a:hover{ color:var(--vgd-red); }
.related-item .related-meta{ font-size:11.5px; color:var(--vgd-text-light); }

/* Widget "Nuestros blogs" (lista con miniatura) */
.vgd-blog-item{ display:flex; gap:12px; align-items:flex-start; padding:14px 16px; border-bottom:1px solid var(--vgd-border); }
.vgd-blog-item:last-child{ border-bottom:none; }
.vgd-blog-item .blog-thumb{ width:58px; height:58px; border-radius:8px; overflow:hidden; flex-shrink:0; }
.vgd-blog-item .blog-thumb img{ width:100%; height:100%; object-fit:cover; }
.vgd-blog-item .blog-tag{
  display:inline-block; font-size:10.5px; font-weight:800; text-transform:uppercase; color:#fff;
  background:var(--vgd-green); border-radius:12px; padding:2px 9px; margin-bottom:5px;
}
.vgd-blog-item .blog-title{ font-size:13px; font-weight:700; color:var(--vgd-navy); line-height:1.3; }
.vgd-blog-item .blog-title a:hover{ color:var(--vgd-red); }
.widget-see-more{ display:block; text-align:right; padding:10px 16px; font-size:12px; font-weight:700; color:var(--vgd-green); }


/* =============================================================
   9. SINGLE POST
============================================================= */
.single-post-inner{ background:var(--vgd-white); border-radius:var(--vgd-radius); box-shadow:var(--vgd-shadow); padding:30px 34px 40px; }
.single-post-inner .entry-category{ font-size:13px; font-weight:800; color:var(--vgd-green); letter-spacing:.2px; }
.single-post-inner .entry-category.is-featured{ color:var(--vgd-red); }
.single-post-inner .entry-title{ font-size:calc(32px * var(--vgd-heading-scale, 1)); margin:8px 0 10px; line-height:1.2; }
.single-post-inner .entry-meta{
  font-size:14px; color:var(--vgd-text-light); padding-bottom:16px; margin-bottom:22px;
  border-bottom:1px solid var(--vgd-border); display:flex; align-items:center; gap:8px; flex-wrap:wrap;
}
.single-post-inner .entry-meta .entry-meta-sep{ color:#c7cbd2; }

/* Imagen destacada con controles superpuestos (volver / compartir / guardar) */
.single-post-inner .entry-thumbnail{
  position:relative; margin-bottom:10px; border-radius:8px; overflow:hidden;
}
.entry-thumb-back{
  position:absolute; top:14px; left:14px; z-index:2;
  width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,.92);
  display:flex; align-items:center; justify-content:center; color:var(--vgd-navy); font-size:15px;
  box-shadow:0 2px 6px rgba(0,0,0,.2);
}
.entry-thumb-back:hover{ background:var(--vgd-white); }
.entry-thumb-actions{ position:absolute; top:14px; right:14px; z-index:2; display:flex; gap:8px; }
.entry-thumb-action{
  width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,.92); border:none;
  display:flex; align-items:center; justify-content:center; color:var(--vgd-navy); font-size:14px;
  box-shadow:0 2px 6px rgba(0,0,0,.2);
}
.entry-thumb-action:hover{ background:var(--vgd-white); }

/* Crédito / caption de la foto */
.entry-thumb-caption{
  font-size:13px; font-weight:700; color:var(--vgd-navy); line-height:1.5;
  padding:12px 2px 20px; border-bottom:1px solid var(--vgd-border); margin-bottom:20px;
}
.entry-thumb-caption p{ margin:0 0 4px; }
.entry-thumb-caption p:first-child{ font-weight:800; }

.single-post-inner .entry-content{ font-size:17px; line-height:1.8; color:var(--vgd-text); }
.single-post-inner .entry-content p{ margin-bottom:1.3em; }
/* El primer párrafo actúa como "entradilla": se muestra en cursiva y algo más suave */
.single-post-inner .entry-content > p:first-of-type{
  font-style:italic; color:var(--vgd-text-light); font-size:1.06em; line-height:1.7;
}
.single-post-inner .entry-content h2{ font-size:24px; margin-top:1.6em; }
.single-post-inner .entry-content h3{ font-size:20px; margin-top:1.4em; }
.single-post-inner .entry-content img{ border-radius:8px; margin:1.2em 0; }
.single-post-inner .entry-content blockquote{
  border-left:4px solid var(--vgd-green); margin:1.6em 0; padding:.6em 1.4em; font-style:italic;
  background:var(--vgd-bg); color:var(--vgd-navy); border-radius:0 8px 8px 0;
}
.entry-tags{ margin-top:24px; display:flex; flex-wrap:wrap; gap:8px; }
.entry-tags a{
  background:var(--vgd-bg); border:1px solid var(--vgd-border); border-radius:20px;
  padding:5px 13px; font-size:12.5px; color:var(--vgd-navy); font-weight:600;
}
.entry-tags a:hover{ background:var(--vgd-red); color:#fff; border-color:var(--vgd-red); }
.post-share-bar{ display:flex; gap:10px; margin:22px 0; }
.post-share-bar a{
  width:36px; height:36px; border-radius:50%; background:var(--vgd-navy); color:#fff;
  display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:800;
  transition:filter .2s, transform .2s;
}
.post-share-bar a:hover{ filter:brightness(1.15); transform:scale(1.1); }
.post-share-bar .vgd-social-svg{ width:18px; height:18px; }
.post-share-bar a.social-facebook{ background:#1877F2; }
.post-share-bar a.social-twitter{ background:#000000; }
.post-share-bar a.social-whatsapp{ background:#25D366; }
.post-share-bar a.social-instagram{ background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
.post-share-bar a.social-tiktok{ background:#000000; }
.author-box{ display:flex; gap:16px; align-items:center; margin-top:30px; padding:20px; background:var(--vgd-bg); border-radius:8px; }
.author-box img{ border-radius:50%; width:64px; height:64px; }
.author-box .author-name{ font-weight:700; color:var(--vgd-navy); }
.post-nav-links{ display:flex; justify-content:space-between; gap:16px; margin-top:30px; flex-wrap:wrap; }
.post-nav-links > div{ flex:1 1 220px; background:var(--vgd-bg); border-radius:8px; padding:14px 16px; font-size:13.5px; }
.post-nav-links a{ color:var(--vgd-navy); font-weight:700; }

/* Comments */
.comments-area{ margin-top:36px; }
.comment-list{ margin:0 0 24px; }
.comment-body{ background:var(--vgd-bg); border-radius:8px; padding:16px 18px; margin-bottom:14px; }
.comment-metadata{ font-size:12px; color:var(--vgd-text-light); }
.comment-form input, .comment-form textarea{ width:100%; padding:10px 14px; border:1px solid var(--vgd-border); border-radius:6px; margin-bottom:12px; }
.comment-form .form-submit input{ width:auto; background:var(--vgd-red); color:#fff; border:none; padding:11px 26px; font-weight:700; }

/* =============================================================
   9b. PLANTILLA "QUIÉNES SOMOS"
============================================================= */
.vgd-about-hero{
  background:linear-gradient(135deg, var(--vgd-navy), var(--vgd-dark));
  background-size:cover; background-position:center; position:relative;
  padding:70px 0; text-align:center;
}
.vgd-about-hero::before{
  content:''; position:absolute; inset:0; background:rgba(10,10,15,.45);
}
.vgd-about-hero .container{ position:relative; z-index:1; }
.vgd-about-hero h1{ color:#fff; font-size:calc(34px * var(--vgd-heading-scale, 1)); margin:0; }

.vgd-about-content{ margin-top:-40px; position:relative; z-index:2; }
.vgd-about-placeholder{ color:var(--vgd-text-light); font-style:italic; }

.vgd-about-stats{ background:var(--vgd-dark); padding:36px 0; margin-top:30px; }
.vgd-about-stats-grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:24px; text-align:center; }
.vgd-about-stat{ display:flex; flex-direction:column; gap:4px; }
.vgd-about-stat .stat-number{ color:var(--vgd-green); font-size:34px; font-weight:800; line-height:1; }
.vgd-about-stat .stat-label{ color:rgba(255,255,255,.8); font-size:13px; font-weight:600; }
@media (max-width: 700px){
  .vgd-about-stats-grid{ grid-template-columns:repeat(2, 1fr); }
}

.vgd-about-cta{ background:var(--vgd-bg); padding:44px 0; text-align:center; }
.vgd-about-cta-inner h2{ font-size:22px; margin:0 0 8px; }
.vgd-about-cta-inner p{ color:var(--vgd-text-light); margin:0 0 18px; }
.vgd-about-cta .vgd-btn{ display:inline-block; }

/* =============================================================
   10. PAGE (páginas simples)
============================================================= */
.page-content-inner{ background:var(--vgd-white); border-radius:var(--vgd-radius); box-shadow:var(--vgd-shadow); padding:30px 34px; }

/* 404 */
.error-404{ text-align:center; padding:60px 20px; }
.error-404 h1{ font-size:90px; color:var(--vgd-red); margin:0; }

/* =============================================================
   11. FOOTER
============================================================= */
.site-footer{ background:var(--vgd-dark); color:#cfcfcf; margin-top:0; }
.footer-top{ padding:46px 0 30px; text-align:center; }
.footer-top .footer-logo img{ max-height:56px; margin:0 auto 8px; }
.footer-top .footer-logo .site-title{ color:#fff; font-size:22px; }
.footer-top .footer-desc{ font-size:11.5px; letter-spacing:1.5px; text-transform:uppercase; color:rgba(255,255,255,.65); margin-bottom:20px; }
.footer-social-title{ font-size:13px; color:#fff; margin-bottom:12px; font-weight:700; }
.footer-social{ display:flex; justify-content:center; gap:12px; flex-wrap:wrap; }
.footer-social a{
  width:40px; height:40px; border-radius:50%;
  background:rgba(255,255,255,.16); border:2px solid rgba(255,255,255,.55);
  display:flex; align-items:center; justify-content:center; color:#fff; font-size:16px;
  box-shadow:0 1px 4px rgba(0,0,0,.25);
}
.footer-social a:hover{ filter:brightness(1.1); }
.vgd-social-glyph{ font-weight:800; font-size:15px; line-height:1; font-style:normal; }
.vgd-social-svg{ width:18px; height:18px; display:block; }

/* Colores de marca originales de cada red social */
.footer-social a.social-facebook,
.vgd-social-mini a.social-facebook{ background:#1877F2; border-color:#1877F2; }
.footer-social a.social-twitter,
.vgd-social-mini a.social-twitter{ background:#000000; border-color:#000000; }
.footer-social a.social-instagram,
.vgd-social-mini a.social-instagram{
  background:linear-gradient(45deg, #f9ce34, #ee2a7b, #6228d7);
  border-color:transparent;
}
.footer-social a.social-pinterest{ background:#E60023; border-color:#E60023; }
.footer-social a.social-youtube,
.vgd-social-mini a.social-youtube{ background:#FF0000; border-color:#FF0000; }
.footer-social a.social-tiktok{ background:#010101; border-color:#010101; }

/* =============================================================
   FORMULARIO DE CONTACTO
============================================================= */
.vgd-contact{ background:var(--vgd-bg); padding:44px 0; border-top:1px solid var(--vgd-border); }
.vgd-contact-inner{ max-width:760px; margin:0 auto; }
.vgd-contact-text{ text-align:center; margin-bottom:26px; }
.vgd-contact-text h2{ font-size:24px; margin:0 0 8px; color:var(--vgd-navy); }
.vgd-contact-text p{ color:var(--vgd-text-light); margin:0; font-size:14.5px; }
.vgd-contact-form{ background:var(--vgd-white); border-radius:var(--vgd-radius); box-shadow:var(--vgd-shadow); padding:26px 28px; }
.vgd-contact-row{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.vgd-contact-field{ margin-bottom:16px; }
.vgd-contact-field label{ display:block; font-size:13px; font-weight:700; color:var(--vgd-navy); margin-bottom:6px; }
.vgd-contact-field input,
.vgd-contact-field textarea{
  width:100%; padding:11px 14px; border:1px solid var(--vgd-border); border-radius:6px;
  font-size:14px; font-family:inherit; resize:vertical;
}
.vgd-contact-field input:focus,
.vgd-contact-field textarea:focus{ outline:2px solid var(--vgd-green); outline-offset:1px; }
.vgd-contact-honeypot{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.vgd-contact-form .vgd-btn{ width:100%; border:none; cursor:pointer; }
.vgd-contact-message{ margin:12px 0 0; font-size:13px; text-align:center; min-height:1em; }
.vgd-contact-message.is-error{ color:var(--vgd-red); }
.vgd-contact-message.is-success{ color:var(--vgd-green); }
@media (max-width: 600px){
  .vgd-contact-row{ grid-template-columns:1fr; }
  .vgd-contact-form{ padding:20px; }
}

/* =============================================================
   BOTÓN FLOTANTE DE WHATSAPP
============================================================= */
.vgd-whatsapp-float{
  position:fixed; right:22px; bottom:22px; z-index:900;
  width:58px; height:58px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.3);
  transition:transform .15s ease;
}
.vgd-whatsapp-float:hover{ transform:scale(1.08); }
.vgd-whatsapp-float svg{ width:56px; height:56px; }
@media (max-width: 600px){
  .vgd-whatsapp-float{ right:14px; bottom:14px; width:50px; height:50px; }
  .vgd-whatsapp-float svg{ width:48px; height:48px; }
}

.footer-links{
  border-top:1px solid #4a4a4a; padding:18px 0; display:flex; justify-content:center;
  flex-wrap:wrap; gap:22px; font-size:13px;
}
.footer-links a:hover{ color:var(--vgd-red); }

.footer-bottom-bar{ background:var(--vgd-green); color:#fff; padding:16px 0; }
.footer-bottom-bar .container{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; }
.footer-bottom-bar .fb-address{ font-size:13px; font-weight:600; }
.footer-bottom-bar .fb-copy{ font-size:12.5px; font-weight:700; text-align:center; line-height:1.5; }
.footer-bottom-bar .fb-badge{ font-weight:800; font-size:13px; display:flex; align-items:center; gap:8px; }
.footer-bottom-bar .fb-badge img{ max-height:34px; width:auto; }


.site-info{ background:#eef1f6; color:#7d879a; text-align:center; font-size:12px; padding:12px 0; }

/* =============================================================
   12. UTILITIES
============================================================= */
.vgd-btn{
  display:inline-block; background:var(--vgd-red); color:#fff; font-weight:700; font-size:13px;
  text-transform:uppercase; letter-spacing:.4px; padding:11px 22px; border-radius:6px;
}
.vgd-btn:hover{ background:var(--vgd-navy); }
.sr-only{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }

/* ==================== ARCHIVO DE AUTOR ==================== */
.vgd-author-header{
  background:var(--vgd-navy); color:#fff; padding:48px 0 40px;
}
.vgd-author-profile{
  display:flex; align-items:center; gap:28px;
}
.vgd-author-avatar img{
  border-radius:50%; border:3px solid var(--vgd-red);
  width:120px; height:120px; object-fit:cover;
}
.vgd-author-name{
  font-size:28px; font-weight:800; margin:0 0 6px; color:#fff;
}
.vgd-author-bio{
  font-size:15px; line-height:1.6; opacity:.88; margin:0 0 12px; max-width:600px;
}
.vgd-author-stats{
  display:flex; gap:18px; font-size:14px; margin-bottom:12px;
}
.vgd-author-stat{ display:flex; align-items:center; gap:5px; }
.vgd-author-stat strong{ font-size:18px; color:var(--vgd-red); }
.vgd-author-stat a{ color:#fff; text-decoration:underline; }
.vgd-author-stat a:hover{ color:var(--vgd-red); }
.vgd-author-social{
  display:flex; gap:10px; margin-top:6px;
}
.vgd-author-social a{
  display:inline-flex; align-items:center; justify-content:center;
  width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,.15);
  color:#fff; font-size:16px; transition:background .2s;
}
.vgd-author-social a:hover{ background:var(--vgd-red); }
.vgd-author-social a svg{ width:16px; height:16px; fill:currentColor; }

/* Enlace de autor en tarjetas y artículos */
.entry-author a,
.card-author a,
.card-meta a,
.author-name a,
.teaser-meta a,
.hero-meta a{
  color:inherit; text-decoration:none; border-bottom:1px dotted currentColor;
}
.entry-author a:hover,
.card-author a:hover,
.card-meta a:hover,
.author-name a:hover,
.teaser-meta a:hover,
.hero-meta a:hover{
  color:var(--vgd-red); border-bottom-style:solid;
}

@media (max-width: 768px){
  .vgd-author-profile{ flex-direction:column; text-align:center; }
  .vgd-author-stats{ justify-content:center; }
  .vgd-author-social{ justify-content:center; }
  .vgd-author-name{ font-size:22px; }
}

@media (max-width: 600px){
  .site-branding img.custom-logo{ max-height:56px; }
  .site-branding .site-title{ font-size:19px; }
  .section-title{ font-size:19px; }
  .single-post-inner{ padding:20px 18px 28px; }
  .single-post-inner .entry-title{ font-size:22px; }
  .footer-bottom-bar .container{ justify-content:center; text-align:center; }
  .vgd-author-header{ padding:28px 0 24px; }
  .vgd-author-avatar img{ width:80px; height:80px; }
}