.elementor-5868 .elementor-element.elementor-element-c416d0b .elementor-icon-box-wrapper{gap:15px;}.elementor-5868 .elementor-element.elementor-element-72a73cf .elementor-icon-box-wrapper{gap:15px;}.elementor-5868 .elementor-element.elementor-element-5111e76 .elementor-icon-box-wrapper{gap:15px;}.elementor-5868 .elementor-element.elementor-element-58dac78 .elementor-icon-box-wrapper{gap:15px;}.elementor-5868 .elementor-element.elementor-element-938dca3 .elementor-icon-wrapper{text-align:center;}.elementor-5868 .elementor-element.elementor-element-ecd4529 .elementor-icon-wrapper{text-align:center;}.elementor-5868 .elementor-element.elementor-element-b590099 .elementor-icon-wrapper{text-align:center;}.elementor-5868 .elementor-element.elementor-element-6a5cc3e .elementor-icon-wrapper{text-align:center;}.elementor-5868 .elementor-element.elementor-element-51714b8 .elementor-icon-wrapper{text-align:center;}.elementor-5868 .elementor-element.elementor-element-f9e2e79 .elementor-icon-wrapper{text-align:center;}.elementor-5868 .elementor-element.elementor-element-4ad417e .gallery-item .gallery-caption{display:none;}.elementor-5868 .elementor-element.elementor-element-2768667 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-5868 .elementor-element.elementor-element-2768667 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-5868 .elementor-element.elementor-element-2768667{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-5868 .elementor-element.elementor-element-2768667 .elementor-icon-list-text{transition:color 0.3s;}.elementor-5868 .elementor-element.elementor-element-94c2076 .elementor-icon-wrapper{text-align:center;}.elementor-5868 .elementor-element.elementor-element-7f42eef .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-5868 .elementor-element.elementor-element-7f42eef .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-5868 .elementor-element.elementor-element-7f42eef{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-5868 .elementor-element.elementor-element-7f42eef .elementor-icon-list-text{transition:color 0.3s;}.elementor-5868 .elementor-element.elementor-element-ea2edc7 .elementor-icon-wrapper{text-align:center;}.elementor-5868 .elementor-element.elementor-element-7e8ee26 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-5868 .elementor-element.elementor-element-7e8ee26 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-5868 .elementor-element.elementor-element-7e8ee26{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-5868 .elementor-element.elementor-element-7e8ee26 .elementor-icon-list-text{transition:color 0.3s;}.elementor-5868 .elementor-element.elementor-element-c6f43c2 .elementor-icon-wrapper{text-align:center;}.elementor-5868 .elementor-element.elementor-element-82daca5 .elementor-icon-box-wrapper{gap:15px;}.elementor-5868 .elementor-element.elementor-element-7df1114 .elementor-icon-box-wrapper{gap:15px;}.elementor-5868 .elementor-element.elementor-element-06df093 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-5868 .elementor-element.elementor-element-06df093 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-5868 .elementor-element.elementor-element-06df093{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-5868 .elementor-element.elementor-element-06df093 .elementor-icon-list-text{transition:color 0.3s;}.elementor-5868 .elementor-element.elementor-element-652ad19 .elementor-icon-wrapper{text-align:center;}.elementor-5868 .elementor-element.elementor-element-7c63c87 .elementor-icon-box-wrapper{gap:15px;}.elementor-5868 .elementor-element.elementor-element-a46d764 .elementor-icon-box-wrapper{gap:15px;}.elementor-5868 .elementor-element.elementor-element-e3f6a09 .elementor-icon-box-wrapper{gap:15px;}.elementor-5868 .elementor-element.elementor-element-3e86d02 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS *//* ============================================================
   RIONEGRO JOVEN — LA CASA 2026
   VERSIÓN VISUAL 02 — ALINEADA CON HOME V18

   Elementor Classic

   NAMESPACE:
   rjc- = Rionegro Joven Casa

   IMPORTANTE:
   - Mantiene todos los IDs y clases de La Casa V01.
   - Reemplaza TODO el CSS anterior de La Casa.
   - NO modifica Home V18.
   - NO modifica Header V09.
   - NO modifica Footer.
   - NO modifica Banco .bij-.
   ============================================================ */


/* ============================================================
   01. VARIABLES
   MISMO SISTEMA VISUAL DEL HOME
   ============================================================ */

:root {

    --rjc-navy: #052b54;
    --rjc-navy-2: #083761;
    --rjc-navy-dark: #021d3b;

    --rjc-blue: #168cdf;
    --rjc-blue-dark: #176ed6;
    --rjc-blue-soft: #e6f5ff;

    --rjc-cyan: #16d6e5;
    --rjc-cyan-soft: #d1f8fa;

    --rjc-purple: #7137ef;
    --rjc-purple-dark: #5522bd;
    --rjc-purple-soft: #eee6ff;

    --rjc-yellow: #ffd92f;
    --rjc-yellow-soft: #fff5b8;

    --rjc-green: #1eba83;
    --rjc-green-dark: #07543c;
    --rjc-green-soft: #ddf7e8;

    --rjc-pink: #ff6a98;
    --rjc-pink-soft: #ffe9f0;

    --rjc-white: #ffffff;

    --rjc-bg: #f7f8fa;
    --rjc-bg-blue: #eff8fc;
    --rjc-cream: #fffdf8;

    --rjc-text: #082b50;
    --rjc-muted: #52687b;

    --rjc-border: #dfe7ed;

    --rjc-shadow:
        0 10px 26px rgba(5,43,84,.08);

    --rjc-shadow-hover:
        0 17px 38px rgba(5,43,84,.14);

    --rjc-shadow-dark:
        0 18px 40px rgba(0,15,35,.19);

    --rjc-max: 1240px;
}


/* ============================================================
   02. BASE
   ============================================================ */

.rjc-section,
.rjc-section * {

    box-sizing: border-box;
}

.rjc-section {

    position: relative;

    width: 100%;

    padding-top: 54px !important;

    padding-bottom: 54px !important;
}

.rjc-section
> .elementor-container {

    width: 100%;

    max-width:
        var(--rjc-max) !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;
}

.rjc-section img {

    max-width: 100%;
}

.rjc-section p {

    margin-top: 0;
}


/* ============================================================
   03. TÍTULOS GENERALES
   MISMO LENGUAJE DEL HOME
   ============================================================ */

.rjc-title,
.rjc-title
.elementor-heading-title {

    margin: 0;

    color:
        var(--rjc-navy-dark);

    font-family:
        "Arial Black",
        Impact,
        Arial,
        sans-serif;

    font-size:
        clamp(31px,3.1vw,44px);

    font-weight: 900;

    line-height: .97;

    letter-spacing: -1.2px;
}


/* TRAZO CIAN */

.rjc-title::after {

    content: "";

    display: block;

    width: 72px;

    height: 6px;

    margin-top: 9px;

    border-radius: 100%;

    background:
        var(--rjc-cyan);

    transform:
        rotate(-2deg);
}


/* EYEBROW */

.rjc-eyebrow {

    margin:
        0
        0
        8px !important;
}

.rjc-eyebrow
.elementor-heading-title {

    margin: 0;

    color:
        var(--rjc-purple);

    font-size: 10.5px;

    font-weight: 900;

    line-height: 1.1;

    letter-spacing: 1px;

    text-transform: uppercase;
}


/* INTRO */

.rjc-section-intro {

    max-width: 720px;

    margin-top: 9px !important;
}

.rjc-section-intro,
.rjc-section-intro p {

    color:
        var(--rjc-muted);

    font-size: 15px;

    line-height: 1.4;
}


/* ============================================================
   04. BOTONES
   MISMO SISTEMA HOME
   ============================================================ */

.rjc-btn {

    margin: 0 !important;
}

.rjc-btn
.elementor-button {

    min-height: 47px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        12px
        24px;

    border-radius:
        100px;

    font-size:
        13px;

    font-weight:
        900;

    line-height:
        1;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease,
        color .2s ease;
}

.rjc-btn
.elementor-button:hover {

    transform:
        translateY(-2px);

    box-shadow:
        0 10px 22px rgba(0,0,0,.14);
}


/* PRIMARY — AMARILLO COMO HOME */

.rjc-btn--primary
.elementor-button,

.rjc-btn--yellow
.elementor-button {

    color:
        var(--rjc-navy-dark) !important;

    background:
        var(--rjc-yellow) !important;

    border:
        2px solid var(--rjc-yellow) !important;
}

.rjc-btn--primary
.elementor-button:hover,

.rjc-btn--yellow
.elementor-button:hover {

    color:
        var(--rjc-navy-dark) !important;

    background:
        #ffe665 !important;

    border-color:
        #ffe665 !important;
}


/* OUTLINE */

.rjc-btn--outline
.elementor-button {

    color:
        white !important;

    background:
        rgba(255,255,255,.04) !important;

    border:
        2px solid rgba(255,255,255,.85) !important;
}

.rjc-btn--outline
.elementor-button:hover {

    color:
        var(--rjc-navy) !important;

    background:
        white !important;
}


/* LINKS DE SECCIÓN */

.rjc-link-btn {

    display:
        inline-block;

    width:
        auto;

    margin-top:
        13px !important;
}

.rjc-link-btn
.elementor-button {

    min-height:
        40px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        9px
        17px;

    color:
        var(--rjc-navy) !important;

    background:
        white !important;

    border:
        1.5px solid #cbd9e5 !important;

    border-radius:
        100px;

    box-shadow:
        0 5px 13px rgba(5,43,84,.06);

    font-size:
        11.5px;

    font-weight:
        900;

    transition:
        transform .2s ease,
        background .2s ease,
        color .2s ease,
        box-shadow .2s ease;
}

.rjc-link-btn
.elementor-button-text::after {

    content:
        "→";

    display:
        inline-block;

    margin-left:
        8px;

    font-size:
        15px;

    transition:
        transform .2s ease;
}

.rjc-link-btn
.elementor-button:hover {

    color:
        white !important;

    background:
        var(--rjc-blue-dark) !important;

    border-color:
        var(--rjc-blue-dark) !important;

    transform:
        translateY(-2px);

    box-shadow:
        0 9px 20px rgba(23,110,214,.18);
}

.rjc-link-btn
.elementor-button:hover
.elementor-button-text::after {

    transform:
        translateX(4px);
}


/* ============================================================
   05. HERO
   HEREDA EL ADN VISUAL DEL HOME
   ============================================================ */

#rjc-hero {

    overflow:
        hidden;

    padding-top:
        40px !important;

    padding-bottom:
        26px !important;

    color:
        white;

    background:

        radial-gradient(
            circle at 74% 14%,
            rgba(22,214,229,.17),
            transparent 27%
        ),

        radial-gradient(
            circle at 91% 72%,
            rgba(113,55,239,.25),
            transparent 31%
        ),

        linear-gradient(
            120deg,
            #021d3b 0%,
            #052b54 48%,
            #073b69 100%
        );
}


/* TEXTURA */

#rjc-hero::before {

    content: "";

    position:
        absolute;

    inset:
        0;

    opacity:
        .10;

    pointer-events:
        none;

    background-image:
        radial-gradient(
            rgba(255,255,255,.75) .8px,
            transparent .8px
        );

    background-size:
        20px
        20px;
}


/* GLOW */

#rjc-hero::after {

    content: "";

    position:
        absolute;

    width:
        470px;

    height:
        470px;

    right:
        -130px;

    top:
        -90px;

    opacity:
        .19;

    border-radius:
        50%;

    background:
        radial-gradient(
            circle,
            var(--rjc-cyan),
            transparent 68%
        );

    filter:
        blur(20px);

    pointer-events:
        none;
}


#rjc-hero
> .elementor-container {

    position:
        relative;

    z-index:
        2;

    min-height:
        505px;

    display:
        grid !important;

    grid-template-columns:
        minmax(0,48%)
        minmax(0,52%);

    gap:
        22px;

    align-items:
        center;
}


#rjc-hero
> .elementor-container
> .elementor-column {

    width:
        100% !important;

    min-width:
        0;
}


/* ============================================================
   06. HERO COPY
   ============================================================ */

.rjc-hero-copy {

    position:
        relative;

    z-index:
        4;

    padding-right:
        20px;
}


/* KICKER */

.rjc-kicker {

    margin-bottom:
        14px !important;
}

.rjc-kicker
.elementor-heading-title {

    display:
        inline-block;

    padding:
        7px
        15px;

    color:
        var(--rjc-navy-dark);

    background:
        var(--rjc-yellow);

    border-radius:
        5px
        12px
        5px
        10px;

    font-family:
        "Arial Black",
        Impact,
        Arial,
        sans-serif;

    font-size:
        14px;

    font-weight:
        900;

    line-height:
        1;

    letter-spacing:
        .4px;

    transform:
        rotate(-3deg);

    box-shadow:
        5px 6px 0 rgba(22,214,229,.75);
}


/* HERO TITLE */

.rjc-hero-title,
.rjc-hero-title
.elementor-heading-title {

    margin:
        0;

    color:
        white;

    font-family:
        "Arial Black",
        Impact,
        Arial,
        sans-serif;

    font-size:
        clamp(54px,5.8vw,84px);

    font-weight:
        950;

    line-height:
        .83;

    letter-spacing:
        -3.2px;

    text-transform:
        uppercase;
}


.rjc-hero-title::after {

    content: "";

    display:
        block;

    width:
        165px;

    height:
        7px;

    margin-top:
        15px;

    border-radius:
        100%;

    background:
        var(--rjc-cyan);

    transform:
        rotate(-2deg);
}


/* SUBTITLE */

.rjc-hero-subtitle {

    margin-top:
        19px !important;
}

.rjc-hero-subtitle
.elementor-heading-title {

    display:
        inline-block;

    max-width:
        520px;

    padding:
        9px
        15px
        9px
        18px;

    color:
        white;

    background:
        rgba(255,255,255,.085);

    border:
        1px solid rgba(255,255,255,.12);

    border-left:
        5px solid var(--rjc-yellow);

    border-radius:
        4px
        14px
        14px
        4px;

    font-size:
        19px;

    font-weight:
        850;

    line-height:
        1.2;

    backdrop-filter:
        blur(4px);
}


/* TEXT */

.rjc-hero-text {

    max-width:
        550px;

    margin-top:
        14px !important;
}

.rjc-hero-text,
.rjc-hero-text p {

    color:
        rgba(255,255,255,.88);

    font-size:
        15px;

    line-height:
        1.45;
}


/* ACTIONS */

.rjc-hero-actions {

    margin-top:
        22px !important;
}

.rjc-hero-actions
> .elementor-container {

    display:
        grid !important;

    grid-template-columns:
        max-content
        max-content;

    gap:
        11px;

    justify-content:
        start;
}

.rjc-hero-actions
> .elementor-container
> .elementor-column {

    width:
        auto !important;
}


/* HERO MEDIA */

.rjc-hero-media {

    position:
        relative;

    z-index:
        3;

    width:
        100%;

    min-width:
        0;

    min-height:
        480px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    overflow:
        hidden !important;
}


/*
   Se eliminan las grandes manchas geométricas de V01.
   La composición PNG debe hacer el trabajo visual,
   igual que el collage de Home.
*/

.rjc-hero-image {

    position:
        relative;

    z-index:
        3;

    width:
        100%;

    margin:
        0 !important;
}

.rjc-hero-image
.elementor-widget-container {

    width:
        100%;

    margin:
        0 !important;

    padding:
        0 !important;
}

.rjc-hero-image img {

    display:
        block;

    width:
        100% !important;

    max-width:
        590px;

    max-height:
        480px;

    margin:
        0 auto !important;

    object-fit:
        contain;

    object-position:
        center center;

    border:
        0;

    border-radius:
        0;

    box-shadow:
        none;

    filter:
        drop-shadow(
            0 18px 16px rgba(0,0,0,.13)
        );
}


/* ============================================================
   07. ESTA CASA TAMBIÉN ES TUYA
   TARJETAS EN LÍNEA ACCESS / PARTICIPA
   ============================================================ */

#rjc-conoce {

    background:
        white;
}


