/* todas las resoluciones */
header .content.header .controls a.button-search{

    display: none;

}

/* Solo aplica a instancias con data-fancybox="gallery" */
[data-fancybox="gallery"] .fancybox-navigation .fancybox-button {
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 99999 !important;
}

/*alertas*/

.novedades-detalle a[data-fancybox="gallery"]{

    position: relative;

}

.alert{

        padding: 1rem;
    background: transparent;
    margin-bottom: 1.5rem;
    border-radius: .5rem;
    position: relative;
    font-weight: 500;


}

.alert.alert-success{
    background-color: #F4FAF0;
    border: 2px solid #A4D784;
}

.alert.alert-danger{
    background-color: #edd6d6;
    border: 2px solid #ff0000;
}

.alert button.close{

    color: #000;
    background-color: transparent;
    font-size: 1.5rem;
    position: absolute;
    right: 1rem;
    top: .5rem;
    width: auto;
    height: auto;
    padding: 0;
    line-height: 1;
}

/* fin alertas */

.gallery-container .main-image a{

    position: relative;

}

.icon-expand{

    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background-color: rgba(0,0,0,.4);
    right: 16px;
    top: 16px;
    z-index: 100;
    position: absolute;
    border-radius: .25rem;

}

a.logo:active, a.logo:focus, a.logo:focus-visible, a.logo:hover, a.logo:focus-within, a.logo:target {

    outline: none!important;
    border: none!important;

}

.wp-inmobiliaria{

    display: inline-block;

}

.wp-inmobiliaria a{

    display: block;
    position: relative;
    padding-left: 28px;

}

.wp-inmobiliaria a svg{width: 16px; height: 16px; position: absolute; left: 4px; top: 5px;}



/* foot */

.foot{

    margin-top: 4rem;

}
.foot .content{gap: 24px; justify-content: space-between;}
.foot .content div{min-height: 0;}
.foot .secure{display: flex; justify-content: flex-start; gap: 8px; align-items: center;}
.foot .secure .icon-lock, .icons-footer .secure .icon-lock{width: 32px; height: 32px;}
.foot .secure span{font-weight: 600;}


.icons-footer div{min-height: 0!important; gap: 24px;}
.icons-footer .img-inm-label{width: 57px; height: 60px}
.icons-footer .secure{min-height: 0; display: flex; justify-content: flex-start; gap: 8px; align-items: center;}
.icons-footer .secure span{font-weight: 600;}

    .file-upload{

        width: 100%;
        background: white;
        color: #7B7B7B;
        padding: 0;
        border: 1px solid #F0F0F0;
        border-radius: 0.25rem;
        transition: all 0.25s ease-in-out;
        margin-bottom: 1rem;

    }

    .file-upload.focused, .file-upload:focus, .file-upload:focus-visible   {
        outline: none;
        border-color: #DFDFDF;
        color: #000;
        box-shadow: 1px 0 4px rgba(223, 223, 223, 0.8);
    }


  .file-upload label {
    display: inline-block;
    padding: 0.75rem 1rem;
    background-color: #F0F0F0;
    color: #7b7b7b;
    font-size: 16px;
    border-radius: 0.25rem 0 0 0.25rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }

  .file-upload label:hover {
    background-color: #DCDCDC;
  }

  
  .file-name {
    margin-left: 10px;
    font-size: 16px;
    color: #7b7b7b;
  }

  .file-upload input[type="file"] {
    display: none;
  }





  .form-equipo .content div form input, .form-equipo .content div form select, .form-equipo .content div form textarea{

    color: #ccc;

  }

  .form-equipo .file-upload{

    background-color: #000;

  }

    .form-equipo .file-upload label{

        background-color: #222;

    }

.form-equipo .file-upload label:hover{

    background-color: #333;

}

@media (max-width: 480px) {


.file-upload{

display: flex;
flex-direction: column!important;
background-color: transparent;
border: 1px solid transparent;


}

.file-upload label{

    margin-bottom: 8px;
    border: 1px solid #FF7A01;
    border-radius: 8px;
    color: #FF7A01;
    text-align: center;
    font-weight: bold;
    background-color: transparent;

}

 .file-upload .file-name{

    margin-left: 0;

}


    .file-upload.focused, .file-upload:focus, .file-upload:focus-visible   {
        outline: none;
        border-color: transparent;
        color: #000;
        box-shadow: none;

}
}

  /* ---- */

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}



/* data scroll container */

[data-scroll-container] {
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
}

