.elementor-644 .elementor-element.elementor-element-3f82a3c{--display:flex;}.elementor-644 .elementor-element.elementor-element-3f82a3c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-644 .elementor-element.elementor-element-5835c55{width:var( --container-widget-width, 109.45% );max-width:109.45%;--container-widget-width:109.45%;--container-widget-flex-grow:0;}.elementor-644 .elementor-element.elementor-element-5835c55.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-644 .elementor-element.elementor-element-e946e58{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-widget-image .widget-image-caption{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 );}.elementor-644 .elementor-element.elementor-element-62baf08{width:var( --container-widget-width, 86% );max-width:86%;--container-widget-width:86%;--container-widget-flex-grow:0;}.elementor-644 .elementor-element.elementor-element-62baf08.elementor-element{--align-self:center;}.elementor-644 .elementor-element.elementor-element-62baf08 img{border-radius:20px 20px 20px 20px;}.elementor-644 .elementor-element.elementor-element-1e377b4{width:var( --container-widget-width, 86% );max-width:86%;--container-widget-width:86%;--container-widget-flex-grow:0;}.elementor-644 .elementor-element.elementor-element-1e377b4.elementor-element{--align-self:center;}.elementor-644 .elementor-element.elementor-element-1e377b4 img{border-radius:20px 20px 20px 20px;}@media(max-width:1024px){.elementor-644 .elementor-element.elementor-element-e946e58{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-644 .elementor-element.elementor-element-3f82a3c{--width:100%;}}@media(max-width:767px){.elementor-644 .elementor-element.elementor-element-e946e58{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-3f82a3c *//* ==========================================================
   ARTÍCULOS AGRÍCOLAS — DISEÑO MODERNO Y ELEGANTE
   Clase principal: article-content
   ========================================================== */


/* ----------------------------------------------------------
   CONTENEDOR PRINCIPAL
   ---------------------------------------------------------- */

.article-content {
    --verde: #176b35;
    --verde-oscuro: #11552a;
    --verde-suave: #edf6ef;
    --verde-borde: #dcebdd;
    --texto: #303631;
    --texto-suave: #626a64;
    --borde: #e6ebe7;
    --blanco: #ffffff;

    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 10px 25px 70px;

    box-sizing: border-box;

    color: var(--texto);
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.85;

    overflow-wrap: break-word;
    word-wrap: break-word;
}


/* ----------------------------------------------------------
   CORRECCIÓN DE DESBORDAMIENTO
   ---------------------------------------------------------- */

.article-content,
.article-content * {
    box-sizing: border-box;
    max-width: 100%;
}

.article-content img,
.article-content video,
.article-content iframe {
    max-width: 100% !important;
}

.article-content table {
    max-width: 100%;
}


/* ----------------------------------------------------------
   PÁRRAFOS
   ---------------------------------------------------------- */

.article-content p {
    margin: 0 0 22px;
    color: var(--texto);
    font-size: 16px;
    line-height: 1.9;
    font-weight: 400;
}

.article-content p strong {
    color: #202820;
    font-weight: 700;
}


/* ----------------------------------------------------------
   TÍTULO PRINCIPAL H1
   ---------------------------------------------------------- */

.article-content h1 {
    margin: 0 0 30px;

    color: var(--verde-oscuro);

    font-size: clamp(30px, 4vw, 40px);
    line-height: 1.18;

    font-weight: 800;
    letter-spacing: -0.8px;

    overflow-wrap: break-word;
}


/* ----------------------------------------------------------
   H2 — TÍTULOS PRINCIPALES
   ---------------------------------------------------------- */

.article-content h2 {
    position: relative;

    margin: 48px 0 22px;
    padding-left: 16px;

    color: var(--verde-oscuro);

    font-size: clamp(24px, 3vw, 28px);
    line-height: 1.3;

    font-weight: 700;
    letter-spacing: -0.3px;

    overflow-wrap: break-word;
}


/* Línea vertical elegante */

.article-content h2::before {
    content: "";

    position: absolute;

    left: 0;
    top: 4px;

    width: 4px;
    height: calc(100% - 8px);

    background: var(--verde);

    border-radius: 10px;
}


/* ----------------------------------------------------------
   H3
   ---------------------------------------------------------- */

.article-content h3 {
    margin: 34px 0 15px;

    color: #245f36;

    font-size: 21px;
    line-height: 1.4;

    font-weight: 700;
    letter-spacing: -0.2px;

    overflow-wrap: break-word;
}


/* ----------------------------------------------------------
   H4
   ---------------------------------------------------------- */

.article-content h4 {
    margin: 28px 0 12px;

    color: #334238;

    font-size: 18px;
    line-height: 1.4;

    font-weight: 700;
}


/* ----------------------------------------------------------
   ENLACES
   ---------------------------------------------------------- */

.article-content a {
    color: var(--verde);

    font-weight: 600;

    text-decoration: none;

    border-bottom: 1px solid rgba(23,107,53,.25);

    transition:
        color .25s ease,
        border-color .25s ease;
}

.article-content a:hover {
    color: var(--verde-oscuro);

    border-bottom-color: var(--verde);
}


/* ----------------------------------------------------------
   IMÁGENES
   ---------------------------------------------------------- */

.article-content img {
    display: block;

    width: 100%;
    height: auto;

    margin: 32px auto;

    border-radius: 14px;

    box-shadow:
        0 10px 30px rgba(20,50,30,.09);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.article-content img:hover {
    transform: translateY(-3px);

    box-shadow:
        0 16px 35px rgba(20,50,30,.13);
}


/* ----------------------------------------------------------
   FIGURE
   ---------------------------------------------------------- */

.article-content figure {
    margin: 35px 0;
}

.article-content figcaption {
    margin-top: -18px;

    text-align: center;

    color: var(--texto-suave);

    font-size: 13px;
    line-height: 1.5;

    font-style: italic;
}


/* ----------------------------------------------------------
   LISTAS
   ---------------------------------------------------------- */

.article-content ul,
.article-content ol {
    margin: 20px 0 28px;

    padding-left: 24px;
}

.article-content li {
    margin-bottom: 9px;

    color: var(--texto);

    font-size: 16px;
    line-height: 1.75;
}

.article-content ul li::marker {
    color: var(--verde);
}

.article-content ol li::marker {
    color: var(--verde);

    font-weight: 700;
}


/* ----------------------------------------------------------
   LISTAS CON TEXTO DESTACADO
   ---------------------------------------------------------- */

.article-content li strong {
    color: var(--verde-oscuro);
    font-weight: 700;
}


/* ----------------------------------------------------------
   CAJA DESTACADA
   ---------------------------------------------------------- */

.article-content .highlight,
.article-content .destacado {
    margin: 30px 0;

    padding: 22px 25px;

    background: var(--verde-suave);

    border: 1px solid var(--verde-borde);
    border-left: 4px solid var(--verde);

    border-radius: 0 12px 12px 0;

    color: #31543b;

    box-shadow:
        0 6px 20px rgba(30,80,40,.04);
}


/* ----------------------------------------------------------
   BLOCKQUOTE
   ---------------------------------------------------------- */

.article-content blockquote {
    position: relative;

    margin: 38px 0;

    padding: 26px 30px;

    background: #f7faf7;

    border-left: 4px solid var(--verde);

    border-radius: 0 14px 14px 0;

    color: #38513e;

    font-size: 18px;
    line-height: 1.7;

    font-weight: 500;
}


/* ----------------------------------------------------------
   TABLAS
   ---------------------------------------------------------- */

.article-content table {
    width: 100%;

    margin: 32px 0;

    border-collapse: separate;
    border-spacing: 0;

    border: 1px solid var(--borde);

    border-radius: 12px;

    overflow: hidden;

    background: var(--blanco);

    font-size: 15px;
}


/* Encabezado */

.article-content th {
    padding: 14px 16px;

    background: var(--verde);

    color: #ffffff;

    text-align: left;

    font-size: 14px;

    font-weight: 700;
}


/* Celdas */

.article-content td {
    padding: 13px 16px;

    border-bottom: 1px solid var(--borde);

    color: #414841;

    vertical-align: top;
}


/* Filas */

.article-content tr:nth-child(even) td {
    background: #f8faf8;
}

.article-content tr:last-child td {
    border-bottom: none;
}


/* ----------------------------------------------------------
   SEPARADORES
   ---------------------------------------------------------- */

.article-content hr {
    height: 1px;

    margin: 42px 0;

    border: 0;

    background:
        linear-gradient(
            90deg,
            transparent,
            #d9e4da,
            transparent
        );
}


/* ----------------------------------------------------------
   CAJA DE INFORMACIÓN
   ---------------------------------------------------------- */

.article-content .info-box {
    margin: 30px 0;

    padding: 25px 28px;

    background: #ffffff;

    border: 1px solid var(--borde);

    border-radius: 15px;

    box-shadow:
        0 8px 25px rgba(20,50,30,.05);
}

.article-content .info-box h3 {
    margin-top: 0;
}


/* ----------------------------------------------------------
   CONCLUSIÓN
   ---------------------------------------------------------- */

.article-content .conclusion {
    margin-top: 48px;

    padding: 28px 30px;

    background:
        linear-gradient(
            135deg,
            #eef7ef,
            #f9fcf9
        );

    border: 1px solid var(--verde-borde);

    border-radius: 16px;

    box-shadow:
        0 8px 25px rgba(30,80,40,.05);
}

.article-content .conclusion h2 {
    margin-top: 0;
}


/* ----------------------------------------------------------
   CTA — LLAMADA A LA ACCIÓN
   ---------------------------------------------------------- */

.article-content .article-cta {
    margin: 48px 0 20px;

    padding: 34px 30px;

    text-align: center;

    background:
        linear-gradient(
            135deg,
            #14582d,
            #28743c
        );

    border-radius: 18px;

    box-shadow:
        0 15px 35px rgba(20,90,45,.18);

    color: #ffffff;
}


/* Títulos CTA */

.article-content .article-cta h2,
.article-content .article-cta h3 {
    margin-top: 0;

    padding-left: 0;

    color: #ffffff;
}

.article-content .article-cta h2::before {
    display: none;
}


/* Texto CTA */

.article-content .article-cta p {
    color: rgba(255,255,255,.9);
}


/* Botón CTA */

.article-content .article-cta a {
    display: inline-block;

    margin-top: 8px;

    padding: 12px 24px;

    background: #ffffff;

    color: #17582e;

    border: none;

    border-radius: 50px;

    font-size: 14px;

    font-weight: 700;

    box-shadow:
        0 5px 15px rgba(0,0,0,.12);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.article-content .article-cta a:hover {
    color: #17582e;

    border: none;

    transform: translateY(-2px);

    box-shadow:
        0 8px 20px rgba(0,0,0,.16);
}


/* ----------------------------------------------------------
   BADGES / ETIQUETAS
   ---------------------------------------------------------- */

.article-content .tag {
    display: inline-block;

    margin: 3px;

    padding: 6px 12px;

    background: #eef6ef;

    color: var(--verde);

    border-radius: 30px;

    font-size: 12px;

    font-weight: 600;
}


/* ----------------------------------------------------------
   TEXTO PEQUEÑO
   ---------------------------------------------------------- */

.article-content small {
    color: var(--texto-suave);

    font-size: 13px;
}


/* ----------------------------------------------------------
   META DEL ARTÍCULO
   ---------------------------------------------------------- */

.article-content .meta,
.article-content .article-meta {
    display: flex;

    flex-wrap: wrap;

    gap: 8px;

    margin-bottom: 30px;

    color: var(--texto-suave);

    font-size: 13px;
}

.article-content .meta span,
.article-content .article-meta span {
    padding: 6px 12px;

    background: #f5f8f5;

    border: 1px solid #e9eee9;

    border-radius: 30px;
}


/* ----------------------------------------------------------
   PRIMER PÁRRAFO
   ---------------------------------------------------------- */

.article-content > p:first-of-type {
    color: #404740;
}


/* ----------------------------------------------------------
   SELECCIÓN DE TEXTO
   ---------------------------------------------------------- */

.article-content ::selection {
    background: #dceedd;

    color: #174c27;
}


/* ==========================================================
   RESPONSIVE — TABLET
   ========================================================== */

@media (max-width: 900px) {

    .article-content {
        max-width: 100%;

        padding-left: 22px;
        padding-right: 22px;
    }

}


/* ==========================================================
   RESPONSIVE — MÓVIL
   ========================================================== */

@media (max-width: 767px) {

    .article-content {
        width: 100%;

        padding:
            5px
            16px
            45px;

        font-size: 15px;

        line-height: 1.75;
    }


    /* H1 */

    .article-content h1 {
        margin-bottom: 24px;

        font-size: 30px;

        line-height: 1.2;
    }


    /* H2 */

    .article-content h2 {
        margin-top: 38px;

        padding-left: 13px;

        font-size: 23px;

        line-height: 1.3;
    }


    /* Línea H2 */

    .article-content h2::before {
        width: 3px;

        top: 4px;

        height: calc(100% - 8px);
    }


    /* H3 */

    .article-content h3 {
        font-size: 19px;
    }


    /* Párrafos */

    .article-content p {
        font-size: 15px;

        line-height: 1.8;

        margin-bottom: 19px;
    }


    /* Listas */

    .article-content li {
        font-size: 15px;

        line-height: 1.7;
    }


    /* Imágenes */

    .article-content img {
        margin: 25px auto;

        border-radius: 11px;
    }


    /* Blockquote */

    .article-content blockquote {
        margin: 30px 0;

        padding: 21px;

        font-size: 16px;
    }


    /* Cajas */

    .article-content .highlight,
    .article-content .destacado,
    .article-content .info-box,
    .article-content .conclusion {

        padding: 20px;
    }


    /* CTA */

    .article-content .article-cta {
        padding: 27px 20px;

        border-radius: 15px;
    }


    /* Tablas */

    .article-content table {
        display: block;

        width: 100%;

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;

        white-space: nowrap;
    }

}


/* ==========================================================
   MÓVILES PEQUEÑOS
   ========================================================== */

@media (max-width: 480px) {

    .article-content {
        padding-left: 14px;
        padding-right: 14px;
    }

    .article-content h1 {
        font-size: 27px;
    }

    .article-content h2 {
        font-size: 21px;
    }

    .article-content h3 {
        font-size: 18px;
    }

}


/* ==========================================================
   PREVENIR DESBORDAMIENTO DEL SITIO
   ========================================================== */

html,
body {
    overflow-x: hidden;
}

.article-content {
    overflow-x: hidden;
}/* End custom CSS */