/*
|--------------------------------------------------------------------------
| PÁGINAS EDITABLES - ÚRSULO GALVÁN
|--------------------------------------------------------------------------
*/

.elementor-page {

    --ugv-primary:
        var(--e-global-color-primary);

    --ugv-secondary:
        var(--e-global-color-secondary);

    --ugv-text:
        var(--e-global-color-text);

    --ugv-accent:
        var(--e-global-color-accent);

    --ugv-light:
        color-mix(
            in srgb,
            var(--ugv-secondary) 7%,
            #ffffff
        );

    --ugv-border:
        color-mix(
            in srgb,
            var(--ugv-secondary) 23%,
            #ffffff
        );
}


/*
|--------------------------------------------------------------------------
| HERO
|--------------------------------------------------------------------------
*/

.ugv-page-hero {

    padding:
        48px 24px !important;

    background:
        var(--ugv-light);

    border-bottom:
        1px solid
        var(--ugv-border);
}


.ugv-page-kicker
.elementor-heading-title {

    color:
        var(--ugv-accent) !important;

    font-size:
        13px !important;

    font-weight:
        700 !important;

    letter-spacing:
        .12em;

    text-transform:
        uppercase;
}


.ugv-page-title
.elementor-heading-title {

    color:
        var(--ugv-text) !important;

    font-size:
        clamp(
            38px,
            4vw,
            52px
        ) !important;

    line-height:
        1.1 !important;
}


/*
|--------------------------------------------------------------------------
| CONTENIDO
|--------------------------------------------------------------------------
*/

.ugv-page-content,
.ugv-history-section,
.ugv-organigrama,
.ugv-tramites-intro {

    padding:
        46px 24px !important;
}


.ugv-page-content
.elementor-widget-text-editor,
.ugv-history-section
.elementor-widget-text-editor {

    color:
        var(--ugv-secondary);

    font-size:
        16px;

    line-height:
        1.75;
}


.ugv-page-content p,
.ugv-history-section p {

    text-align:
        justify;
}


.ugv-content-heading
.elementor-heading-title,
.ugv-section-title
.elementor-heading-title {

    color:
        var(--ugv-text) !important;

    line-height:
        1.25;
}


.ugv-content-image img,
.ugv-organigrama-image img {

    display:
        block;

    max-width:
        100%;

    height:
        auto;

    margin:
        0 auto;
}


/*
|--------------------------------------------------------------------------
| BOTONES
|--------------------------------------------------------------------------
*/

.ugv-content-button
.elementor-button,
.ugv-card-button
.elementor-button {

    background:
        var(--ugv-primary) !important;

    color:
        #ffffff !important;

    border-radius:
        3px;

    font-weight:
        700;
}


.ugv-content-button
.elementor-button:hover,
.ugv-card-button
.elementor-button:hover {

    background:
        var(--ugv-accent) !important;
}


/*
|--------------------------------------------------------------------------
| TARJETAS TRÁMITES
|--------------------------------------------------------------------------
*/

.ugv-page-card-row {

    padding:
        0 24px 16px !important;
}


.ugv-page-card-row
> .elementor-container {

    align-items:
        stretch;
}


.ugv-page-card {

    margin:
        0 7px;

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

    background:
        #ffffff;
}


.ugv-page-card
> .elementor-widget-wrap {

    min-height:
        250px;

    padding:
        26px 22px !important;
}


.ugv-card-number
.elementor-heading-title {

    color:
        var(--ugv-accent) !important;

    font-family:
        Georgia,
        serif;

    font-size:
        17px !important;
}


.ugv-card-title
.elementor-heading-title {

    color:
        var(--ugv-text) !important;

    font-size:
        20px !important;
}


.ugv-card-text {

    color:
        var(--ugv-secondary);
}


/*
|--------------------------------------------------------------------------
| HISTORIA
|--------------------------------------------------------------------------
*/

.ugv-history-hero {

    padding:
        45px 24px !important;

    background:
        var(--ugv-light);
}


.ugv-history-hero
> .elementor-container {

    align-items:
        center;
}


