.elementor-3522 .elementor-element.elementor-element-024cb26{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3522 .elementor-element.elementor-element-4e3ce52 .elementor-heading-title{font-family:"Jost", Sans-serif;font-weight:600;color:#2C2620;}.elementor-3522 .elementor-element.elementor-element-75e4607{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}/* Start custom CSS for container, class: .elementor-element-024cb26 */<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">

  /* ============================================================
     CLASE: rc-posthero-title
     Poner en: widget "Título de la entrada" (Post Title)
     Avanzado → CSS Classes → rc-posthero-title
     ============================================================ */
  .rc-posthero-title{
    font-family:'Jost',sans-serif !important;
    font-weight:700 !important;
    font-size:clamp(30px, 4.4vw, 46px) !important;
    line-height:1.2 !important;
    color:#2c2620 !important;
    margin:0 !important;
  }

  /* Sección/contenedor que envuelve el hero (opcional, para el fondo crema) */
  .rc-posthero-section{
    background:#f6ecd9 !important;
    padding:90px 24px 60px !important;
  }

  /* ============================================================
     CLASE: rc-postcontent
     Poner en: widget "Contenido de la entrada" (Post Content)
     Avanzado → CSS Classes → rc-postcontent
     ============================================================ */
  .rc-postcontent{
    font-family:'Inter',sans-serif;
    max-width:760px;
    margin:0 auto;
    padding:60px 24px 100px;
  }
  .rc-postcontent p{
    font-size:16.5px;
    line-height:1.85;
    color:#6b5f4f;
    margin:0 0 22px;
  }
  .rc-postcontent h2{
    font-family:'Jost',sans-serif;
    font-weight:700;
    font-size:26px;
    color:#2c2620;
    margin:44px 0 18px;
  }
  .rc-postcontent h3{
    font-family:'Jost',sans-serif;
    font-weight:600;
    font-size:20px;
    color:#2c2620;
    margin:36px 0 14px;
  }
  .rc-postcontent a{ color:#a37003; text-decoration:underline; }
  .rc-postcontent a:hover{ color:#6f4d0a; }
  .rc-postcontent strong{ color:#2c2620; font-weight:600; }
  .rc-postcontent ul, .rc-postcontent ol{ margin:0 0 22px; padding-left:22px; }
  .rc-postcontent li{ font-size:16px; line-height:1.75; color:#6b5f4f; margin-bottom:8px; }
  .rc-postcontent blockquote{
    margin:32px 0;
    padding:20px 24px;
    background:#f6ecd9;
    border-left:4px solid #a37003;
    border-radius:4px;
    font-family:'Jost',sans-serif;
    font-weight:500;
    font-size:17px;
    color:#2c2620;
  }
  .rc-postcontent img{
    max-width:100%;
    height:auto;
    border-radius:12px;
    margin:28px 0;
    display:block;
  }
  .rc-postcontent figcaption{
    font-size:13px;
    color:#6b5f4f;
    text-align:center;
    margin-top:-16px;
    margin-bottom:28px;
  }
  .rc-postcontent hr{
    border:none;
    border-top:1px solid #e7e0d3;
    margin:40px 0;
  }/* End custom CSS */