.dsc-inner header{background-color: #fff; position: relative; border-bottom: 1px solid #F0F0F0;}

.dsc-inner.bg-draw{
    background: #FAFAFA url('/app/default/assets/addons/default/anomally/campiglia-theme/resources/imgs/img-bg-section-proyectos-02.png?v=1753184495') right no-repeat;
    background-size: 44rem;
    background-position-y: -18.75rem;
}


.dsc-inner.bg-trama-logo {
    background: #FAFAFA url('/app/default/assets/addons/default/anomally/campiglia-theme/resources/imgs/trama-logo.svg?v=1753184495') right repeat-y;
    background-size: 46%;
    background-position-y: 1rem;
}


.dsc-inner.bg-color, .bg-color{
    background: #FAFAFA
}

.c-scrollbar{z-index: 10000;}


/* header */

.header-sticky{
    position: sticky;
    top: 0;
}




/* modal */

.modal.buscador{
    max-width: 480px;
}

.modal .content{
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
}

.modal header{
    width: 100%;
    display: flex;
    position: absolute;
    top: 0;
    justify-content: space-between;
    align-items: center;
}

.modal header .logo img{
    margin: -8px 0 0;
}

.modal header .controls .button-close{
    width: 3rem;
    height: 3rem;
    background-image: url('/app/default/assets/addons/default/anomally/campiglia-theme/resources/imgs/icon-close.svg?v=1753184495');
    background-position: center center;
    background-size: cover;
}

.modal.buscador header{
    display: none;
}

.modal.menu .content .social{
    position: absolute;
    bottom: 2rem;
    margin-bottom: 0;
}

/* --- */

/* home - banner hero */

.banner-hero {
    overflow: hidden;
}


.banner-hero .image {
    height: 100vh; 
}


.banner-hero .image .banner-hero-img{
    width: 100vw;
    height: 100vh;
    background-size: cover;
    background-position: bottom right;
    background-repeat: no-repeat;
}

/* home - welcome */

.welcome{
    overflow: hidden;
}

.welcome .image-welcome{
    background-image: none;
    overflow: hidden;
}

.welcome .trama{z-index: 1;}

.welcome .trama-front{

    z-index: 4;
    background: url('/app/default/assets/addons/default/anomally/campiglia-theme/resources/imgs/trama-somosCampiglia-frente.svg?v=1753184495') bottom right no-repeat;
    mix-blend-mode: soft-light;
    bottom: 0;
    position: absolute;
    width: 100%;
    right: 0;
    height: 800px;

}

/* --- */

/* home - numbers */



/* link whatsapp */







/* home - news */

.news .item-news .info h3:hover, .team .item-news .info h3:hover, .news .item-news .info p, .team .item-news .info p{

    cursor: default;

}

/* footer */

footer {
    background-color:  #FF7A01;
    background-image: url('/app/default/assets/addons/default/anomally/campiglia-theme/resources/imgs/img-bg-footer.jpg?v=1753184495')!important;
    background-size: cover;
    background-position: center center;
}





/* preloeader */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff; /* Puedes cambiar el color de fondo */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.loader {
    width: 50px;
    height: 50px;
    border: 5px solid #ccc;
    border-top-color: #FF7A01;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}


@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}



.orange-cover{

    position: absolute;
    width: 100vw;
    height: 150vh;
    background-color: #FF7A01;
    mix-blend-mode: multiply;
    z-index: 4;
    opacity: 0;
    margin-top: -300px;
    transition: all 0.5s ease-in-out;

}

.list-campiglia a img.button-moreinfo{margin-top: 1rem;}



@media (min-width: 781px) {

    .welcome .content{

        z-index: 100;


    }

   

            .modal.menu:before{

                content: ' ';
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                width: 100vw;
                height: 100vh;
                opacity: 0.6;
                /*background-image: url('https://www.campiglia.com.uy/app/default/assets/home_banners/img-bannerHero-01.jpg?v=1750188130');*/
                background-image: url('/app/default/assets/addons/default/anomally/campiglia-theme/resources/imgs/banner-hero/img-bannerHero-01.jpg?v=1756991083');
                background-repeat: no-repeat;
                background-position: bottom right;
                background-size:cover;


        }

p.project-label{ font-size: 2rem; font-weight: bold;}
p.project-label a{font-size: 1.125rem; font-weight: normal; display: inline-block; margin-left: 8px; color: #FF7A01; text-decoration: underline;}

.list-campiglia .thumb-prop{

    overflow: hidden;
    margin-bottom: 1rem;
    border-radius: .5rem;
    width: 404px;
    height: 303px;


}

.list-campiglia .thumb-prop img{

    margin-bottom: 0;
    min-height: 100%;

}


/* carrusel equipo */

.team{height: 130vh;}

.team .content{width: 100vw;}

.team .content .header-section{

    width: 100vw;
    padding: 0 calc((100vw - 1280px) / 2);

}

.team .content .owl-carousel-team .team-group-item{

    width: 100vw;
    padding: 0 calc((100vw - 1280px) / 2);

}

.owl-carousel.owl-carousel-team .owl-dots{

    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 0;
    margin-top: 3rem;

}

.owl-carousel.owl-carousel-team .owl-nav button.disabled{

    opacity: .4;

}

.owl-carousel.owl-carousel-team .owl-dots button{

        padding: 0 !important;
        background-color: rgba(255, 255, 255, .4);
        display: block;
        width: 12px;
        height: 12px;
        border-radius: 16px;

}

.owl-carousel.owl-carousel-team .owl-dots button.active{


    background-color: rgba(255, 255, 255, 1);;

}

/* ** */


                /* .welcome-fix{

                background-image: url('/app/default/assets/addons/default/anomally/campiglia-theme/resources/imgs/section-campiglia.jpg?v=1753184495');
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;

            } */


            .welcome-fix .bg-parallax-welcome{

                  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; /* más grande que la sección para que se vea el movimiento */

                background-image: url('/app/default/assets/addons/default/anomally/campiglia-theme/resources/imgs/section-campiglia.jpg?v=1753184495');
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
                z-index: 0;

            }


    .detail-campiglia .d-flex{

        align-items: flex-start;

    }


    /* nueva galería */


.gallery-container {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  position: relative;
}

.main-image {
  flex: 1;
  display: flex;
  align-items: flex-start;
  padding-block: .5rem
}

.main-image img {
  width: 100%;
  height: auto;
  /*.max-height: 600px; /* Altura máxima deseada */
  object-fit: contain;
  display: block;
}

.thumbnails-wrapper {
  width: 120px;
  overflow: hidden;
  flex-shrink: 0;
}

.thumbnails {
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: auto;
  scroll-behavior: smooth;
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: rgba(0,0,0,0.2) transparent;
  padding: .5rem

}

.thumbnails::-webkit-scrollbar {
  width: 6px;
}

.thumbnails::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}


.thumb img {
  width: 100%;
  border: 2px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s;
}

.thumb.selected img {
  border-color: #FF7A01;
}


/* ajuste botón de whatsapp */



    .button-whatsapp a{

        height: 4rem;
        width: 4rem;
        background-size: 4rem;

    }


footer .content div .logo{

    width: 88px;

}

    .text-salient .content .u-h1, .u-h1{

        color: #000;
        font-size: 5.5rem;
        line-height: 105%;
        padding: 0 0 2.5rem;

    }

    .text-salient .content .u-h1 span {
        color: transparent;
        -webkit-text-stroke: 0.15rem #FF7A01;
        font-size: 7.5rem;
        
    }

    .u-h2{

        font-size: 3rem!important;
        padding-bottom: 2.5rem!important;
    
    }

    

    /* modal */

    .modal .content{
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
    }

    .modal header{
        max-width: 1280px;
        left: 50%;
        transform:  translateX(-50%);
    }

    .modal.menu .content nav a{
        display: inline-block;
        transform-origin: left center; 
        will-change: transform; 
        transition: all 0.3s ease-in-out;
        font-size: 2.5rem;
        line-height: 1.4;
        font-weight: bold;
        color: #000;
    }

    .modal.menu .content nav a:hover{
        color: #FF7A01;
        transform: scale(1.2); 
    }

    
    .modal.menu.fancybox-content{
        width: 100vw;
        padding: 0;
        overflow:hidden;
    }

    .modal.menu .fancybox-button{
        display: none;
    }

    /* --- */

    /* home - banner hero */

    .banner-hero .content{
        z-index: 10!important;
    }

    .banner-hero .image .banner-hero-img--mobile{
        display: none;
    }

    .banner-hero ul li a {
        display: inline-block;
        transform-origin: left center; 
        will-change: transform; 
    }

    .banner-hero ul li a:hover {
        font-size: 4rem;
        transform: scale(1.5);
    }


    /* home - welcome */

    .welcome{
        background-color: #fff;
        z-index: 100;
    }

    .welcome .image-welcome{
        border-radius: 16px;
        /* overflow: hidden; */
    }

    .welcome .image-welcome img:not(.logo-welcome){
        top: 0;
        left: 0;
        transform: none;
        height: auto;
        width: 100%;
        z-index: 2;
    }

    .welcome .image-welcome img.logo-welcome {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 320px;
        z-index: 6;
    }

    /* --- */

   /* home - numbers */

   .numbers .item-numbers .data-number span, .numbers .item-numbers .data-number span.counter {
        font-size: 4rem;
        line-height: 120%;
        margin-top: 0;
        position: relative;
        top: 0;
    }

    .numbers .item-numbers .data-number span sup{
        font-size: 2.5rem;
        line-height: 110%;
    }

    /* --- */

    /* home news */

    .item-news  {
        overflow: hidden;
    }

    .info {
        overflow: hidden;
        min-height: 50px; /* Altura base */
        transition: height 0.3s ease-out;
    }

    /* --- */

    /* proyectos */

    .projects .content div .item-project:after {
        content: "";
        position: absolute;
        inset: 0;
        background-color: #FF7A01;
        mix-blend-mode: multiply;
        pointer-events: none;
        opacity: 0;
        transition: all 0.5s ease-in-out;
        
    }

.projects .content div .item-project::after {
    opacity: 0;

}

.projects .content div .item-project:hover::after{

    opacity: 1;

}


.projects .content div .item-project img.category {

    transition: all 0.5s ease-in-out 0.3s;
}

.projects .content div .item-project img:not(.category){

    max-width: none;
    min-width: 100%;
    height: 100%;
    

}





.projects.bg-trama{
    /* background-position-y: 140% */



}


.projects .content div .item-project {
    height: 75vh;
    overflow: hidden;
}




    /* fix item projects */

    .projects.projects-fix .content div .item-project{

        width: calc((100vw - 120px) / 2);
        height: calc(((100vw - 120px) / 2) * .75);

    }

        .projects.projects-fix .content div .item-project img:not(.category){


    height: auto;
    width: 100%;
    min-height: 100%;
    

}

.projects.projects-fix .content div .item-project .container-h4 h4{

font-size: 3.5rem;

}

.projects.projects-fix .content div .item-project .category{

    width: 4rem;

}


    /************/



    /*.item-hero{opacity: 0;}*/

    body.page-index .section-header{

        position: absolute;
        top: 0;
        left: 0;
        z-index: 1000;
        width: 100%;
        pointer-events: unset!important;
        /* transition: opacity .2s ease-in-out; */

    }

    body.noscroll {
        overflow: hidden;
        height: 100vh;
    }

      /* html {
        scroll-behavior: smooth;
      } */

    body.page-index #section-header:not(.menu-fixed) header.header .controls{

        /* visibility: hidden; */
        opacity: 1;
        transition: all .5s ease-in-out;





    }

    #section-header:not(.menu-fixed) header .content.header .controls a.button-search, #section-header:not(.menu-fixed) header .content.header .controls a.button-nav{

        /* display: none; */
        background-image: none;

    }


    header .content.header .controls a.button-search svg, header .content.header .controls a.button-nav svg{

        display: none;

    }

    #section-header:not(.menu-fixed) header .content.header .controls a.button-search svg, #section-header:not(.menu-fixed) header .content.header .controls a.button-nav svg{

        margin-top: -4px;
        display: block;


    }


    header .content.header .controls a.button-search svg path, header .content.header .controls a.button-nav svg path{

        fill: #000;
        transition: fill 0.5s ease-in-out;

    }

    /* body.page-index header.header:not(.menu-fixed) .controls .button-nav{display: none;} */



    body.page-index #section-header:not(.menu-fixed) header.header.header-banner-over .controls{

        visibility: visible;
        opacity: 1;

    }

    body.page-index .section-header.menu-fixed {

        position: fixed!important;
        top: 0;
        width: 100vw;
        background: #fff;
        z-index: 10000;
        height: 106px;
        opacity: 1!important;
        margin-top: 0!important;
        transition: all .2s ease-in-out;
        pointer-events: unset!important;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);

    }



    body.page-index #section-header:not(.menu-fixed) header.header.header-banner-over .controls a svg path{

        fill: #fff;

    }


    .fancybox-slide--html {
        padding: 0!important;
    }

    /* ajuste fede */

    header .logo svg path{

        transition: fill 0.5s ease-in-out; 

    }

    .page-index #section-header:not(.menu-fixed) header.header-banner-over .logo svg path{

        fill: white;

    }
   
    .compensate-for-scrollbar > header .content{margin-right: 15px;}
    .compensate-for-scrollbar .orange-cover{width: calc(100vw + 15px);}


    .image picture {
        transition: transform 0.1s linear;
        will-change: transform;
    }