/* CONTENT */

.rjc-about-content {

    width:
        100% !important;
}

.rjc-about-lead {

    max-width:
        740px;

    margin-top:
        10px !important;
}

.rjc-about-lead,
.rjc-about-lead p {

    color:
        var(--rjc-muted);

    font-size:
        15px;

    line-height:
        1.45;
}


/* GRID */

.rjc-values-grid {

    margin-top:
        25px;
}

.rjc-values-grid
> .elementor-container {

    display:
        grid !important;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:
        12px;
}

.rjc-values-grid
> .elementor-container
> .elementor-column {

    width:
        100% !important;

    min-width:
        0;
}


/* CARDS */

.rjc-value-card {

    min-height:
        145px;

    padding:
        0 !important;

    overflow:
        hidden;

    border-radius:
        17px;

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

.rjc-value-card:hover {

    transform:
        translateY(-4px);

    box-shadow:
        var(--rjc-shadow);
}


/* COLORS */

.rjc-value--encuentro {

    background:
        linear-gradient(
            135deg,
            #d5f8fb,
            #e8fcfd
        );
}

.rjc-value--formacion {

    background:
        linear-gradient(
            135deg,
            #fff3b0,
            #fff9dc
        );
}

.rjc-value--cultura {

    background:
        linear-gradient(
            135deg,
            #eee7ff,
            #f6f2ff
        );
}

.rjc-value--comunidad {

    background:
        linear-gradient(
            135deg,
            #d9f8ea,
            #effbf6
        );
}


/* ICON BOX */

.rjc-value-card
> .elementor-column-wrap {

    height:
        100%;

    padding:
        0 !important;
}

.rjc-value-card
> .elementor-column-wrap
> .elementor-widget-wrap,

.rjc-value-card
> .elementor-widget-wrap {

    width:
        100%;

    height:
        100%;

    padding:
        18px !important;
}


.rjc-value-box {

    width:
        100%;

    margin:
        0 !important;
}

.rjc-value-box
.elementor-widget-container {

    width:
        100%;

    padding:
        0;

    background:
        transparent;

    border:
        0;

    box-shadow:
        none;
}

.rjc-value-box
.elementor-icon-box-wrapper {

    text-align:
        left !important;
}

.rjc-value-box
.elementor-icon-box-icon {

    margin-bottom:
        12px !important;
}

.rjc-value-box
.elementor-icon {

    width:
        45px;

    height:
        45px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--rjc-navy);

    background:
        rgba(255,255,255,.76);

    border-radius:
        13px;

    box-shadow:
        0 5px 12px rgba(5,43,84,.07);

    font-size:
        21px;
}