.ugv-history-lead {

    max-width:
        720px;

    color:
        var(--ugv-secondary);

    font-size:
        18px;

    line-height:
        1.75;
}


.ugv-history-hero-image img {

    width:
        100%;

    height:
        auto;
}


.ugv-history-timeline {

    padding:
        46px 24px !important;

    background:
        var(--ugv-primary);

    color:
        #ffffff;
}


.ugv-history-timeline
.elementor-heading-title,

.ugv-history-timeline
.elementor-widget-text-editor {

    color:
        #ffffff !important;
}


.ugv-history-event {

    display:
        grid;

    grid-template-columns:
        120px 1fr;

    gap:
        24px;

    padding:
        22px 0;

    border-top:
        1px solid
        rgba(255,255,255,.16);
}


.ugv-history-year {

    color:
        color-mix(
            in srgb,
            var(--ugv-accent) 50%,
            #ffffff
        );

    font-family:
        Georgia,
        serif;

    font-size:
        25px;
}


.ugv-history-event h3 {

    margin:
        0 0 5px;

    color:
        #ffffff;
}


.ugv-history-event p {

    margin:
        0;

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


.ugv-history-gallery {

    padding:
        0 24px 40px !important;
}


.ugv-history-gallery img {

    width:
        100%;

    height:
        280px;

    object-fit:
        cover;
}


.ugv-history-closing {

    margin-top:
        20px;

    padding:
        42px 24px !important;

    background:
        var(--ugv-light);
}


/*
|--------------------------------------------------------------------------
| NOTICIAS
|--------------------------------------------------------------------------
*/

.ugv-news-archive {

    display:
        grid;

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

    gap:
        22px;

    margin-top:
        25px;
}


.ugv-news-card {

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

    background:
        #ffffff;
}


.ugv-news-image {

    display:
        block;
}


.ugv-news-image img {

    display:
        block;

    width:
        100%;

    aspect-ratio:
        16 / 10;

    object-fit:
        cover;
}


.ugv-news-body {

    padding:
        21px;
}


.ugv-news-date {

    margin-bottom:
        8px;

    color:
        var(--ugv-accent);

    font-size:
        12px;

    font-weight:
        700;
}


.ugv-news-body h2 {

    margin:
        0 0 10px;

    font-size:
        20px;
}


.ugv-news-body h2 a {

    color:
        var(--ugv-text);

    text-decoration:
        none;
}


.ugv-news-body p {

    color:
        var(--ugv-secondary);

    line-height:
        1.6;
}


.ugv-news-read {

    color:
        var(--ugv-primary);

    font-weight:
        700;

    text-decoration:
        none;
}


/*
|--------------------------------------------------------------------------
| RESPONSIVE
|--------------------------------------------------------------------------
*/

@media (
    max-width: 900px
) {

    .ugv-news-archive {

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


    .ugv-history-event {

        grid-template-columns:
            90px 1fr;
    }
}


@media (
    max-width: 650px
) {

    .ugv-page-hero,
    .ugv-page-content,
    .ugv-history-section,
    .ugv-organigrama,
    .ugv-history-hero,
    .ugv-history-timeline {

        padding-left:
            18px !important;

        padding-right:
            18px !important;
    }


    .ugv-page-title
    .elementor-heading-title {

        font-size:
            34px !important;
    }


    .ugv-page-card {

        width:
            100% !important;

        margin:
            0 0 14px;
    }


    .ugv-news-archive {

        grid-template-columns:
            1fr;
    }


    .ugv-history-event {

        grid-template-columns:
            1fr;

        gap:
            5px;
    }


    .ugv-history-gallery img {

        height:
            auto;
    }
}

/* === UGV AJUSTE HISTORIA CONTACTOS INICIO === */


/*
|--------------------------------------------------------------------------
| HISTORIA - LINEA DEL TIEMPO
|--------------------------------------------------------------------------
*/

body.page-id-148
.ugv-history-timeline {

    background:
        var(--ugv-primary) !important;

    color:
        #ffffff !important;

    padding:
        48px 24px !important;
}


body.page-id-148
.ugv-history-timeline
> .elementor-container {

    max-width:
        1200px !important;

    margin:
        0 auto !important;
}


body.page-id-148
.ugv-history-timeline
.elementor-heading-title,

body.page-id-148
.ugv-history-timeline
.elementor-widget-text-editor,

body.page-id-148
.ugv-history-timeline
p,

body.page-id-148
.ugv-history-timeline
h3 {

    color:
        #ffffff !important;
}


body.page-id-148
.ugv-history-timeline
.ugv-page-kicker
.elementor-heading-title {

    color:
        color-mix(
            in srgb,
            var(--ugv-accent) 45%,
            #ffffff
        ) !important;
}


body.page-id-148
.ugv-history-event {

    display:
        grid !important;

    grid-template-columns:
        120px 1fr !important;

    gap:
        24px !important;

    padding:
        23px 0 !important;

    border-top:
        1px solid
        rgba(255,255,255,.18) !important;
}


body.page-id-148
.ugv-history-event
.ugv-history-year {

    color:
        color-mix(
            in srgb,
            var(--ugv-accent) 48%,
            #ffffff
        ) !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        26px !important;

    font-weight:
        700 !important;
}


body.page-id-148
.ugv-history-event h3 {

    margin:
        0 0 6px !important;

    font-size:
        19px !important;
}


body.page-id-148
.ugv-history-event p {

    margin:
        0 !important;

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

    line-height:
        1.65 !important;
}


/*
|--------------------------------------------------------------------------
| HISTORIA - GALERÍA DE 3 IMÁGENES
|--------------------------------------------------------------------------
*/

body.page-id-148
.ugv-history-gallery-3 {

    padding:
        0 24px 38px !important;
}


body.page-id-148
.ugv-history-gallery-3
> .elementor-container {

    display:
        flex !important;

    gap:
        16px !important;

    align-items:
        stretch !important;
}


body.page-id-148
.ugv-history-gallery-3
.elementor-column {

    width:
        calc(33.333% - 11px) !important;

    flex:
        1 1 0 !important;
}


body.page-id-148
.ugv-history-gallery-3
.elementor-widget-wrap,

body.page-id-148
.ugv-history-gallery-3
.elementor-widget-image,

body.page-id-148
.ugv-history-gallery-3
.elementor-widget-container {

    width:
        100% !important;

    height:
        100% !important;
}


body.page-id-148
.ugv-history-gallery-3 img {

    display:
        block !important;

    width:
        100% !important;

    max-width:
        none !important;

    height:
        270px !important;

    object-fit:
        cover !important;
}


/*
|--------------------------------------------------------------------------
| HISTORIA - GALERÍA DUNAS 60 / 40
|--------------------------------------------------------------------------
*/

body.page-id-148
.ugv-history-gallery-2 {

    padding:
        0 24px 38px !important;
}


body.page-id-148
.ugv-history-gallery-2
> .elementor-container {

    display:
        flex !important;

    gap:
        16px !important;

    align-items:
        stretch !important;
}


body.page-id-148
.ugv-history-gallery-2
.elementor-column:nth-child(1) {

    width:
        calc(60% - 8px) !important;

    flex:
        0 0 calc(60% - 8px) !important;
}


body.page-id-148
.ugv-history-gallery-2
.elementor-column:nth-child(2) {

    width:
        calc(40% - 8px) !important;

    flex:
        0 0 calc(40% - 8px) !important;
}


body.page-id-148
.ugv-history-gallery-2
.elementor-widget-wrap,

body.page-id-148
.ugv-history-gallery-2
.elementor-widget-image,

body.page-id-148
.ugv-history-gallery-2
.elementor-widget-container {

    width:
        100% !important;

    height:
        100% !important;
}


body.page-id-148
.ugv-history-gallery-2 img {

    display:
        block !important;

    width:
        100% !important;

    max-width:
        none !important;

    height:
        410px !important;

    object-fit:
        cover !important;
}


/*
|--------------------------------------------------------------------------
| HISTORIA - HERO
|--------------------------------------------------------------------------
*/

body.page-id-148
.ugv-history-hero-image img {

    display:
        block !important;

    width:
        100% !important;

    height:
        330px !important;

    object-fit:
        cover !important;
}


/*
|--------------------------------------------------------------------------
| INFORMACIÓN DE CONTACTO
|--------------------------------------------------------------------------
*/

.ugv-contact-header {

    padding:
        38px 24px 14px !important;
}


.ugv-contact-title
.elementor-heading-title {

    color:
        var(--ugv-text) !important;

    font-size:
        30px !important;

    line-height:
        1.2 !important;
}


.ugv-contact-cards {

    padding:
        0 24px 42px !important;
}


.ugv-contact-cards
> .elementor-container {

    display:
        flex !important;

    gap:
        14px !important;

    align-items:
        stretch !important;
}


.ugv-contact-card {

    width:
        calc(25% - 11px) !important;

    flex:
        1 1 0 !important;

    border:
        1px solid
        var(--ugv-border) !important;

    background:
        #ffffff !important;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


.ugv-contact-card:hover {

    transform:
        translateY(-2px);

    border-color:
        var(--ugv-accent) !important;

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


.ugv-contact-card
> .elementor-widget-wrap {

    height:
        100% !important;

    padding:
        22px !important;
}


.ugv-contact-card-title
.elementor-heading-title {

    margin:
        0 0 13px !important;

    color:
        var(--ugv-accent) !important;

    font-size:
        13px !important;

    font-weight:
        700 !important;

    letter-spacing:
        .08em;

    text-transform:
        uppercase;
}


.ugv-contact-card
.elementor-widget-text-editor {

    margin-bottom:
        5px !important;

    color:
        var(--ugv-text) !important;

    font-size:
        15px !important;

    line-height:
        1.55 !important;
}


.ugv-contact-card
.elementor-widget-text-editor p {

    margin:
        0 0 5px !important;

    text-align:
        left !important;
}


.ugv-contact-card
.elementor-widget-button {

    margin:
        0 !important;
}


.ugv-contact-card
.elementor-button {

    display:
        inline !important;

    min-height:
        0 !important;

    padding:
        0 !important;

    background:
        transparent !important;

    color:
        var(--ugv-primary) !important;

    border:
        0 !important;

    box-shadow:
        none !important;

    font-size:
        15px !important;

    font-weight:
        700 !important;

    text-align:
        left !important;
}


.ugv-contact-card
.elementor-button:hover {

    background:
        transparent !important;

    color:
        var(--ugv-accent) !important;
}


/*
|--------------------------------------------------------------------------
| AVISO POSTERIOR A CONTACTO
|--------------------------------------------------------------------------
*/

.ugv-page-tail {

    padding-top:
        0 !important;

    padding-bottom:
        35px !important;
}


.ugv-page-tail
.elementor-divider {

    margin:
        0 0 20px !important;
}


/*
|--------------------------------------------------------------------------
| RESPONSIVE
|--------------------------------------------------------------------------
*/

@media (max-width: 900px) {

    .ugv-contact-cards
    > .elementor-container {

        flex-wrap:
            wrap !important;
    }


    .ugv-contact-card {

        width:
            calc(50% - 7px) !important;

        flex:
            0 0 calc(50% - 7px) !important;
    }


    body.page-id-148
    .ugv-history-gallery-3
    > .elementor-container {

        flex-wrap:
            wrap !important;
    }


    body.page-id-148
    .ugv-history-gallery-3
    .elementor-column {

        width:
            calc(50% - 8px) !important;

        flex:
            0 0 calc(50% - 8px) !important;
    }
}


@media (max-width: 650px) {

    .ugv-contact-header,
    .ugv-contact-cards {

        padding-left:
            18px !important;

        padding-right:
            18px !important;
    }


    .ugv-contact-card {

        width:
            100% !important;

        flex:
            0 0 100% !important;
    }


    body.page-id-148
    .ugv-history-event {

        grid-template-columns:
            1fr !important;

        gap:
            5px !important;
    }


    body.page-id-148
    .ugv-history-gallery-3
    > .elementor-container,

    body.page-id-148
    .ugv-history-gallery-2
    > .elementor-container {

        flex-direction:
            column !important;
    }


    body.page-id-148
    .ugv-history-gallery-3
    .elementor-column,

    body.page-id-148
    .ugv-history-gallery-2
    .elementor-column {

        width:
            100% !important;

        flex:
            0 0 100% !important;
    }


    body.page-id-148
    .ugv-history-gallery-3 img,

    body.page-id-148
    .ugv-history-gallery-2 img,

    body.page-id-148
    .ugv-history-hero-image img {

        height:
            auto !important;
    }
}


/* === UGV AJUSTE HISTORIA CONTACTOS FIN === */


/* === UGV HISTORIA FIX DEFINITIVO INICIO === */


/*
|--------------------------------------------------------------------------
| LÍNEA DEL TIEMPO
|--------------------------------------------------------------------------
*/

body.page-id-148
.elementor-element-f2d2da1 {

    background:
        var(--e-global-color-primary) !important;

    color:
        #ffffff !important;

    padding:
        46px 24px !important;
}


body.page-id-148
.elementor-element-f2d2da1
> .elementor-container {

    max-width:
        1200px !important;

    margin:
        0 auto !important;
}


body.page-id-148
.elementor-element-f2d2da1
.elementor-heading-title,

body.page-id-148
.elementor-element-f2d2da1
.elementor-widget-text-editor,

body.page-id-148
.elementor-element-f2d2da1
h2,

body.page-id-148
.elementor-element-f2d2da1
h3,

body.page-id-148
.elementor-element-f2d2da1
p {

    color:
        #ffffff !important;
}


body.page-id-148
.elementor-element-f2d2da1
.ugv-page-kicker
.elementor-heading-title {

    color:
        color-mix(
            in srgb,
            var(--e-global-color-accent) 45%,
            #ffffff
        ) !important;
}


body.page-id-148
.elementor-element-f2d2da1
.ugv-history-event {

    display:
        grid !important;

    grid-template-columns:
        120px 1fr !important;

    gap:
        25px !important;

    padding:
        23px 0 !important;

    border-top:
        1px solid
        rgba(255,255,255,.17) !important;
}


body.page-id-148
.elementor-element-f2d2da1
.ugv-history-year {

    color:
        color-mix(
            in srgb,
            var(--e-global-color-accent) 48%,
            #ffffff
        ) !important;

    font-family:
        Georgia,
        serif !important;

    font-size:
        26px !important;

    font-weight:
        700 !important;
}


body.page-id-148
.elementor-element-f2d2da1
.ugv-history-event h3 {

    margin:
        0 0 6px !important;

    font-size:
        19px !important;

    font-weight:
        700 !important;
}


body.page-id-148
.elementor-element-f2d2da1
.ugv-history-event p {

    margin:
        0 !important;

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

    line-height:
        1.65 !important;
}


/*
|--------------------------------------------------------------------------
| GALERÍA CEMPOALA - 3 IMÁGENES IGUALES
|--------------------------------------------------------------------------
*/

body.page-id-148
.elementor-element-9d56fd7 {

    padding:
        0 24px 42px !important;
}


body.page-id-148
.elementor-element-9d56fd7
> .elementor-container {

    display:
        flex !important;

    gap:
        16px !important;

    align-items:
        stretch !important;
}


body.page-id-148
.elementor-element-9d56fd7
.elementor-column {

    width:
        calc(33.333% - 11px) !important;

    flex:
        1 1 0 !important;
}


body.page-id-148
.elementor-element-9d56fd7
.elementor-widget-wrap,

body.page-id-148
.elementor-element-9d56fd7
.elementor-widget-image,

body.page-id-148
.elementor-element-9d56fd7
.elementor-widget-container,

body.page-id-148
.elementor-element-9d56fd7
.elementor-image {

    width:
        100% !important;
}


body.page-id-148
.elementor-element-9d56fd7
img {

    display:
        block !important;

    width:
        100% !important;

    max-width:
        none !important;

    height:
        265px !important;

    object-fit:
        cover !important;

    object-position:
        center center !important;
}


/*
|--------------------------------------------------------------------------
| CHACHALACAS TEXTO + FOTO
|--------------------------------------------------------------------------
*/

body.page-id-148
.elementor-element-51f0e02
> .elementor-container {

    display:
        flex !important;

    align-items:
        center !important;

    gap:
        34px !important;
}


body.page-id-148
.elementor-element-51f0e02
.elementor-column {

    flex:
        1 1 50% !important;

    width:
        50% !important;
}


body.page-id-148
.elementor-element-51f0e02
.elementor-widget-image img {

    display:
        block !important;

    width:
        100% !important;

    max-width:
        none !important;

    height:
        320px !important;

    object-fit:
        cover !important;
}


/*
|--------------------------------------------------------------------------
| DUNAS - 60 / 40
|--------------------------------------------------------------------------
*/

body.page-id-148
.elementor-element-df7b0f8 {

    padding:
        0 24px 42px !important;
}


body.page-id-148
.elementor-element-df7b0f8
> .elementor-container {

    display:
        flex !important;

    gap:
        16px !important;

    align-items:
        stretch !important;
}


body.page-id-148
.elementor-element-df7b0f8
.elementor-column:nth-child(1) {

    width:
        calc(60% - 8px) !important;

    flex:
        0 0 calc(60% - 8px) !important;
}


body.page-id-148
.elementor-element-df7b0f8
.elementor-column:nth-child(2) {

    width:
        calc(40% - 8px) !important;

    flex:
        0 0 calc(40% - 8px) !important;
}


body.page-id-148
.elementor-element-df7b0f8
.elementor-widget-wrap,

body.page-id-148
.elementor-element-df7b0f8
.elementor-widget-image,

body.page-id-148
.elementor-element-df7b0f8
.elementor-widget-container {

    width:
        100% !important;
}


body.page-id-148
.elementor-element-df7b0f8
img {

    display:
        block !important;

    width:
        100% !important;

    max-width:
        none !important;

    height:
        390px !important;

    object-fit:
        cover !important;

    object-position:
        center center !important;
}


/*
|--------------------------------------------------------------------------
| CIERRE
|--------------------------------------------------------------------------
*/

body.page-id-148
.elementor-element-b699786 {

    background:
        color-mix(
            in srgb,
            var(--e-global-color-secondary) 7%,
            #ffffff
        ) !important;

    padding:
        42px 24px !important;

    margin-top:
        10px !important;
}


/*
|--------------------------------------------------------------------------
| RESPONSIVE
|--------------------------------------------------------------------------
*/

@media (max-width: 900px) {

    body.page-id-148
    .elementor-element-9d56fd7
    > .elementor-container {

        flex-wrap:
            wrap !important;
    }


    body.page-id-148
    .elementor-element-9d56fd7
    .elementor-column {

        width:
            calc(50% - 8px) !important;

        flex:
            0 0 calc(50% - 8px) !important;
    }
}


@media (max-width: 650px) {

    body.page-id-148
    .elementor-element-f2d2da1
    .ugv-history-event {

        grid-template-columns:
            1fr !important;

        gap:
            4px !important;
    }


    body.page-id-148
    .elementor-element-9d56fd7
    > .elementor-container,

    body.page-id-148
    .elementor-element-df7b0f8
    > .elementor-container {

        flex-direction:
            column !important;
    }


    body.page-id-148
    .elementor-element-9d56fd7
    .elementor-column,

    body.page-id-148
    .elementor-element-df7b0f8
    .elementor-column {

        width:
            100% !important;

        flex:
            0 0 100% !important;
    }


    body.page-id-148
    .elementor-element-9d56fd7
    img,

    body.page-id-148
    .elementor-element-df7b0f8
    img {

        height:
            auto !important;
    }
}


/* === UGV HISTORIA FIX DEFINITIVO FIN === */