/* Start custom CSS for text-editor, class: .elementor-element-5e2e9c2b *//* =============================================
   ROC Nature Barcelona — Blog Article Styles
   PEGAR EN: Apariencia > Personalizar > CSS adicional
   ============================================= */

/* ── Contenedor principal ── */
.rn-article {
  font-family: 'Raleway', 'Arial', sans-serif;
  color: #5a5a5a;
  line-height: 1.8;
  max-width: 800px;
  margin: 0 auto;
}

.rn-article section {
  margin-bottom: 50px;
}

.rn-article header {
  margin-bottom: 40px;
}

/* ─────────────────────────────────────────────
   TITULARES — !important para anular tema WP
   ───────────────────────────────────────────── */

.rn-article h1 {
  font-family: 'Cormorant Garamond', 'Georgia', serif !important;
  font-size: 42px !important;
  font-weight: 400 !important;
  color: #3d3d3d !important;
  line-height: 1.3 !important;
  margin-bottom: 20px !important;
  text-align: center !important;
}

.rn-article .rn-subtitle {
  font-family: 'Raleway', 'Arial', sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  font-style: italic !important;
  color: #7a7a7a !important;
  text-align: center !important;
  margin-bottom: 30px !important;
}

/* H2: Cormorant Garamond, 32px, weight 400 */
.rn-article h2 {
  font-family: 'Cormorant Garamond', 'Georgia', serif !important;
  font-size: 32px !important;
  font-weight: 400 !important;
  color: #3d3d3d !important;
  border-bottom: 1px solid #e8e8e8 !important;
  padding-bottom: 10px !important;
  margin-top: 0 !important;
  margin-bottom: 25px !important;
}

/* H3 genérico de sección: Raleway, 22px, weight 500 */
.rn-article h3 {
  font-family: 'Raleway', 'Arial', sans-serif !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  color: #3d3d3d !important;
  margin: 30px 0 15px 0 !important;
}

/* H3 título de tarjeta de zona: Raleway, 24px, weight 600 */
.rn-article h3.rn-card-title {
  font-family: 'Raleway', 'Arial', sans-serif !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  color: #3d3d3d !important;
  margin: 0 0 15px 0 !important;
}

/* H3 pregunta FAQ: Raleway, 20px, weight 600 */
.rn-article h3.rn-faq-title {
  font-family: 'Raleway', 'Arial', sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #3d3d3d !important;
  margin: 0 0 10px 0 !important;
}

/* H3 dentro del CTA: Cormorant Garamond, 28px, weight 400, blanco */
.rn-article .rn-cta h3 {
  font-family: 'Cormorant Garamond', 'Georgia', serif !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  margin: 0 0 20px 0 !important;
}

/* ─────────────────────────────────────────────
   PÁRRAFOS Y LISTAS
   ───────────────────────────────────────────── */

.rn-article p {
  margin-bottom: 20px;
}

.rn-article ul,
.rn-article ol {
  margin: 20px 0;
  padding-left: 25px;
}

.rn-article li {
  margin-bottom: 15px;
}

/* ── Enlaces ── */
.rn-article a {
  color: #7a9b5f;
  text-decoration: none;
  font-weight: 500;
}

.rn-article a:hover {
  text-decoration: underline;
}

/* ─────────────────────────────────────────────
   CAJAS ESPECIALES
   ───────────────────────────────────────────── */

.rn-callout {
  background-color: #f9f7f4;
  padding: 25px;
  border-left: 3px solid #7a9b5f;
  margin: 30px 0;
}

.rn-callout p {
  margin: 0;
  font-size: 17px;
  line-height: 1.7;
}

.rn-callout p + p {
  margin-top: 14px;
}

.rn-tip {
  background-color: #f0f4ed;
  padding: 25px;
  border-radius: 8px;
  margin: 30px 0;
}

.rn-tip p {
  margin: 0;
  font-size: 16px;
  line-height: 1.7;
}

/* ─────────────────────────────────────────────
   TARJETAS DE ZONA
   ───────────────────────────────────────────── */

.rn-card {
  background-color: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  padding: 30px;
  margin-bottom: 30px;
}

.rn-card .rn-card-subtitle {
  display: block;
  font-family: 'Raleway', 'Arial', sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #7a9b5f;
  margin-bottom: 15px;
}

.rn-card p:last-child {
  margin-bottom: 0;
}

/* ─────────────────────────────────────────────
   FAQ
   ───────────────────────────────────────────── */

.rn-faq-item {
  margin-bottom: 25px;
}

.rn-faq-item p {
  margin: 0;
}

/* ─────────────────────────────────────────────
   CTA BANNER
   ───────────────────────────────────────────── */

.rn-cta {
  background: linear-gradient(135deg, #7a9b5f 0%, #5a7a43 100%);
  padding: 40px;
  border-radius: 12px;
  text-align: center;
  margin: 40px 0;
}

.rn-cta p {
  color: #ffffff;
  font-size: 17px;
  margin: 0 0 25px 0;
  line-height: 1.6;
}

.rn-cta-btn {
  display: inline-block;
  background-color: #ffffff;
  color: #5a7a43;
  padding: 15px 40px;
  text-decoration: none;
  border-radius: 30px;
  font-family: 'Raleway', 'Arial', sans-serif;
  font-weight: 600;
  font-size: 16px;
}

.rn-cta-btn:hover {
  opacity: 0.92;
  text-decoration: none;
}

.rn-cta-phone {
  color: #e8f0e0;
  font-size: 14px;
  margin: 20px 0 0 0;
}

.rn-cta-phone strong {
  color: #ffffff;
}

/* ── Nota de pie ── */
.rn-footer-note {
  font-size: 15px;
  color: #999;
  text-align: center;
  margin: 40px 0 0 0;
  line-height: 1.6;
}/* End custom CSS */