.rjc-value-box
.elementor-icon-box-title {

    margin:
        0
        0
        5px !important;

    color:
        var(--rjc-navy-dark);

    font-size:
        14.5px;

    font-weight:
        900;

    line-height:
        1.1;
}

.rjc-value-box
.elementor-icon-box-description {

    color:
        var(--rjc-muted);

    font-size:
        11.5px;

    line-height:
        1.32;
}


/* ============================================================
   08. QUÉ PASA EN LA CASA
   ============================================================ */

#rjc-que-pasa {

    background:
        var(--rjc-bg);
}


.rjc-activities-grid {

    margin-top:
        26px;
}


.rjc-activities-grid
> .elementor-container {

    display:
        grid !important;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:
        13px;
}


.rjc-activities-grid
> .elementor-container
> .elementor-column {

    width:
        100% !important;

    min-width:
        0 !important;
}


/* CARD */

.rjc-activity-card {

    position:
        relative;

    width:
        100%;

    min-height:
        165px;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        hidden;

    background:
        white;

    border:
        1px solid rgba(5,43,84,.10);

    border-radius:
        17px;

    box-shadow:
        0 6px 17px rgba(5,43,84,.055);

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


.rjc-activity-card:hover {

    transform:
        translateY(-4px);

    box-shadow:
        0 16px 32px rgba(5,43,84,.12);
}


.rjc-activity-card
> .elementor-column-wrap {

    width:
        100%;

    height:
        100%;

    padding:
        0 !important;
}


.rjc-activity-card
> .elementor-column-wrap
> .elementor-widget-wrap,

.rjc-activity-card
> .elementor-widget-wrap {

    position:
        relative;

    width:
        100%;

    height:
        100%;

    display:
        grid !important;

    grid-template-columns:
        54px
        minmax(0,1fr);

    grid-template-rows:
        auto
        auto;

    column-gap:
        13px;

    row-gap:
        4px;

    align-content:
        center;

    align-items:
        center;

    padding:
        20px !important;
}


/* ICON */

.rjc-activity-icon {

    grid-column:
        1;

    grid-row:
        1 / span 2;

    margin:
        0 !important;
}

.rjc-activity-icon
.elementor-icon {

    width:
        50px;

    height:
        50px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #08788e;

    background:
        var(--rjc-cyan-soft);

    border:
        1px solid rgba(5,43,84,.05);

    border-radius:
        15px;

    box-shadow:
        0 6px 14px rgba(5,43,84,.10);

    font-size:
        20px;

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

.rjc-activity-card:hover
.rjc-activity-icon
.elementor-icon {

    transform:
        translateY(-2px);

    box-shadow:
        0 9px 18px rgba(5,43,84,.13);
}


/* INDIVIDUAL ICON COLORS */

.rjc-activity--formacion
.rjc-activity-icon
.elementor-icon {

    color:
        #9a6a00;

    background:
        var(--rjc-yellow-soft);
}

.rjc-activity--cultura
.rjc-activity-icon
.elementor-icon {

    color:
        var(--rjc-purple-dark);

    background:
        var(--rjc-purple-soft);
}

.rjc-activity--participacion
.rjc-activity-icon
.elementor-icon {

    color:
        var(--rjc-green-dark);

    background:
        var(--rjc-green-soft);
}

.rjc-activity--iniciativas
.rjc-activity-icon
.elementor-icon {

    color:
        var(--rjc-blue-dark);

    background:
        var(--rjc-blue-soft);
}

.rjc-activity--encuentros
.rjc-activity-icon
.elementor-icon {

    color:
        #b52b5a;

    background:
        var(--rjc-pink-soft);
}


/* TITLE */

.rjc-activity-title {

    grid-column:
        2;

    grid-row:
        1;

    margin:
        0 !important;

    align-self:
        end;
}

.rjc-activity-title
.elementor-heading-title {

    margin:
        0;

    color:
        var(--rjc-navy-dark);

    font-size:
        15px;

    font-weight:
        900;

    line-height:
        1.15;
}


/* TEXT */

.rjc-activity-text {

    grid-column:
        2;

    grid-row:
        2;

    margin:
        0 !important;

    align-self:
        start;
}

.rjc-activity-text,
.rjc-activity-text p {

    margin:
        0;

    color:
        var(--rjc-muted);

    font-size:
        11.5px;

    line-height:
        1.35;
}


/* BOTTOM ACCENTS */

.rjc-activity-card::after {

    content:
        "";

    position:
        absolute;

    left:
        0;

    right:
        0;

    bottom:
        0;

    height:
        4px;

    background:
        var(--rjc-cyan);
}

.rjc-activity--formacion::after {

    background:
        var(--rjc-yellow);
}

.rjc-activity--cultura::after {

    background:
        var(--rjc-purple);
}

.rjc-activity--participacion::after {

    background:
        var(--rjc-green);
}

.rjc-activity--iniciativas::after {

    background:
        var(--rjc-blue);
}

.rjc-activity--encuentros::after {

    background:
        var(--rjc-pink);
}


/* ============================================================
   09. ESPACIOS
   ============================================================ */

#rjc-espacios {

    background:
        linear-gradient(
            110deg,
            #f4fbfd,
            #edf8fb
        );
}


/* GALLERY */

.rjc-spaces-gallery {

    width:
        100%;

    margin-top:
        25px !important;
}

.rjc-spaces-gallery
.elementor-gallery__container {

    gap:
        12px !important;
}

.rjc-spaces-gallery
.e-gallery-item,

.rjc-spaces-gallery
.gallery-item {

    overflow:
        hidden;

    border-radius:
        17px;

    box-shadow:
        0 6px 17px rgba(5,43,84,.055);
}

.rjc-spaces-gallery img {

    transition:
        transform .3s ease;
}

.rjc-spaces-gallery
.e-gallery-item:hover img,

.rjc-spaces-gallery
.gallery-item:hover img {

    transform:
        scale(1.025);
}


/* NOTE */

.rjc-spaces-note {

    width:
        min(100%,700px);

    margin-top:
        18px !important;

    padding:
        12px
        15px;

    color:
        var(--rjc-navy);

    background:
        white;

    border:
        1px solid #dbe8ee;

    border-left:
        5px solid var(--rjc-yellow);

    border-radius:
        4px
        12px
        12px
        4px;

    box-shadow:
        0 5px 13px rgba(5,43,84,.05);
}

.rjc-spaces-note,
.rjc-spaces-note p {

    margin-bottom:
        0;

    font-size:
        12.5px;

    font-weight:
        700;

    line-height:
        1.4;
}


/* ============================================================
   10. AGENDA
   CASI MISMO COMPONENTE DEL HOME
   ============================================================ */

#rjc-agenda {

    background:
        linear-gradient(
            180deg,
            #f8fafc,
            #f4f8fb
        );
}