.button-whatsapp{

z-index: 400;

}

/* #preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff; 
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.loader {
    width: 50px;
    height: 50px;
    border: 5px solid #ccc;
    border-top-color: #FF7A01;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
} */

.list-campiglia > a img.button-moreinfo{

    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    margin-top: 8px;

}

.list-campiglia > a:hover img.button-moreinfo{

    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);

}

.obras-terceros{

    position: relative;
    background-color: #fff;

}

.obras-terceros .item-obras{

    height: 75vh;
    /* width: calc(50vw - 4px); */
    width: 50vw;
    position: absolute!important;
    background-position: left center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    z-index: 100;
    overflow: hidden;
    box-sizing:content-box;
    z-index: 1;
    border: 2px solid #fff;

}

.obras-terceros .item-obras .item-obras-data{

    background-color: rgba(0, 0, 0, 0.8);
    padding: 3rem;
    /* margin-left: 40px; */
    opacity: 0;
    width: 30vw;

}

.item-obras .item-obras-data h4 {

    color: #FFF;
    font-size: 3rem;
    line-height: 140%;
    padding-bottom: 1.25rem;

}

.item-obras .item-obras-data ul li{

    display: flex;
    margin-bottom: 0.75rem;
    justify-content: flex-start;

}

.item-obras .item-obras-data ul li label {

    color: #FFF;
    width: 50%;
    line-height: 130%;

}

.item-obras .item-obras-data ul li span {

    color: #FFF;
    text-align: left;
    padding-left: 1rem;

}

.item-obras .item-obras-data ul li:last-child{

    margin-top: 24px;

}



.item-obras .item-obras-data ul li a.button-gallery {
    background: url('/app/default/assets/addons/default/anomally/campiglia-theme/resources/imgs/icon-gallery.svg?v=1753184495') no-repeat center left;
    background-position-x: 1rem;
    background-position-y: 50%;
    cursor: pointer;
    border: 2px solid #FFF;
    border-radius: 4px;
    color: #FFF;
    font-size: 1rem;
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
}




