/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 23 2025 | 19:45:25 */
/* ======== ESTILO GENERAL ======== */
body {
  background-color: #fdf8f4; /* Fondo cálido */
  color: #3c2f2f; /* Texto suave marrón */
  font-family: 'Merriweather', Georgia, serif; /* Fuente elegante y legible */
  line-height: 1.8;
  font-size: 18px;
  letter-spacing: 0.3px;
}

/* ======== ENCABEZADOS ======== */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', serif;
  color: #5a3825; /* Marrón profundo */
  margin-bottom: 0.6em;
  transition: color 0.3s ease;
}
h1:hover, h2:hover, h3:hover {
  color: #c15b2e; /* Toque otoñal interactivo */
}

/* ======== LINKS ======== */
a {
  color: #b3472a; /* Naranja otoñal */
  text-decoration: none;
  border-bottom: 1px dashed rgba(179, 71, 42, 0.4);
  transition: all 0.3s ease;
}
a:hover {
  color: #8c2e14;
  border-bottom-color: rgba(179, 71, 42, 0.8);
}

/* ======== BOTONES ======== */
button, .wp-block-button__link, input[type=submit] {
  background: #d97b40; 
  color: #fff !important;
  padding: 10px 20px;
  border-radius: 12px;
  font-weight: 600;
  transition: background 0.3s ease, transform 0.2s;
}
button:hover, .wp-block-button__link:hover, input[type=submit]:hover {
  background: #b3472a;
  transform: scale(1.05);
}

/* ======== CABECERA Y MENÚ ======== */
.main-header-bar {
  background: #fff8f0 !important; /* Fondo claro cálido */
  border-bottom: 2px solid #f0d5c3;
}
.main-header-menu a {
  font-weight: 500;
  color: #5a3825;
  transition: color 0.3s ease;
}
.main-header-menu a:hover {
  color: #c15b2e;
}

/* ======== TARJETAS DE BLOG / POSTS ======== */
.ast-post-format-quote, 
.ast-post-format-video, 
.ast-post-format-audio, 
.ast-post-format-gallery, 
.ast-article-post {
  background: #fffdf9;
  border: 1px solid #f0d5c3;
  padding: 20px;
  border-radius: 16px;
  margin-bottom: 25px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.ast-article-post:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 18px rgba(90, 56, 37, 0.15);
}

/* ======== WIDGETS / SIDEBAR ======== */
.widget {
  background: #fffdf9;
  border-radius: 12px;
  padding: 15px;
  border: 1px solid #f0d5c3;
}
.widget-title {
  color: #5a3825;
  font-weight: 700;
  margin-bottom: 10px;
}

/* ======== FOOTER ======== */
.site-footer {
  background: #3c2f2f !important;
  color: #fdf8f4 !important;
  font-size: 14px;
}
.site-footer a {
  color: #f0cfa5;
}
.site-footer a:hover {
  color: #ff9b5c;
}