.rjc-agenda-grid {

    margin-top:
        20px;
}


.rjc-agenda-grid
> .elementor-container {

    display:
        grid !important;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:
        13px;
}


.rjc-agenda-grid
> .elementor-container
> .elementor-column {

    width:
        100% !important;

    min-width:
        0;
}


/* CARD */

.rjc-agenda-card {

    min-height:
        140px;

    padding:
        0 !important;

    background:
        white;

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

    border-radius:
        17px;

    box-shadow:
        0 5px 13px rgba(5,43,84,.04);

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


.rjc-agenda-card:hover {

    transform:
        translateY(-3px);

    box-shadow:
        var(--rjc-shadow);
}


.rjc-agenda-card
> .elementor-column-wrap
> .elementor-widget-wrap,

.rjc-agenda-card
> .elementor-widget-wrap {

    width:
        100%;

    height:
        100%;

    display:
        grid !important;

    grid-template-columns:
        72px
        minmax(0,1fr)
        38px;

    grid-template-rows:
        auto
        auto;

    column-gap:
        12px;

    row-gap:
        5px;

    align-content:
        center;

    align-items:
        center;

    padding:
        17px !important;
}


/* DATE */

.rjc-agenda-date {

    grid-column:
        1;

    grid-row:
        1 / span 2;

    margin:
        0 !important;
}

.rjc-agenda-date
.elementor-heading-title {

    width:
        62px;

    min-height:
        62px;

    margin:
        0;

    padding:
        7px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--rjc-blue-dark);

    background:
        var(--rjc-blue-soft);

    border-radius:
        13px;

    font-size:
        13px;

    font-weight:
        900;

    line-height:
        1.12;

    text-align:
        center;
}