.obras-terceros .item-obras:nth-child(even){

 
    
    justify-content: flex-end;

}



.obras-terceros .item-obras:nth-child(odd){


    justify-content: flex-start;

}


.obras-terceros .item-obras:nth-child(odd) .item-obras-data{

    margin-left: 40px;

}

.obras-terceros .item-obras:nth-child(even) .item-obras-data{

    margin-right: 40px;

}



/* fancybox gallery - detalle inmobiliaria */

.gallery-container{gap: 16px;}

.gallery-container .thumbnails{gap: 16px;}

.gallery-container .thumbnails img{width: 240px;}


/* direccion de obra*/


.text-salient.direccion-obras .content{

    position: relative;
    margin: 40px auto;

}

/* .direccion-obras-list{

    height: 80vh;
    width: 100vw;
    background-size: cover;

} */

.item-obra-section{


    height: calc(100vh - 104px);
    width: 100vw;
    overflow: hidden;
    margin-bottom: 4px;
}

.item-obra-section:last-of-type {

    margin-bottom: 0;

}

 .item-obra{     height: 100vh;
    width: 100vw;
    background-size: cover;}
 .item-obra-section p{white-space: nowrap; 
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    font-size: 1rem;
    padding: 0.25rem 0.75rem;
    position: absolute;
    bottom: 1rem;
    left: 1rem;

}
h1.h1-span{line-height: 90%!important; padding: 0!important;}

.u-p0{padding: 0!important;}

.pb-section {
    padding-bottom: 2.5rem;
}

.bg-direccion-obras{

    position: absolute;
    width: 100vw;
    height: 70vw;
    z-index: -1;
    background-position: top right;
    background-repeat: no-repeat;
    background-image: url('/app/default/assets/addons/default/anomally/campiglia-theme/resources/imgs/img-dir-y-ger-gradient.png?v=1753184495');

}

/* empresa */

.valores{

    background-color: #fff;

}

.item-valores .data-image{

        overflow: hidden;

    

}


.fade-on-scroll {
    transition: opacity 0.1s linear;
  }

.bg-trama-empresa {
    background: #FAFAFA url('/app/default/assets/addons/default/anomally/campiglia-theme/resources/imgs/trama-empresa.svg?v=1753184495') bottom right no-repeat;
    background-size: 894px;
    background-position-y: 100px;
}

section.empresa{

position: relative;
overflow: hidden;

}

section.empresa .bg-empresa-nuestra-historia{

    width: 100vw;
    height: calc(100% - 1px);
    background-color: #f4f4f4;
    position: absolute;
    z-index: 0;
    background-position: top right;
    background-repeat: no-repeat;
    background-image: url('/app/default/assets/addons/default/anomally/campiglia-theme/resources/imgs/nuestra-historia.jpg?v=1753184495');

}

.misionvision{overflow: hidden;}


.valores {
    padding: 5rem 0 0;
}


.item-team .info{height: auto;}


.office-slider{

    height: 78vh;
    background-color: #000;

}

.office-slider .owl-carousel .owl-nav, .team .owl-carousel .owl-nav{
    position: absolute;
    top: 50%;
    z-index: 10000;
    width: 100vw;
    display: flex;
    justify-content: space-between;
}


.owl-carousel .owl-nav button.owl-next{margin-right: 24px;}
.owl-carousel .owl-nav button.owl-prev{margin-left: 24px;}


.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{

    width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 99px;
    background-color: rgba(0, 0, 0, 0.3);
    margin-top: -28px;
    transition: all 0.3s ease-in-out;

}

.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover{

    background-color: rgba(0, 0, 0, 0.6);

}

.owl-carousel button.owl-dot{}

.owl-carousel .owl-nav button.owl-next img, .owl-carousel .owl-nav button.owl-prev img{



    width: 20px;
    height: 20px;



}


.list-campiglia > a  img:not(.button-moreinfo) {
    transition: transform 0.4s ease;
    display: block; /* por si hay espacios indeseados */
    width: 100%; /* opcional según diseño */
  }

  .list-campiglia > a:hover img:not(.button-moreinfo){

    transform: scale(1.03);

  } 



}


@media (max-width: 1600px) {

    .office-slider {
        height: 68vh;
    }

    /* modal */

    .menu .content nav a {

        font-size: 28px;
        line-height: 120%;

    }


}


@media (min-width: 1300px){


    /* fix item projects */

    .projects.projects-fix .content div .item-project{

        width: 620px;
        height: 465px;

    }

    .projects.projects-fix .content div .item-project img:not(.category){


    height: auto;
    width: 100%;
    min-height: 100%;
    

}

.projects.projects-fix .content div .item-project .container-h4 h4{

font-size: 4rem;

}


.projects.projects-fix .content div .item-project .category{

    width: 4rem;

}




}

@media (max-width: 1480px) {

    .banner-hero ul li a{font-size: 3rem;

    }

    .banner-hero ul li a:hover {
        font-size: 3rem;
        transform: scale(1.5);
    }




    h1 {
        font-size: 4.5rem;
    }

    h2 {

        font-size: 2.5rem;
        padding-bottom: 2rem;

    }

    /* welcome */

    .welcome .intro p {
        font-size: 20px;
        margin-bottom: .75rem;
    }

    .welcome .trama-front, .welcome .trama {

        width: 80%;
        background-size: 80%;

    }

    .text-salient .content h1{

        font-size: 5rem;

    }

    .text-salient .content h1 span{

        font-size: 6.75rem;

    }


    .projects .content div .item-project {
        height: 75vh;
        overflow: hidden;
    }


    .projects .content div .item-project .container-h4 h4{

        font-size: 4rem;

    }


    .obras-terceros .item-obras .item-obras-data{

        width: 40vw;

    }

    .item-obras .item-obras-data h4 {

        font-size: 2.5rem;

    }

    .item-obras .item-obras-data ul li {
        
        margin-bottom: 0.4rem;
        
    }


}


@media (max-width: 1300px) {

    .content {
        width: 100%;
        max-width: 1280px;
        padding-inline: 40px;
        z-index: 100;
    }

    /* modal*/

    #modal-menu .content header{

        width: 100%;
        left: 0;

    }

    h2 {padding-bottom: 1rem;}


    .detail-campiglia .title-project h3{font-size: 3rem;}

    .tab{font-size: 1rem;}

    .empresa .content{

        padding: 3rem 40px 0;

    }

    .misionvision .content{

        padding: 3rem 40px;

    }


}

