/* Estilos base (globales para todos los tamaños) */

/* Escritorio */
@media only screen and (min-width: 1025px) {

    /* Estilos para pantallas grandes */
    .seccond-banner-item {
        height: 38vh;
    }

    .second-banner-item-text {
        position: absolute;
        bottom: 20px;
        /* espacio desde el fondo */
        left: 20px;
        /* espacio desde el lado izquierdo */
        text-align: left !important;
        padding-right: 100px;
    }

    .second-banner-item-text h2,
    .second-banner-item-text p,
    .second-banner-item-text a {
        margin: 0;
        text-align: left !important;
        font-size: 32px;
        color: var(--color-white);
    }

    .second-banner-item-text a {
        background: var(--color-principal);
        padding: 6px 25px;
        font-size: 24px;
    }
}

/* Escritorio y tabletas */
/* Fix problem with carousel navigation premium */
@media only screen and (min-width: 729px) {
    #elements-premium .loft_grid.carousel_nav {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr);
        gap: 0px;
        justify-content: space-around !important;
    }

    #elements-premium .posts_grid .item,
    #elements-premium .crsl-grid .item {
        float: none !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }

    #elements-premium .loft_wrapper,
    #elements-premium .loft_grid.carousel_nav {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
/* Tablet */
@media only screen and (max-width: 1024px) {
    .second-banner-item-text {
        padding-left: 30px;
        text-align: left !important;
        padding-right: 100px;
    }

    .second-banner-item-text h2,
    .second-banner-item-text p,
    .second-banner-item-text a {
        margin: 0;
        text-align: left !important;
        font-size: 20px !important;
        color: var(--color-white);
    }

    .second-banner-item-text a {
        background: var(--color-principal);
        padding: 6px 25px;
        font-size: 24px;
    }

    #month-color h3 {
        margin-right: 0px !important;
    }
}

/* Móviles */
@media only screen and (max-width: 768px) {
    /* Estilos para móviles */
    #second-banners .wpb_column.vc_column_container.vc_col-sm-12.vc_col-lg-4.vc_col-md-12.vc_col-has-fill {
        margin-top: 10px !important;
    }
}

/* Celulares en orientación vertical o pantallas muy pequeñas */
@media only screen and (max-width: 480px) {
    /* Estilos para celulares pequeños */
}

.item-aglomerado * {
    color: var(--color-principal);
}

.item-aglomerado h4 {
    font-weight: bold;
}

.item-aglomerado p {
    line-height: 1.1;
}

.item-aglomerado .icon:before {
    content: '';
    display: inline-block;
    width: 10vh;
    height: 10vh;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#item-aglomerado-1 .icon:before {
    background-image: url(https://aglogarbel.com/wp-content/themes/loft-child/assets/svg/aglomerados.svg);
}

#item-aglomerado-2 .icon:before {
    background-image: url(https://aglogarbel.com/wp-content/themes/loft-child/assets/svg/pegamento.svg);
}

#item-aglomerado-3 .icon:before {
    background-image: url(https://aglogarbel.com/wp-content/themes/loft-child/assets/svg/herrajeria.svg);
}

#item-aglomerado-4 .icon:before {
    background-image: url(https://aglogarbel.com/wp-content/themes/loft-child/assets/svg/asesoria.svg);
}

.main_menu .menu-item,
#mobile_menu .megamenu_item_column_title,
#mobile_menu .widget_nav_menu .menu-item {
    font-size: 18px;
}

#month-color * {
    color: var(--color-white);
}

#month-color h3 {
    background: var(--color-principal);
    padding-left: 20px;
    margin-right: 160px;
}

#month-color h2 {
    font-weight: bold;
}

#month-color p:first-of-type {
    font-size: x-large;
    font-weight: 100;
}

#month-color p:nth-of-type(2) {
    font-size: x-large;
    font-weight: 600;
}

.portfolio_item_post:not(.hoverdir) .cwsportfolio_content_wrap {
    background-color: transparent;
}

.we-are-leaders h3 span {
    color: var(--color-principal);
}

#month-color-carousel h3.cwsportfolio_post_title.post_title.text_aligncenter,
#month-color-carousel .cwsportfolio_post_terms.post_terms.text_aligncenter,
#month-color-carousel .mobile_title_wrapper {
    display: none !important;
}

/* PREMIUM */
/* Ítems impares: 1°, 3°, 5°, 7°... */
#elements-premium .portfolio_item_post:not(.hoverdir):nth-child(odd) .cwsportfolio_content_wrap {
    opacity: 1 !important;
}

#elements-premium .post_title a {
    text-shadow: 1px 1px 2px black !important;
}

/* Ítems pares: 2°, 4°, 6°, 8°... */
.portfolio_item_post:not(.hoverdir):nth-child(even) .cwsportfolio_content_wrap .cwsportfolio_post_title,
.portfolio_item_post:not(.hoverdir):nth-child(even) .mobile_title_wrapper,
.portfolio_item_post:not(.hoverdir):nth-child(even) .cwsportfolio_content_wrap .cwsportfolio_post_terms {
    display: none !important;
}