/* TITLE */

.rjc-agenda-title {

    grid-column:
        2;

    grid-row:
        1;

    margin:
        0 !important;
}

.rjc-agenda-title
.elementor-heading-title {

    margin:
        0;

    color:
        var(--rjc-navy-dark);

    font-size:
        15.5px;

    font-weight:
        900;

    line-height:
        1.15;
}


/* META
   SOPORTA EDITOR DE TEXTO O ICON LIST
*/

.rjc-agenda-meta {

    grid-column:
        2;

    grid-row:
        2;

    margin:
        0 !important;
}

.rjc-agenda-meta,
.rjc-agenda-meta p,
.rjc-agenda-meta
.elementor-icon-list-text {

    margin:
        0;

    color:
        var(--rjc-muted);

    font-size:
        10.5px;

    line-height:
        1.3;
}


/* ARROW */

.rjc-agenda-arrow {

    position:
        static !important;

    grid-column:
        3;

    grid-row:
        1 / span 2;

    margin:
        0 !important;

    justify-self:
        center;
}

.rjc-agenda-arrow
.elementor-icon {

    width:
        34px;

    height:
        34px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        white;

    background:
        var(--rjc-blue-dark);

    border-radius:
        50%;

    font-size:
        14px;

    transition:
        transform .2s ease;
}

.rjc-agenda-card:hover
.rjc-agenda-arrow
.elementor-icon {

    transform:
        translateX(3px);
}


/* ============================================================
   11. PARTICIPACIÓN
   ============================================================ */

#rjc-participa {

    background:
        white;
}


#rjc-participa
> .elementor-container {

    display:
        grid !important;

    grid-template-columns:
        minmax(0,1fr)
        minmax(390px,.85fr);

    gap:
        42px;

    align-items:
        center;
}


#rjc-participa
> .elementor-container
> .elementor-column {

    width:
        100% !important;

    min-width:
        0;
}


.rjc-participation-text {

    max-width:
        630px;

    margin-top:
        13px !important;
}

.rjc-participation-text,
.rjc-participation-text p {

    color:
        var(--rjc-muted);

    font-size:
        14px;

    line-height:
        1.46;
}


/* RIGHT */

.rjc-participation-links
> .elementor-column-wrap
> .elementor-widget-wrap,

.rjc-participation-links
> .elementor-widget-wrap {

    width:
        100%;

    display:
        grid !important;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:
        12px;
}


/* CARD */

.rjc-participation-card {

    min-height:
        145px;

    margin:
        0 !important;
}

.rjc-participation-card
.elementor-widget-container {

    height:
        100%;

    padding:
        18px;

    border-radius:
        17px;

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

.rjc-participation-card:hover
.elementor-widget-container {

    transform:
        translateY(-4px);

    box-shadow:
        var(--rjc-shadow);
}


/* CMJ */

.rjc-participation--cmj
.elementor-widget-container {

    background:
        linear-gradient(
            135deg,
            #d5f8fb,
            #eafcfd
        );
}


/* PMJ */

.rjc-participation--pmj
.elementor-widget-container {

    background:
        linear-gradient(
            135deg,
            #eee5ff,
            #f7f3ff
        );
}


.rjc-participation-card
.elementor-icon-box-wrapper {

    text-align:
        left !important;
}

.rjc-participation-card
.elementor-icon-box-icon {

    margin-bottom:
        12px !important;
}

.rjc-participation-card
.elementor-icon {

    width:
        45px;

    height:
        45px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--rjc-navy);

    background:
        rgba(255,255,255,.76);

    border-radius:
        14px;

    box-shadow:
        0 5px 12px rgba(5,43,84,.06);

    font-size:
        21px;
}


.rjc-participation-card
.elementor-icon-box-title {

    margin:
        0
        0
        5px !important;

    color:
        var(--rjc-navy-dark);

    font-size:
        16px;

    font-weight:
        900;
}

.rjc-participation-card
.elementor-icon-box-description {

    color:
        var(--rjc-muted);

    font-size:
        11.5px;

    line-height:
        1.3;
}


/* BUTTON BELOW CARDS */

.rjc-participation-btn {

    grid-column:
        1 / span 2;

    justify-self:
        start;

    margin-top:
        2px !important;
}


/* ============================================================
   12. AGENDA TU ESPACIO
   FORMATO TIPO BANCO DEL HOME
   ============================================================ */

#agenda-tu-espacio {

    padding-top:
        27px !important;

    padding-bottom:
        27px !important;

    background:
        var(--rjc-bg);
}


#agenda-tu-espacio
> .elementor-container {

    position:
        relative;

    overflow:
        hidden;

    display:
        grid !important;

    grid-template-columns:
        minmax(0,1.15fr)
        minmax(320px,.85fr);

    gap:
        35px;

    align-items:
        center;

    padding:
        31px
        34px;

    color:
        white;

    background:

        radial-gradient(
            circle at 8% 10%,
            rgba(22,214,229,.24),
            transparent 28%
        ),

        radial-gradient(
            circle at 90% 88%,
            rgba(113,55,239,.30),
            transparent 30%
        ),

        linear-gradient(
            120deg,
            #052b54,
            #063969
        );

    border:
        1px solid rgba(255,255,255,.08);

    border-radius:
        24px;

    box-shadow:
        var(--rjc-shadow-dark);
}


