/*
Theme Name:     Vivir con Fuerza
Theme URI:      https://vivirconfuerza.com
Author:         Vivir con Fuerza
Author URI:     https://vivirconfuerza.com
Description:    Tema WordPress personalizado para Vivir con Fuerza — Acompañamiento real para personas con DMOF, disfagia, diabetes tipo 1 y enfermedad crónica. Diseño premium con Tailwind CSS, Cormorant Garamond e Inter.
Version:        1.0.0
Requires at least: 6.0
Tested up to:   6.7
Requires PHP:   8.0
License:        GNU General Public License v2 or later
License URI:    https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    vivir-con-fuerza
Tags:           one-column, custom-menu, custom-logo, featured-images, translation-ready

Vivir con Fuerza — DMOF · Disfagia · Diabetes tipo 1 · Vida crónica
*/

/* ─── Base Styles ─────────────────────────────────────────────────────────── */
body {
  font-family: 'Inter', system-ui, sans-serif;
  background-color: #FDFBF7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, .font-serif {
  font-family: 'Cormorant Garamond', Georgia, serif;
}

/* ─── Hero Background ─────────────────────────────────────────────────────── */
.hero-bg {
  background-image: linear-gradient(rgba(15,23,42,.65), rgba(15,23,42,.65)),
    url('assets/img/hero-bg.jpg');
  background-size: cover;
  background-position: center;
}

/* ─── WordPress Specific ──────────────────────────────────────────────────── */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { max-width: 100%; }
.wp-caption img { max-width: 100%; height: auto; }
.wp-caption-text { text-align: center; font-size: 0.875rem; color: #6b7280; margin-top: 0.5rem; }

.gallery-caption { /* WP gallery */ }
.bypostauthor { /* author highlight */ }

/* ─── WordPress Navigation Classes ────────────────────────────────────────── */
.vcf-nav-menu { display: flex; align-items: center; gap: 1.5rem; }
.vcf-nav-menu li { list-style: none; }
.vcf-nav-menu li a {
  font-size: 0.875rem;
  font-weight: 500;
  color: #4b5563;
  text-decoration: none;
  transition: color 0.2s;
}
.vcf-nav-menu li a:hover { color: #059669; }
.vcf-nav-menu li.current-menu-item a,
.vcf-nav-menu li.current_page_item a { color: #0f172a; }

/* Mobile Nav */
.vcf-mobile-menu { display: none; flex-direction: column; gap: 0.5rem; }
.vcf-mobile-menu li { list-style: none; }
.vcf-mobile-menu li a {
  display: block;
  font-size: 0.875rem;
  color: #4b5563;
  padding: 0.5rem 0;
  border-bottom: 1px solid #f3f4f6;
  text-decoration: none;
}
.vcf-mobile-menu li.current-menu-item a,
.vcf-mobile-menu li.current_page_item a {
  color: #0f172a;
  font-weight: 500;
}
#mob-toggle:checked ~ nav .vcf-mobile-menu { display: flex; }

/* ─── Footer Nav ──────────────────────────────────────────────────────────── */
.vcf-footer-menu { list-style: none; padding: 0; margin: 0; }
.vcf-footer-menu li { margin-bottom: 0.75rem; }
.vcf-footer-menu li a {
  font-size: 0.875rem;
  color: #9ca3af;
  text-decoration: none;
  transition: color 0.2s;
}
.vcf-footer-menu li a:hover { color: #34d399; }

/* ─── Blog Post Cards ─────────────────────────────────────────────────────── */
.vcf-post-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s;
}
.vcf-post-card:hover img { transform: scale(1.05); }

/* ─── Single Post Content (WordPress WYSIWYG) ─────────────────────────────── */
.vcf-entry-content {
  font-size: 1rem;
  line-height: 1.8;
  color: #374151;
}
.vcf-entry-content h2 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.875rem;
  font-weight: 600;
  color: #0f172a;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
}
.vcf-entry-content h3 {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 1.5rem;
  font-weight: 600;
  color: #0f172a;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}
.vcf-entry-content p { margin-bottom: 1.25rem; }
.vcf-entry-content ul, .vcf-entry-content ol { margin-bottom: 1.25rem; padding-left: 1.5rem; }
.vcf-entry-content li { margin-bottom: 0.5rem; }
.vcf-entry-content a { color: #059669; text-decoration: underline; }
.vcf-entry-content a:hover { color: #047857; }
.vcf-entry-content blockquote {
  border-left: 4px solid #059669;
  padding: 1rem 1.5rem;
  margin: 1.5rem 0;
  background-color: #f0fdf4;
  font-style: italic;
  color: #374151;
}
.vcf-entry-content img { border-radius: 1rem; margin: 1.5rem 0; max-width: 100%; height: auto; }
.vcf-entry-content table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; }
.vcf-entry-content th, .vcf-entry-content td { border: 1px solid #e5e7eb; padding: 0.75rem 1rem; text-align: left; }
.vcf-entry-content th { background-color: #f9fafb; font-weight: 600; }