/*
Theme Name: HistoriasVirales Child
Template: astra
Version: 1.0
*/

/* ===== GLOBAL ===== */
body {
  font-family: Georgia, serif;
  font-size: 18px;
  line-height: 1.75;
  color: #111;
  background: #fff;
}

a { color: #c0152a; }
a:hover { color: #8b0e1e; }

/* ===== HEADER ===== */
.site-header,
.ast-primary-header-bar {
  background: #fff !important;
  border-bottom: 3px solid #c0152a !important;
  padding: 10px 0 !important;
}

.site-title a,
.ast-site-name-header .site-title a {
  color: #111 !important;
  font-family: Georgia, serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.site-description {
  color: #666 !important;
  font-size: 13px !important;
}

/* ===== NAVIGATION ===== */
.main-header-bar-navigation,
.ast-main-header-bar-alignment {
  background: #f5f5f5 !important;
  border-bottom: 1px solid #ddd !important;
}

.main-navigation a,
.ast-builder-menu a {
  font-family: Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #333 !important;
  padding: 10px 14px !important;
}

.main-navigation a:hover,
.ast-builder-menu a:hover {
  color: #c0152a !important;
  background: transparent !important;
}

/* ===== CONTENT AREA ===== */
.ast-container,
.entry-content,
.site-content {
  max-width: 1100px !important;
}

/* ===== POST / STORY CARDS ===== */
.ast-article-post,
.type-post {
  border-bottom: 1px solid #ebebeb;
  padding: 20px 0;
  margin-bottom: 0 !important;
}

.entry-title {
  font-family: Georgia, serif !important;
  font-size: 22px !important;
  line-height: 1.3 !important;
  color: #111 !important;
}

.entry-title a {
  color: #111 !important;
  text-decoration: none !important;
}

.entry-title a:hover {
  color: #c0152a !important;
}

.entry-summary,
.entry-content p {
  color: #444 !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
}

/* ===== CATEGORY BADGE ===== */
.cat-links a,
.ast-post-categories a {
  background: #c0152a !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 2px 8px !important;
  border-radius: 3px !important;
  text-decoration: none !important;
  font-family: Arial, sans-serif !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}

/* ===== SINGLE POST / ARTICLE ===== */
.single .entry-title {
  font-size: 30px !important;
  line-height: 1.25 !important;
}

.single .entry-content p {
  font-size: 18px !important;
  margin-bottom: 20px !important;
  color: #222 !important;
}

.single .entry-content p:first-child {
  font-size: 20px !important;
  color: #333 !important;
  font-style: italic !important;
  border-left: 4px solid #c0152a !important;
  padding-left: 14px !important;
}

.single .entry-content h2,
.single .entry-content h3 {
  font-family: Georgia, serif !important;
  color: #111 !important;
  margin: 28px 0 12px !important;
}

/* ===== SIDEBAR ===== */
.widget-title {
  background: #111 !important;
  color: #fff !important;
  font-family: Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 8px 12px !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  margin-bottom: 0 !important;
}

.widget {
  border: 1px solid #e0e0e0 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  margin-bottom: 20px !important;
  padding: 0 !important;
}

.widget ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.widget ul li {
  border-bottom: 1px solid #f0f0f0 !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
}

.widget ul li:last-child {
  border-bottom: none !important;
}

.widget ul li a {
  color: #111 !important;
  text-decoration: none !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

.widget ul li a:hover {
  color: #c0152a !important;
}

/* ===== AD AREAS ===== */
.ad-banner {
  background: #f9f9f9;
  border: 1px dashed #ccc;
  text-align: center;
  padding: 20px;
  font-size: 12px;
  color: #999;
  margin: 20px 0;
  font-family: Arial, sans-serif;
}

/* ===== SHARE BUTTONS ===== */
.share-row {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  margin: 24px 0;
  padding: 16px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.share-fb {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #1877F2;
  color: #fff !important;
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  padding: 9px 14px;
  border-radius: 4px;
  text-decoration: none !important;
}

.share-wa {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #25D366;
  color: #fff !important;
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  padding: 9px 14px;
  border-radius: 4px;
  text-decoration: none !important;
}

/* ===== FOOTER ===== */
.site-footer,
.ast-site-footer {
  background: #111 !important;
  color: #aaa !important;
  border-top: 2px solid #111 !important;
  padding: 20px 0 !important;
}

.site-footer a,
.ast-site-footer a {
  color: #ddd !important;
  font-size: 13px !important;
}

.footer-copyright,
.ast-footer-copyright {
  color: #aaa !important;
  font-size: 13px !important;
  font-family: Arial, sans-serif !important;
}

/* ===== BUTTONS ===== */
.ast-btn,
.wp-block-button__link,
button,
input[type="submit"] {
  background: #c0152a !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  font-family: Arial, sans-serif !important;
  font-weight: 700 !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  body { font-size: 17px; }
  .entry-title { font-size: 19px !important; }
  .single .entry-title { font-size: 23px !important; }
  .single .entry-content p { font-size: 17px !important; }
}