#agenda-tu-espacio
> .elementor-container
> .elementor-column {

    width:
        100% !important;

    min-width:
        0;
}


/* COPY */

.rjc-booking-kicker {

    margin:
        0
        0
        7px !important;
}

.rjc-booking-kicker
.elementor-heading-title {

    display:
        inline-flex;

    padding:
        6px
        11px;

    color:
        var(--rjc-navy-dark);

    background:
        var(--rjc-yellow);

    border-radius:
        100px;

    font-size:
        9.5px;

    font-weight:
        900;

    transform:
        rotate(-1deg);
}


.rjc-booking-title {

    margin:
        0 !important;
}

.rjc-booking-title
.elementor-heading-title {

    margin:
        0;

    color:
        white;

    font-family:
        "Arial Black",
        Impact,
        Arial,
        sans-serif;

    font-size:
        clamp(35px,4vw,52px);

    font-weight:
        950;

    line-height:
        .91;

    letter-spacing:
        -1.3px;
}


.rjc-booking-title::after {

    content:
        "";

    display:
        block;

    width:
        105px;

    height:
        7px;

    margin-top:
        11px;

    background:
        var(--rjc-cyan);

    border-radius:
        100%;

    transform:
        rotate(-2deg);
}


.rjc-booking-text {

    max-width:
        610px;

    margin:
        13px
        0
        0 !important;
}

.rjc-booking-text,
.rjc-booking-text p {

    color:
        rgba(255,255,255,.83);

    font-size:
        13.5px;

    line-height:
        1.45;
}


/* LIST */

.rjc-booking-list {

    margin-top:
        18px !important;
}

.rjc-booking-list
.elementor-icon-list-items {

    display:
        grid !important;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:
        7px;
}

.rjc-booking-list
.elementor-icon-list-item {

    margin:
        0 !important;

    padding:
        8px
        10px !important;

    background:
        rgba(255,255,255,.09);

    border:
        1px solid rgba(255,255,255,.12);

    border-radius:
        10px;
}

.rjc-booking-list
.elementor-icon-list-icon {

    color:
        var(--rjc-yellow);
}

.rjc-booking-list
.elementor-icon-list-text {

    color:
        rgba(255,255,255,.82);

    font-size:
        10.5px;

    font-weight:
        750;

    line-height:
        1.2;
}


/* WHITE CARD */

.rjc-booking-card
> .elementor-column-wrap {

    padding:
        0 !important;
}

.rjc-booking-card
> .elementor-column-wrap
> .elementor-widget-wrap,

.rjc-booking-card
> .elementor-widget-wrap {

    width:
        100%;

    padding:
        23px !important;

    background:
        white;

    border:
        1px solid rgba(255,255,255,.18);

    border-radius:
        17px;

    box-shadow:
        0 12px 28px rgba(0,15,35,.17);
}


/* ICON */

.rjc-booking-icon {

    margin:
        0
        0
        13px !important;
}

.rjc-booking-icon
.elementor-icon {

    width:
        50px;

    height:
        50px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--rjc-navy-dark);

    background:
        var(--rjc-yellow-soft);

    border-radius:
        15px;

    box-shadow:
        0 6px 14px rgba(5,43,84,.10);

    font-size:
        20px;
}


/* TITLE */

.rjc-booking-card-title {

    margin:
        0 !important;
}

.rjc-booking-card-title
.elementor-heading-title {

    margin:
        0;

    color:
        var(--rjc-navy-dark);

    font-size:
        18px;

    font-weight:
        900;
}


/* TEXT */

.rjc-booking-card-text {

    margin:
        7px
        0
        0 !important;
}

.rjc-booking-card-text,
.rjc-booking-card-text p {

    margin-bottom:
        0;

    color:
        var(--rjc-muted);

    font-size:
        12px;

    line-height:
        1.4;
}


/* BUTTON */

.rjc-booking-btn {

    width:
        100%;

    margin-top:
        16px !important;
}

.rjc-booking-btn
.elementor-widget-container,

.rjc-booking-btn
.elementor-button-wrapper {

    width:
        100%;
}

.rjc-booking-btn
.elementor-button {

    width:
        100%;
}


/* NOTE */

.rjc-booking-note {

    margin-top:
        9px !important;
}

.rjc-booking-note,
.rjc-booking-note p {

    margin-bottom:
        0;

    color:
        #718295;

    font-size:
        9.5px;

    line-height:
        1.3;
}


/* ============================================================
   13. UBÍCATE
   ============================================================ */

#rjc-ubicate {

    background:
        white;
}


#rjc-ubicate
> .elementor-container {

    display:
        grid !important;

    grid-template-columns:
        minmax(300px,.72fr)
        minmax(0,1.28fr);

    gap:
        36px;

    align-items:
        stretch;
}


#rjc-ubicate
> .elementor-container
> .elementor-column {

    width:
        100% !important;

    min-width:
        0;
}


/* INFO */

.rjc-location-info {

    width:
        100% !important;
}


/* LOCATION ITEMS */

.rjc-location-item {

    width:
        100%;

    margin:
        9px
        0
        0 !important;
}


.rjc-location-item
.elementor-widget-container {

    padding:
        12px
        14px;

    background:
        var(--rjc-bg-blue);

    border-radius:
        12px;
}


.rjc-location-item
.elementor-icon-box-wrapper {

    display:
        grid !important;

    grid-template-columns:
        42px
        minmax(0,1fr);

    grid-template-rows:
        auto
        auto;

    column-gap:
        10px;

    row-gap:
        1px;

    align-items:
        center;

    text-align:
        left !important;
}


.rjc-location-item
.elementor-icon-box-icon {

    grid-column:
        1;

    grid-row:
        1 / span 2;

    margin:
        0 !important;
}


.rjc-location-item
.elementor-icon {

    width:
        40px;

    height:
        40px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--rjc-navy);

    background:
        white;

    border-radius:
        12px;

    box-shadow:
        0 5px 12px rgba(5,43,84,.06);

    font-size:
        18px;
}


.rjc-location--schedule
.elementor-widget-container {

    background:
        linear-gradient(
            135deg,
            #fff3b2,
            #fff9db
        );
}


.rjc-location--contact
.elementor-widget-container {

    background:
        linear-gradient(
            135deg,
            #eee5ff,
            #f7f3ff
        );
}