@media (max-width: 1200px){

    .menu .content .intro{padding-bottom: 3rem;}

     .welcome .intro h1{font-size: 4rem; margin-bottom: 1rem;}

    /* modal */

    .menu .content nav a {font-size: 24px;}

    /* welcome */

    .welcome{padding: 80px 0; height: auto;}

    .valores .item-valores .data-content h4 span{


        font-size: 3rem;
    }

    .misionvision .content div h3 span{

        font-size: 5rem;

    }

    .team .content .owl-carousel-team .team-group-item{

        width: auto;

    }

    .owl-carousel.owl-carousel-team .owl-nav{

        display: none;

    }

    .list-campiglia .thumb-prop{

        width: calc((100vw - 144px) / 3);
        height: calc(((100vw - 144px) / 3) * .75);

    }


}



@media (max-width: 780px){

                .modal.menu:before{

                content: ' ';
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                width: 100vw;
                height: 100vh;
                opacity: 0.6;
                /*background-image: url('https://www.campiglia.com.uy/app/default/assets/home_banners/img-bannerHero-mobile-01.jpg?v=1750188130');*/
                background-image: url('/app/default/assets/addons/default/anomally/campiglia-theme/resources/imgs/banner-hero/img-bannerHero-mobile-01.jpg?v=1756991083');
                background-repeat: no-repeat;
                background-position: bottom right;
                background-size:cover;

            }


    p.project-label{ font-size: 1.25rem; font-weight: bold;}
    p.project-label a{font-size: .875rem; font-weight: normal; display: inline-block; margin-left: 8px; color: #FF7A01; text-decoration: underline;}



    .button-whatsapp a {
        height: 3.5rem;
        width: 3.5rem;
        background-size: 3.5rem;
    }


    .list-campiglia .thumb-prop{

    overflow: hidden;
    margin-bottom: 1rem;
    border-radius: .5rem;
    width: calc((100vw - 112px) / 2);
    height: calc(((100vw - 112px) / 2) * .75);


}

.list-campiglia .thumb-prop img{

    margin-bottom: 0;
    min-height: 100%;

}


    /* muestro el equipo completo*/

    .owl-carousel.owl-carousel-team{

        display: block;

    }


    /* galería - oculto los thumbnails */

    .thumbnails{

        display: none

    }


    footer .content div .logo{

    width: 120px;

}

    .umb-mb1{

    margin-bottom: 1rem;

}

    .pagination{flex-wrap: wrap!important;}


    .d-grid.grid-4.overflow-y-mobile{

    
        flex-direction: column;
        grid-template-columns: repeat(2, 1fr);
    }


    .u-h2 {
        font-size: 1.5rem!important;
    }

    .text-salient .content .u-h1, .u-h1{

        font-size: 1.8rem;

    }


        .text-salient .content .u-h1 span {
        font-size: 3.2rem;
        -webkit-text-stroke: 0.075rem #FF7A01;
        line-height: .75;
         color: transparent;
    }

    /* header */

    .content.header{
        padding-inline: 2rem;
    }

    /* modal */

    .modal header{
        left: 0;
        padding: 2rem;
    }

    .modal header .logo {
        line-height: 1;
    }

    .modal header .logo img {
        width: 220px;
        height: 40px;
        max-width: none;
    }


    .modal .content h2 {
        font-size: 1.25rem;
        padding-bottom: 1rem;
    }

    .modal.menu{
        width: 100vw;
        height: 100dvh; 

    }

    .modal.menu header{

        position: absolute;
        z-index: 15;
        left: 0;
        top: 0;

    }

    .menu .content .social a{

        opacity: .75;

    }

     .modal.menu .content{padding-inline: 1rem;         position: absolute;
        z-index: 10;
        left: 0;
        top: 0;}

    .modal.menu .fancybox-close-small{
        display: none;
    }

   .modal header .controls .button-close{
        background-position: 4px -4px;
    }

    /* --- */

    /* home - banner hero */

    .banner-hero .image .banner-hero-img--desktop{
        display: none;
    }

    .banner-hero .orange-cover{
        /*opacity: 1!important;*/
        display: none;
    }

    .banner-hero ul li a {
        font-size: 2rem;
        /*color: #fff;*/
    }

    .banner-hero .content{
        z-index: 5;
    }

     .banner-hero ul{

        margin-top: -180px;

     }

    .banner-hero ul li a:hover {
        font-size: 2rem;
        transform: scale(1);
    }

    #section-header:not(.menu-fixed) header .content.header .controls a svg{

        display: none;
       

    }

    /* home - welcome */

    .welcome{
        padding: 4rem;
    }

    .welcome .content{
        flex-direction: column;
        gap: 2rem;
    }

    .welcome .content div{
        width: 100%;
    }

    .welcome .image-welcome{
        width: 100%;
        height: calc(100vw - 8rem);
    }

    .welcome .image-welcome img{
        width: 100%;
        border-radius: 1rem;
    }

    .welcome .image-welcome img.logo-welcome{
        width: 200px;
        height: 200px;
        z-index: 8;
    }

    .welcome .trama-front, .welcome .trama {

        width: 100%;
        background-size: 130%;

    }

    .welcome .intro h1 {
        font-size: 3.5rem;
    }

    .welcome-fix{

        padding-bottom: 0;

    }


    /* --- */

    /* home - numners */

    .numbers {
        padding: 1.75rem 0 4rem;
    }

    .numbers .content {
        grid-template-columns: repeat(2, 2fr);
        height: auto;
    }

    .numbers .item-numbers{
        margin-bottom: 0;
    }

    .numbers .item-numbers .data-number span{
        font-size: 2.5rem;
        margin-top: 0;
        position: relative;
        right: 0;
    }

    .numbers .item-numbers .data-number span:not(.countup){
        font-size: 2rem;

    }

    .numbers .item-numbers{
        border-left: 0;
    }

    .numbers .item-numbers .data-number span.m2{
        font-size: .875rem;
        margin-left: -.5rem;
    }

    .numbers{

        background-color: #fff;

    }

    /* --- */

    /* home - news */

    .news, .team{

        height: auto;
        padding-block: 2rem;
        padding-inline: 4rem;

    }

    .news .content div:last-child, .team .content div:last-child {
        flex-direction: column;
    }

    /* --- */


    /* footer */

    footer .content {
        flex-direction: column;
        max-width: 480px;
    }

    footer .content div{

        min-height: 0;
        margin-bottom: 2rem;
        justify-content: center;
        text-align: center;

    }

    footer .content div h4{

        margin-bottom: 1rem;

    }

    footer .content div .social a {
        width: 2rem;
        height: 2rem;
        background-size: 2rem !important;
        margin-inline: .5rem;
    }

    /* --- */

    /* Proyectos */

    .text-salient .content h1{
        font-size: 3rem;
    }

    .text-salient .content h1 br{
        display: none;
    }

    .text-salient .content h1 span{
        font-size: 6rem;
        line-height: 1;
    }

    .projects .content div {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .projects .content div .item-project, .projects .content div .item-project.w-100{
        overflow: hidden;
        justify-content: center;
        max-height: calc(100vw - 4.5rem);
    }

    .projects .content div .item-project:after {
        content: "";
        position: absolute;
        inset: 0;
        /* background-color: #FF7A01; */
        /* mix-blend-mode: multiply; */
        background-color: rgba(0,0,0,.4);
        pointer-events: none;
        opacity: 1;
        transition: all 0.5s ease-in-out;
        
    }
    .projects .content div .item-project .container-h4
   {

        opacity: 1!important;

    }

    .projects .content div .item-project .category{

        opacity: 1;

    }

    .projects .content div .item-project img:not(.category){

        min-height: 100%;
        width: auto;
        min-width: 100%;

    }

    .text-salient .content h1 span{

        font-size: 4.5rem;
        -webkit-text-stroke: 0.1rem #FF7A01;


    }

    /* fix item projects */

    .projects.projects-fix .content div .item-project{

        width: calc(100vw - 80px);
        height: calc((100vw - 80px) * .75);

    }

    .projects.projects-fix .content div .item-project img:not(.category){


    height: auto;
    width: 100%;
    min-height: 100%;
    

}

.projects.projects-fix .content div .item-project .container-h4 h4{

font-size: 2.5rem;

}

.projects.projects-fix .content div .item-project .category{

    width: 3rem;

}


    .projects .content div .item-project.w-100 .container-h4{

        top: 50%;

    }

    /* --- */

    /* Inmobiliaria */

    header .content.header .form-searher ul {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    header .content.header .form-searher ul li.button{

        width: 100%;

    }

    /* Inmobiliaria - tabs header */




    .inmobiliaria .content .tabs {
        padding: 0 2.5rem 0.25rem 1rem;
        margin: 0 -1rem 1.5rem -1rem;
        width: 100vw;
        overflow-x: auto;
        white-space: nowrap;
        scroll-behavior: smooth;
        padding-bottom: 10px;
        -webkit-overflow-scrolling: touch;
    }

    .tabs-container{
        margin-inline: -2rem;
        padding-inline: 2rem;
        max-width: none;
    }

    .inmobiliaria .content .tabs .tab{
        white-space: nowrap;
        font-size: 1rem;
        line-height: 140%;
        margin-bottom: .75rem;
        margin-right: 1rem;
    }


    .tabs-container:after{
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 3rem;
        height: 100%;
        background: linear-gradient(to right,  rgba(250,250,250,1) 0%,rgba(250,250,250,1) 25%,rgba(250,250,250,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        z-index: 10;
    }

    .tabs-container.first-tab:after{

        width: 1rem;
        background: #fff;

    }

    .tabs-container.last-tab:before{

        width: 1rem;
        background: #fff;

    }


    .tabs-container:before{
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 3rem;
        height: 100%;
        background: linear-gradient(to right,  rgba(250,250,250,0) 0%,rgba(250,250,250,1) 75%,rgba(250,250,250,1) 100%); 
        z-index: 10;

    }

    .arrows-tabs{position: absolute; width: 100vw; height: 30px; background-color: transparent; left: 0; z-index: 100; pointer-events: none;  }

    .arrows-tabs:before{

                      /*  content:"";
                position: absolute;
                width: 6px;
                height: 6px;
                border-top: 6px solid transparent;
                border-bottom: 6px solid transparent;
                border-right: 6px solid #ccc;
                z-index: 1000;
                left: 6px;
                top: 14px;
                */

                    content: "";
        position: absolute;
        width: 16px;
        height: 40px;
        /* border-top: 6px solid transparent; */
        /* border-bottom: 6px solid transparent; */
        /* border-left: 6px solid #ccc; */
        z-index: 11;
        left: 0;
        top: 0;
        background-color: rgba(255, 255, 255, .2);
        padding: 8px;
        display: block;
        border-radius: 8px 0 0 8px;
        background-image: url('/app/default/assets/addons/default/anomally/campiglia-theme/resources/imgs/icon-arrow.svg?v=1753184495');
        background-repeat: no-repeat;
        background-position: center;
        transform: rotate(-180deg);

    }

.arrows-tabs:after{
    /*
                    content:"";
                position: absolute;
                width: 6px;
                height: 6px;
                border-top: 6px solid transparent;
                border-bottom: 6px solid transparent;
                border-left: 6px solid #ccc;
                z-index: 1000;
                right: 6px;
                top: 14px;
                */

                content: "";
        position: absolute;
        width: 16px;
        height: 40px;
        /* border-top: 6px solid transparent; */
        /* border-bottom: 6px solid transparent; */
        /* border-left: 6px solid #ccc; */
        z-index: 11;
        right: 0;
        top: 0;
        background-color: rgba(255, 255, 255, .2);
        padding: 8px;
        display: block;
        border-radius: 8px 0 0 8px;
        background-image: url('/app/default/assets/addons/default/anomally/campiglia-theme/resources/imgs/icon-arrow.svg?v=1753184495');
        background-repeat: no-repeat;
        background-position: center;

}

.tabs-container.first-tab .arrows-tabs::before{opacity: 0!important;}
.tabs-container.last-tab .arrows-tabs::after{opacity: 0!important;}


    .tab-content{
        padding:0;
    }

    /* Inmobiliaria - listado */

    .list-campiglia.grid-3{

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

    }

    /* Obras para terceros */

    .text-salient .content.title-obras-terceros h2 {
        padding-bottom: 1.25rem;
    }

    

    .bg-trama-logo .text-salient{
        background: linear-gradient(to bottom,  rgba(250,250,250,1) 0%,rgba(250,250,250,0.3) 2%,rgba(250,250,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

    .bg-trama-logo .bg-section{
        background-color: #fafafa;
    }

    .obras-terceros{

        padding-inline: 2rem;

    }

    .obras-terceros div.item-obras{
        background-size: cover;
        padding: 0;
        overflow: hidden;
        margin-bottom: 1rem;
        height: calc(100vw - 2rem);
        border-radius: 8px;
    }

    .obras-terceros .item-obras .item-obras-data {
        width: 100%;
        background-color: rgba(0, 0, 0, .6);
        padding: 1rem;
        color: #fff;
        bottom: 0;
        position: absolute;
        
    }

    .obras-terceros .item-obras .item-obras-data .item-obras-controls{
        display: none;
     
    }

    .obras-terceros .item-obras .item-obras-data h4{
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }

    .item-obras .item-obras-data ul li a.button-gallery {
        background: url('/app/default/assets/addons/default/anomally/campiglia-theme/resources/imgs/icon-gallery.svg?v=1753184495') no-repeat center left;
        background-position-x: 1rem;
        cursor: pointer;
        border: 1px solid #FFF;
        border-radius: 4px;
        color: #FFF;
        font-size: 1rem;
        padding: 0.5rem 1rem 0.5rem 2.5rem;
        width: fit-content;
        margin-top: 1rem;
    }

    /* ---  */

    /* dirección de obras */

    .text-salient.direccion-obras .content{
        position: relative;
        background-image: url('/app/default/assets/addons/default/anomally/campiglia-theme/resources/imgs/section-dire-ger-mobile.png?v=1753184495');
        background-position: right top;
        background-size: 105%;
        background-repeat: no-repeat;
    }

    .item-obra-section {
        height: calc(100vh - 104px);
        width: 100vw;
        overflow: hidden;
        margin-bottom: 4px;
        position: relative;
    }

    .bg-direccion-obras {
        display: none;
    }

    .item-obra {
        height: 100vh;
        width: 100vw;
        background-size: cover;
    }

    .item-obra-section p {
        white-space: nowrap;
        background: rgba(0, 0, 0, 0.5);
        color: #FFF;
        font-size: 1rem;
        padding: 0.25rem 0.75rem;
        position: absolute;
        bottom: 1rem;
        left: 1rem;
    }

    /* --- */

    /* empresa */

    .empresa {
        font-size: 1.5rem;
        flex-direction: column;
        padding: 0 1rem;
        background-color: transparent;
    }

    .empresa .content div {
        width: 100%;
    }

    .text-salient .content {
        margin-bottom: 0;
    }

    .text-salient .content h1 {
        padding-bottom: 1.25rem;
    }

    .empresa .content {
        padding-top: 0;
    }


    /*******/



    
.office-slider{

    /* height: 100vw; */
    height: auto;

}

.office-slider .owl-carousel{

/* height: 100vw; */
height: auto;

}

.owl-carousel .owl-item img {
    display: block;
    /* height: 100vw; */
    height: auto;
    /* width: auto; */
    width: 100%;
    max-width: none;
}

.office-slider .owl-carousel .owl-nav{
    position: absolute;
    top: 50%;
    z-index: 10000;
    width: 100vw;
    display: flex;
    justify-content: space-between;
}


.owl-carousel .owl-nav button.owl-next{margin-right: 24px;}
.owl-carousel .owl-nav button.owl-prev{margin-left: 24px;}


.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{

    width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 99px;
    background-color: rgba(0, 0, 0, 0.3);
    margin-top: -28px;
    transition: all 0.3s ease-in-out;

}

.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover{
    background-color: rgba(0, 0, 0, 0.6);
}

.owl-carousel button.owl-dot{}

.owl-carousel .owl-nav button.owl-next img, .owl-carousel .owl-nav button.owl-prev img{
    width: 20px;
    height: 20px;
}

    .content {
        width: 100%;
        /* max-width: 680px; */
        padding-inline: 40px;
    }


    .page-index .content.header .logo svg path{
        
        /*fill: white;*/
    
    }

    .page-index .content.header .controls a{
        
        /*filter: invert(1);*/
    
    }




    .fancybox-container .fancybox-slide--html .fancybox-close-small {
        color: #333;
        padding: 0;
        right: 1rem;
        top: 1rem;
        background-color: #fff;
    }

    .fancybox-slide--html{padding: 0;}

    header .content.header .controls{align-items: center;}

    .menu .content .controls a{filter: unset;}



    .menu .content nav{padding: 0;}



    .button-whatsapp {
        z-index: 8;
    }

 
}
@media (min-width: 481px) and (max-width: 780px) {
    .obras-terceros .item-obras .item-obras-data {
        padding-bottom: 1.5rem;
      height: auto !important;
    }

    .obras-terceros .item-obras .item-obras-data ul li:last-child{
        padding-top: 1.5rem;
    }
  }

@media screen and (max-width: 480px) {

    header .content.header .controls a.button-search{

    display: block;

}


    .novedades-detalle-section .content .novedades-detalle > div {
        flex-direction: column-reverse!important;
    }


    .form-contacto div{

        flex-direction: column;

    }


        .list-campiglia .thumb-prop{

    width: calc((100vw - 2rem));
    height: calc((100vw - 2rem) * .75);


}



    /* modal */

    .fancybox-content{
        padding: 1rem;
    }

    .modal.buscador header{
        display: flex;
    }

    .modal header{
        padding: 1rem;
    }

    .modal header .logo img{
        width: 10rem;
        height: auto;
        /* margin-left: -3px; */
        max-width: 100%;
        margin-top: 0;
    }

    .modal.menu, .modal{
        width: 100vw;
        height: 100dvh; 
    }

    .modal header .controls .button-close{
        width: 2rem;
        height: 2rem;
        background-position: center;
    }

    /* --- */

    /* home - banner hero */

    .banner-hero .image {
        width: 100vw;
    }

    /* --- */

    /* header */


    .content.header{
        padding-inline: 0;
    }


    .content.header .logo svg{
        width: 160px;
        height: auto;
    }

    header .content.header .logo img{
        margin-left: -3px;
    }


    header .content.header .controls a{

        width: 2rem;
        height: 2rem;

    }

    /* home - welcome */

    .welcome{
        padding: 1rem 0 4rem;
    }

    .welcome .content{
        gap: 3rem;
    }

    .welcome .image-welcome{
        height: calc(100vw - 2rem);
    }

    .welcome .intro h1 {
        font-size: 3rem;
    }

    .welcome .trama-front, .welcome .trama {
        width: 100%;
        background-size: 200%;
        height: 320px;
    }

    .welcome .trama{z-index: 1;}

        .welcome-fix{

        padding-bottom: 0;

    }


    /* --- */

    /* home - numbers */

    .numbers .item-numbers .data-descr {
        font-size: .875rem;
    }

    /* --- */

    /* home - news */

    .news .item-news, .team .item-news{
        overflow: hidden;
    }

    .news, .team{

        padding-inline: 0;

    }

    /* --- */

    /* Proyectos */

    
    .projects .content div .item-project.w-100{
        overflow: hidden;
        justify-content: center;
    }

    .projects .content div .item-project.w-100 img:not(.category){

        min-height: 100vw;
        width: auto;

    }

    .projects .content div .item-project .category {

        height: 3rem;
        width: 5rem;
    }

    .projects.bg-trama{background-image: none;}

    .projects .content div.item-project, .projects .content div .item-project.w-100{

        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 100vw;
        overflow: hidden;
        max-height: none;

    }

    .projects .content div .item-project:hover .container-h4{

        transform: translateY(-50%);

    }

    .projects .content div .item-project .container-h4{

        margin-top: 0;
        top: 50%;
        bottom: 0;
        padding: 0 1rem;
        transform:  translateY(-50%);

    }

    .projects .content div .item-project .container-h4 h4{

        font-size: 2rem;

    }


    .projects.projects-fix .content div .item-project{

        width: 100vw;
        height: 75vw;

    }

        .projects.projects-fix .content div .item-project img:not(.category){


    height: auto;
    width: 100%;
    min-height: 100%;
    

}

.projects.projects-fix .content div .item-project .container-h4 h4{

    font-size: 2rem;

}

    /* --- */

    /* Inmobiliaria */

    /* Inmobiliaria - tabs header */

    .inmobiliaria .content .tabs {
        padding: 0 1rem 0.25rem 1rem;
        margin: 0 -1rem 1.5rem -1rem;
    }


    .tabs-container{
        margin-inline: -1rem;
        padding-inline: 1rem;
    }


    /* novedades */

    .novedades-section .content, .novedades-detalle-section .content{
        padding: 0
    }

    /* empresa */

    .empresa .content{
        padding: 0;
    }

    /* obras para terceros */

    .obras-terceros{
        padding-inline: 1rem;
    }

    .obras-terceros .item-obras .item-obras-data .item-obras-controls{
        position: absolute;
        top: 1.5rem;
        right: 1rem;
        color: #fff;
        display: block;
    }

    .obras-terceros .item-obras .item-obras-data .item-obras-controls .control img{
        transition: all 0.5s ease-in-out;
        width: 1.5rem;
    }

    
    .obras-terceros .item-obras .item-obras-data .item-obras-controls .ocultar img{
        transform: rotate(45deg);
    }


    .obras-terceros .item-obras .item-obras-data .item-obras-controls .mostrar img{
        transform: rotate(0);
    }

    .obras-terceros .item-obras .item-obras-data ul li{
        grid-template-columns: repeat(2, 1fr);
        display: grid;
        gap: .875rem;
        font-size: .875rem;
    }

    .obras-terceros .item-obras .item-obras-data ul li:last-child{
        grid-template-columns: 1fr;
    }
    

    /* direccion de obras */

    .text-salient.direccion-obras .content{

        background-size: 128%;

    }

    /* empresa */

















/* inmobiliaria detalle */


.detail-campiglia .title-project {
    
    padding: 0;
}


.detail-campiglia .title-project h3{

    font-size: 2rem;

}

.detail-campiglia .title-project p.label{

    font-size: 1rem;

}

.detail-campiglia .price-buttons {

    padding: 0;
}


.gallery-container {

    padding: 0;

}

.detail-campiglia .info p{

    padding: 0;

}

.detail-campiglia .info ul {
    padding: 0;
    gap: .75rem;
}

.detail-campiglia .tabs-detail .tab-content {
    padding: 0;
}

.detail-campiglia .form-info{
    
    margin: 1rem 0 !important;
    width: 100%;
    
    }

.detail-campiglia .info ul li{align-items: flex-start;}

.detail-campiglia .tabs-detail .tabs .tab{

    font-size: .875rem;
    margin: 0;

}


.detail-campiglia .tabs-detail .tabs .tab:first-of-type, .detail-campiglia .tabs-detail .tabs .tab:nth-of-type(2), .detail-campiglia .tabs-detail .tabs .tab:nth-of-type(3){

    min-width: auto;
    padding-right: auto;

}

.detail-campiglia .tabs-detail .tabs .tab.active, .detail-campiglia .tabs-detail .tabs .tab{

    background-image: none;

}







    .fancybox-slide--html:before{display: none!important;}




    .header-sticky{position: sticky; top: 0;}



    .list-campiglia a {
        padding-bottom: 2rem;
    }




    .dsc-inner.bg-draw{

        background-size: 28rem;
        background-position: -5% 0;

    }



    .text-salient .content{padding-inline: 0; margin-bottom: 0;}

    .bg-empresa-nuestra-historia{
        width: calc(100vw - 2rem);
        height: calc(100vw - 5rem);
        border-radius: 8px;
        background-image: url('/app/default/assets/addons/default/anomally/campiglia-theme/resources/imgs/nuestra-historia-mobile.png?v=1753184495');
        background-repeat: no-repeat;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        display: block!important;
        
    }

    .team .content div:last-child.overflow-y-mobile{

        height: auto;

    }


    .valores .item-valores .data-content{

        padding: 1rem 0;

    }


    .misionvision .content {
        padding: 1rem;
    }
    
    
    .text-salient .content h1{

        font-size: 1.8rem;

    }

    .text-salient .content h1 span{

        font-size: 3.2rem;
        -webkit-text-stroke: 0.075rem #FF7A01;
        line-height: .75;

    }


        .valores .item-valores .data-content h4 span{


        font-size: 2rem;
    } 

    h2 {font-size: 1.5rem;  }


    .projects .content h2 {
        padding: 0 1rem 1.25rem 1rem;
    } 

    .inmobiliaria .content h2, .inmobiliaria .content .u-h2 {
        padding: 0 0 1.5rem 0;
    } 



    .content {
        padding-inline: 1rem;
    }

    .projects .content {padding-inline: 0;}








    .fancybox-container .fancybox-slide--html .fancybox-close-small{

        display: none;
    }



    .menu .content .social {
        padding-bottom: 1rem;
        justify-content: flex-start;
    }




    .list-campiglia a img.button-moreinfo{margin-top: 1rem;}

    


}


/* paginador */


                    .pagination{

                        display: flex;
                        justify-content: center;
                        flex-wrap: nowrap;
                        align-items: center;
                        gap: 8px;
                        margin-block: 2rem;

                    }

                    .pagination li .page-link{
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        font-size: 1rem;
                        width: 2.5rem;
                        height: 2.5rem;
                        border-radius: 2.5rem;
                        background-color: #f2f2f2;
                        border: 1px solid #f2f2f2;
                        color: #222;
                        transition: all 0.5s ease-in-out;
                    }

                    .pagination li .page-link svg{width: .875rem; height: .875rem;}

                    .pagination li .page-link svg path{

                        stroke: #222

                    }

                    .pagination li.disabled .page-link{

                        opacity: .35;

                    }

                    .pagination li.active .page-link{
                        background-color: #222;
                        border-color: #222;
                        color: #f2f2f2;

                    }

                    .pagination li a.page-link:hover{

                        background-color: #FF7A01;
                        border-color: #FF7A01;
                        color: #FFF;
                        cursor: pointer

                    }

                    .pagination li a.page-link:hover svg path{

                        stroke: #fff!important

                    }