.rjc-location-item
.elementor-icon-box-content {

    grid-column:
        2;

    grid-row:
        1 / span 2;

    min-width:
        0;
}


.rjc-location-item
.elementor-icon-box-title {

    margin:
        0
        0
        2px !important;

    color:
        var(--rjc-navy-dark);

    font-size:
        10px;

    font-weight:
        900;

    line-height:
        1.15;
}


.rjc-location-item
.elementor-icon-box-description {

    color:
        var(--rjc-muted);

    font-size:
        11.5px;

    font-weight:
        700;

    line-height:
        1.3;
}


/* MAP */

.rjc-location-map,
.rjc-location-map
> .elementor-column-wrap,
.rjc-location-map
> .elementor-column-wrap
> .elementor-widget-wrap {

    height:
        100%;
}


.rjc-map {

    width:
        100%;

    min-height:
        350px;

    margin:
        0 !important;
}


.rjc-map
.elementor-widget-container {

    height:
        100%;

    overflow:
        hidden;

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

    border-radius:
        23px;

    box-shadow:
        0 10px 24px rgba(5,43,84,.07);
}


.rjc-map iframe {

    width:
        100%;

    height:
        100% !important;

    min-height:
        350px;
}


/* ============================================================
   14. CTA FINAL
   MISMO ADN DEL CTA HOME
   ============================================================ */

#rjc-final {

    overflow:
        hidden;

    padding-top:
        32px !important;

    padding-bottom:
        32px !important;

    color:
        white;

    background:

        radial-gradient(
            circle at 13% 50%,
            rgba(22,214,229,.20),
            transparent 25%
        ),

        radial-gradient(
            circle at 88% 55%,
            rgba(113,55,239,.27),
            transparent 29%
        ),

        linear-gradient(
            120deg,
            #021c39,
            #07325e
        );
}


#rjc-final
> .elementor-container {

    min-height:
        230px;

    display:
        flex !important;

    align-items:
        center;

    justify-content:
        center;
}


.rjc-final-content {

    width:
        100% !important;

    max-width:
        850px;

    margin:
        0 auto;

    text-align:
        center;
}


/* TITLE */

.rjc-final-title {

    margin:
        0 !important;
}

.rjc-final-title,
.rjc-final-title
.elementor-heading-title {

    color:
        white;

    font-family:
        "Arial Black",
        Impact,
        Arial,
        sans-serif;

    font-size:
        clamp(37px,4.5vw,58px);

    font-weight:
        950;

    line-height:
        .91;

    letter-spacing:
        -1.5px;
}


.rjc-final-title::after {

    content:
        "";

    display:
        block;

    width:
        120px;

    height:
        7px;

    margin:
        12px
        auto
        0;

    background:
        var(--rjc-yellow);

    border-radius:
        100%;

    transform:
        rotate(-2deg);
}


/* TEXT */

.rjc-final-text {

    margin-top:
        14px !important;
}

.rjc-final-text,
.rjc-final-text p {

    color:
        rgba(255,255,255,.83);

    font-size:
        14px;

    line-height:
        1.42;
}


/* ACTIONS */

.rjc-final-actions {

    width:
        100%;

    margin-top:
        20px !important;
}


.rjc-final-actions
> .elementor-container {

    display:
        grid !important;

    grid-template-columns:
        max-content
        max-content;

    gap:
        10px;

    justify-content:
        center;
}


.rjc-final-actions
> .elementor-container
> .elementor-column {

    width:
        auto !important;
}


/* ============================================================
   15. TABLET GRANDE
   ============================================================ */

@media (max-width:1100px) {

    .rjc-values-grid
    > .elementor-container {

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:
            14px;
    }


    .rjc-activities-grid
    > .elementor-container {

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:
            14px;
    }

}


/* ============================================================
   16. TABLET
   MISMO BREAKPOINT PRINCIPAL DEL HOME
   ============================================================ */

@media (max-width:900px) {

    .rjc-section {

        padding-top:
            48px !important;

        padding-bottom:
            48px !important;
    }


    /* HERO */

    #rjc-hero
    > .elementor-container {

        grid-template-columns:
            1fr;
    }


    .rjc-hero-copy {

        padding-right:
            0;
    }


    .rjc-hero-media {

        min-height:
            420px;

        margin-top:
            10px;
    }


    .rjc-hero-image img {

        max-width:
            560px;

        max-height:
            420px;
    }


    /* AGENDA */

    .rjc-agenda-grid
    > .elementor-container {

        grid-template-columns:
            1fr;
    }


    /* PARTICIPATION */

    #rjc-participa
    > .elementor-container {

        grid-template-columns:
            1fr;

        gap:
            30px;
    }


    /* BOOKING */

    #agenda-tu-espacio {

        padding-left:
            15px !important;

        padding-right:
            15px !important;
    }


    #agenda-tu-espacio
    > .elementor-container {

        grid-template-columns:
            1fr;

        gap:
            24px;
    }


    /* LOCATION */

    #rjc-ubicate
    > .elementor-container {

        grid-template-columns:
            1fr;
    }

}


/* ============================================================
   17. MÓVIL
   ============================================================ */

@media (max-width:767px) {

    .rjc-section {

        padding-top:
            40px !important;

        padding-bottom:
            40px !important;
    }


    /* ========================================================
       GENERAL
       ======================================================== */

    .rjc-title,
    .rjc-title
    .elementor-heading-title {

        font-size:
            clamp(29px,10vw,38px);
    }


    /* ========================================================
       HERO
       ======================================================== */

    #rjc-hero {

        padding-top:
            34px !important;

        padding-bottom:
            20px !important;
    }


    #rjc-hero
    > .elementor-container {

        padding-left:
            15px;

        padding-right:
            15px;
    }


    .rjc-hero-title,
    .rjc-hero-title
    .elementor-heading-title {

        font-size:
            clamp(46px,14vw,60px);

        letter-spacing:
            -2px;
    }


    .rjc-hero-actions {

        width:
            100%;
    }


    .rjc-hero-actions
    > .elementor-container {

        width:
            100% !important;

        display:
            grid !important;

        grid-template-columns:
            minmax(0,1fr) !important;

        gap:
            10px !important;

        justify-content:
            stretch !important;
    }


    .rjc-hero-actions
    > .elementor-container
    > .elementor-column {

        width:
            100% !important;

        min-width:
            0 !important;
    }


    .rjc-hero-actions
    .rjc-btn,

    .rjc-hero-actions
    .rjc-btn
    .elementor-widget-container,

    .rjc-hero-actions
    .rjc-btn
    .elementor-button-wrapper,

    .rjc-hero-actions
    .rjc-btn
    .elementor-button {

        width:
            100% !important;
    }


    .rjc-hero-media {

        min-height:
            360px;

        margin-top:
            14px;
    }


    .rjc-hero-image img {

        max-width:
            430px;

        max-height:
            360px;
    }


    /* ========================================================
       VALUES
       ======================================================== */

    #rjc-conoce
    > .elementor-container {

        padding-left:
            14px;

        padding-right:
            14px;
    }


    .rjc-values-grid
    > .elementor-container {

        grid-template-columns:
            1fr;

        gap:
            12px;
    }


    .rjc-value-card {

        min-height:
            132px;
    }


    /* ========================================================
       ACTIVITIES
       ======================================================== */

    #rjc-que-pasa
    > .elementor-container {

        padding-left:
            14px;

        padding-right:
            14px;
    }


    .rjc-activities-grid
    > .elementor-container {

        grid-template-columns:
            1fr;

        gap:
            13px;
    }


    /* ========================================================
       SPACES
       ======================================================== */

    #rjc-espacios
    > .elementor-container {

        padding-left:
            14px;

        padding-right:
            14px;
    }


    /* ========================================================
       AGENDA
       ======================================================== */

    #rjc-agenda
    > .elementor-container {

        padding-left:
            14px;

        padding-right:
            14px;
    }


    .rjc-agenda-card
    > .elementor-column-wrap
    > .elementor-widget-wrap,

    .rjc-agenda-card
    > .elementor-widget-wrap {

        grid-template-columns:
            62px
            minmax(0,1fr)
            34px;

        column-gap:
            10px;

        padding:
            14px !important;
    }


    .rjc-agenda-date
    .elementor-heading-title {

        width:
            54px;

        min-height:
            54px;

        font-size:
            12px;
    }


    .rjc-agenda-arrow
    .elementor-icon {

        width:
            31px;

        height:
            31px;
    }


    /* ========================================================
       PARTICIPATION
       ======================================================== */

    #rjc-participa
    > .elementor-container {

        padding-left:
            14px;

        padding-right:
            14px;
    }


    .rjc-participation-links
    > .elementor-column-wrap
    > .elementor-widget-wrap,

    .rjc-participation-links
    > .elementor-widget-wrap {

        grid-template-columns:
            1fr;
    }


    .rjc-participation-btn {

        grid-column:
            1;
    }


    /* ========================================================
       BOOKING
       ======================================================== */

    #agenda-tu-espacio {

        padding-top:
            18px !important;

        padding-bottom:
            18px !important;

        padding-left:
            14px !important;

        padding-right:
            14px !important;
    }


    #agenda-tu-espacio
    > .elementor-container {

        padding:
            24px
            19px;

        border-radius:
            20px;
    }


    .rjc-booking-title
    .elementor-heading-title {

        font-size:
            37px;
    }


    .rjc-booking-list
    .elementor-icon-list-items {

        grid-template-columns:
            1fr;
    }


    .rjc-booking-card
    > .elementor-column-wrap
    > .elementor-widget-wrap,

    .rjc-booking-card
    > .elementor-widget-wrap {

        padding:
            20px !important;
    }


    /* ========================================================
       LOCATION
       ======================================================== */

    #rjc-ubicate
    > .elementor-container {

        padding-left:
            14px;

        padding-right:
            14px;
    }


    .rjc-map,
    .rjc-map iframe {

        min-height:
            300px;
    }


    /* ========================================================
       FINAL CTA
       ======================================================== */

    #rjc-final
    > .elementor-container {

        padding-left:
            14px;

        padding-right:
            14px;
    }


    .rjc-final-actions
    > .elementor-container {

        width:
            100% !important;

        display:
            grid !important;

        grid-template-columns:
            1fr !important;

        gap:
            10px !important;
    }


    .rjc-final-actions
    > .elementor-container
    > .elementor-column {

        width:
            100% !important;
    }


    .rjc-final-actions
    .rjc-btn,

    .rjc-final-actions
    .rjc-btn
    .elementor-widget-container,

    .rjc-final-actions
    .rjc-btn
    .elementor-button-wrapper,

    .rjc-final-actions
    .rjc-btn
    .elementor-button {

        width:
            100% !important;
    }

}


/* ============================================================
   18. MÓVIL PEQUEÑO
   ============================================================ */

@media (max-width:420px) {

    .rjc-hero-title,
    .rjc-hero-title
    .elementor-heading-title {

        font-size:
            44px;
    }


    .rjc-hero-subtitle
    .elementor-heading-title {

        font-size:
            17px;
    }


    .rjc-hero-media {

        min-height:
            330px;
    }


    .rjc-hero-image img {

        max-height:
            330px;
    }


    .rjc-activity-card
    > .elementor-column-wrap
    > .elementor-widget-wrap,

    .rjc-activity-card
    > .elementor-widget-wrap {

        grid-template-columns:
            48px
            minmax(0,1fr);

        column-gap:
            11px;

        padding:
            17px !important;
    }


    .rjc-activity-icon
    .elementor-icon {

        width:
            45px;

        height:
            45px;
    }


    .rjc-agenda-card
    > .elementor-column-wrap
    > .elementor-widget-wrap,

    .rjc-agenda-card
    > .elementor-widget-wrap {

        grid-template-columns:
            56px
            minmax(0,1fr)
            30px;

        gap:
            8px;
    }


    .rjc-agenda-date
    .elementor-heading-title {

        width:
            50px;

        min-height:
            50px;
    }


    .rjc-agenda-arrow
    .elementor-icon {

        width:
            29px;

        height:
            29px;
    }


    .rjc-booking-title
    .elementor-heading-title {

        font-size:
            33px;
    }


    .rjc-final-title,
    .rjc-final-title
    .elementor-heading-title {

        font-size:
            34px;
    }

}


/* ============================================================
   19. ACCESIBILIDAD
   ============================================================ */

.rjc-section
a:focus-visible,

.rjc-section
button:focus-visible {

    outline:
        3px solid var(--rjc-yellow) !important;

    outline-offset:
        3px;
}


/* ============================================================
   20. REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion:reduce) {

    .rjc-section,
    .rjc-section *,
    .rjc-section *::before,
    .rjc-section *::after {

        transition:
            none !important;

        animation:
            none !important;
    }

}/* End custom CSS */