/* Importar fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sintony:wght@400;700&display=swap');

/* Quadradets del parallax */
.wrapper-parallax, .wrapper-background {
    background: none !important;
    background-color:rgba(0, 0, 0, 0.2) !important;
}

    /* Aplicar la fuente "Poppins" a todos los encabezados */
h1, h2, h3, h4, h5, h6 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 700;
  color: #153f59;
  margin: 0; /* Elimina márgenes innecesarios */
}

/* Aplicar la fuente "Sintony" a los párrafos */
p, span {
  font-family: 'Sintony', sans-serif !important;
  font-weight: 400; /* Peso regular */
  font-size: 16px;
  line-height: 1.6; /* Espaciado entre líneas */
  color: #333333;
}

/* Amagar el recuadre semitransparent del text de les imatges */
.slick-banner .slick-slider-caption .inner-caption, .only-one-banner .slick-slider-caption .inner-caption {
    background: inherit;
}

.main-menu .navbar-nav span {
    color: #FFF !important;
}

/* Menú hamburguesa mòbil */
.navmenu-default {
    background-color: rgb(229, 194, 133) !important;
}

.navmenu-default span {
    color: #FFF !important;
}

.nav.nav-inline.lang-canvas {
    color: #FFF !important;
}

#href-menu-id123564::after {
    color: #FFF !important;
}

#anchor-66125 .page-header {
    margin-bottom: 15px !important;
}

/* Formulari contacte */
@media screen and (max-width: 991px) {
    h1 {
        font-size: 26pt !important;
    }
    #anchor-65089 .container .cards {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }  
    
    #anchor-65089 .card-block {
        width: 100% !important;
    }
    
    #anchor-65089 #id166381 div {
        text-align: left;
    }
    
    #anchor-65089 #id166381 .masonry-grid-form {
        margin-left: 0 !important;
    }
    
    #anchor-65089 #id166381 form {
        margin: 0;
    }
    
    #id166424 {
        margin-bottom: 15px;
    }
    
    #id166381 h1 {
        font-size: 25px !important; 
    }
    
    /*#text-portada-inici {
        font-size: 22pt;
    }
    
    #text-portada-inmobiliaria {
        font-size: 22pt;
    }
    
    #text-portada-gastronomia {
        font-size: 22pt;
    }
    
    #text-portada-esportiva {
        font-size: 22pt;
    }
    
    #text-portada-videografia {
        font-size: 22pt;
    }
    
    #text-portada-contacte {
        font-size: 22pt;
    }*/
}

@media screen and (min-width: 1024px) {
    /* Formulari de contacte */
    #id166381 .descripcion-encuesta {
        margin-top: 0;
    }
    
    /* Paralax Fotografia Immobiliaria */
    #anchor-65055 {
        padding: 200px 20px;
    }
    
    /* Paralax Fotografia Gastronòmica */
    #anchor-65056 {
        padding: 200px 20px;
    }
    
    /* Paralax Fotografia Esportiva */
    #anchor-66043 {
        padding: 200px 20px;
    }
    
    #anchor-65809 .page-header {
        margin-bottom: 10px;
    }
    
    #text-portada-inici {
        font-size: 50pt;
    }
    
    #text-portada-inmobiliaria {
        font-size: 50pt;
    }
    
    #text-portada-gastronomia {
        font-size: 50pt;
    }
    
    #text-portada-esportiva {
        font-size: 50pt;
    }
    
    #text-portada-videografia {
        font-size: 50pt;
    }
    
    #text-portada-contacte {
        font-size: 50pt;
    }
    
   #anchor-65089 .container .cards {
        display: grid !important;
        grid-template-columns: 60% 40% !important;
   }
   
   #id166380 {
       width: 100%;
       padding: 0;
       text-align: center;
   }
   
   #id166381 {
       width: 100% !important;
   }
   
   #id166381 .card-title {
       text-align: left;
   }
   
   #id166381 #encuestas {
       display: flex;
       width: 100%;
   }
   
   #id166381 #encuestas .masonry-grid-form {
       margin: 0 !important;
       width: 100% !important;
       display: flex !important;
       flex-direction: column;
   }
   
   #id166381 #encuestas .form-cols {
       max-width: 100% !important;
      
   }
}

#id166381 #encuestas .form-cols input::placeholder {
   color: #000 !important; 
}

#id166381 #encuestas .form-cols textarea::placeholder {
   color: #000 !important; 
}

/* Botó cookies */
#accept-cookies .buttons-cookies a.close-accept-cookies {
    background-color: #5f8dc9 !important;
}

#anchor-65988 .page-header h2 {
    color: #FFF !important;
}

#anchor-65988 #id166028 .card-description a:hover {
    color: #000 !important;
}

@media (min-width: 991px) {
    /* Text presentació pàgina "Sobre mi" */
    #anchor-65061 .cards {
        display: grid;
        grid-template-columns: 60% 40%;
    }
    
    #anchor-65061 #id166197 {
        width: 100%;
    }
    
    #anchor-65061 #id166197 .card-text-left .card-block {
        width: 100%;
    }
    
    /* Imatge Genís "Sobre mi" */
    #anchor-65061 #id166196 {
        width: 100%;
    }
    
    #id166201 span,
    #id166201 a{
        font-size: 15pt !important;
    }
}

@media (max-width: 990px) {
    #id166197 .card-block {
        width: 100% !important;
    }
    
    #id166197 .card-description {
        width: 100%;
        text-align: center;
    }
    
    #btn-sobre-mi-contacte {
        font-size: 13px !important;
    }
    
    
    #btn-inici-parlem-projecte {
        font-size: 13pt !important;
    }
    
    #anchor-65809 {
        padding-top: 0 !important;
    }
    
    #anchor-65804 {
        padding-bottom: 15px !important;
    }
}

#btn-sobre-mi-contacte {
    font-size: 15px !important;
}

/* Efecte botó "Sobre mi" */
#anchor-66064 #id166201 .card-description a:hover {
    color: #000 !important;
}

/* Espaiat "Els atributs que em defineixen" amb els atributs */
#anchor-66102 .page-header {
    margin-bottom: 5px;
}

/* Inmobiliaria */
#anchor-65079 .page-header, #anchor-65323 .page-header {
    margin-bottom: 15px !important;
}

#id166015 {
    margin-top: 15px;
}

#anchor-65988 .page-header {
    margin-bottom: 15px !important;
}

#id166028 {
    margin-top: 15px;
}

#anchor-65087 .page-header {
    margin-bottom: 15px;
}

#id163703 {
    margin-top: 15px;
}

/* Gastronomia */
#anchor-65171 .page-header {
    margin-bottom: 5px;
}

/* Esportiva */
#anchor-65987 .page-header {
    margin-bottom: 5px;
}

/* Aplicar "Poppins" a los botones */
button {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500; /* Peso medio */
  font-size: 14px;
  text-transform: uppercase; /* Convierte el texto en mayúsculas */
  color: white;
  background-color: #153F59; /* Color de fondo */
  padding: 10px 20px;
  border: none;
  cursor: pointer;
}

/* Aplicar "Sintony" al footer */
footer {
  font-family: 'Sintony', sans-serif !important;
  font-weight: 300; /* Peso ligero */
  font-size: 14px;
  color: white;
  background-color: #E5C285;
  padding: 20px;
  text-align: center;
}

/* Escriptori */
@media screen and (min-width: 1024px) {
    body.pagina-10728 .slick-slider-inner.slick-current {
        height: calc(100vh - 10.5rem) !important;
    }
    
    body.pagina-10728 .intrinsic {
        height: calc(100vh - 10.5rem) !important;
    }
    
    body.pagina-10728 .intrinsic img {
        object-fit: cover;
        height: calc(100vh - 10.5rem) !important;
    }

/* Portada gastronomia */
@media screen and (min-width: 1024px) {
    body.pagina-10730 .slick-slider-inner.slick-current {
        height: calc(100vh - 10.5rem) !important;
    }
    
    body.pagina-10730 .intrinsic {
        height: calc(100vh - 10.5rem) !important;
    }
    
    body.pagina-10730 .intrinsic img {
        object-fit: cover;
        height: calc(100vh - 10.5rem) !important;
    }

/* Portada immobiliaria */
@media screen and (min-width: 1024px) {
    body.pagina-10731 .slick-slider-inner.slick-current {
        height: calc(100vh - 10.5rem) !important;
    }
    
    body.pagina-10731 .intrinsic {
        height: calc(100vh - 10.5rem) !important;
    }
    
    body.pagina-10731 .intrinsic img {
        object-fit: cover;
        height: calc(100vh - 10.5rem) !important;
    }

/* Portada esportiva */
@media screen and (min-width: 1024px) {
    body.pagina-11049 .slick-slider-inner.slick-current {
        height: calc(100vh - 10.5rem) !important;
    }
    
    body.pagina-11049 .intrinsic {
        height: calc(100vh - 10.5rem) !important;
    }
    
    body.pagina-11049 .intrinsic img {
        object-fit: cover;
        height: calc(100vh - 10.5rem) !important;
    }
    
/* Portada videografia */
@media screen and (min-width: 1024px) {
    body.pagina-10729 .slick-slider-inner.slick-current {
        height: calc(100vh - 10.5rem) !important;
    }
    
    body.pagina-10729 .intrinsic {
        height: calc(100vh - 10.5rem) !important;
    }
    
    body.pagina-10729 .intrinsic img {
        object-fit: cover;
        height: calc(100vh - 10.5rem) !important;
    }

/* Portada Genís Bosacoma */
@media screen and (min-width: 1024px) {
    body.pagina-10734 .slick-slider-inner.slick-current {
        height: calc(100vh - 10.5rem) !important;
    }
    
    body.pagina-10734 .intrinsic {
        height: calc(100vh - 10.5rem) !important;
    }
    
    body.pagina-10734 .intrinsic img {
        object-fit: cover;
        height: calc(100vh - 10.5rem) !important;
    }

/* Botons Cookies */
/* Acceptar */
.close-accept-cookies {
    background-color: #5f8dc9 !important;
}


/* Botons barra navegació */
.main-menu {
    font-family: 'Work Sans', sans-serif !important;
}

/* Menú mobile */
.navmenu-brand.clearfix {
    background-color: rgb(229, 194, 133) !important;
}

a.dropdown-toggle {
    background-color: rgb(229, 194, 133) !important;
}

/* Hover que aplicava per defecte */
.menu-effect-brand>a:hover {
    color: #55c285 !important;
}

/*Treure logo de WEBenAPP de footer*/
.logo-footer {
    display: none!important;
}


/* #anchor-64571 = Section del formulari */
    #anchor-64571>.container>.cards {
        display: grid !important;
        grid-template-columns: 60% 40% !important;
    }

/* Div part dreta (Formulari) */
#id161783 {
    width: 100% !important;
}

#id161783 .card .form-detail .descripcion-encuesta {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#id161783 .card .form-detail .descripcion-encuesta p {
    margin: 0 !important;
}

#id161783>.card>.form-detail {
    text-align: left !important;
}

#id161783>.card>.form-detail>form {
    margin-left: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
}

#id161783 #form-encuesta #encuestas {
    width: 100%;
}

#id161783 #form-encuesta #encuestas .masonry-grid-form {
    justify-content: normal !important;
    width: 100% !important;
}

#id161783 #form-encuesta #encuestas .masonry-grid-form div.form-cols {
    min-width: 100% !important;
}

/* Formulari */
.masonry-grid-form {
    display: grid !important;
    height: auto !important;
    justify-content: center;
}

.masonry-form-item {
    position: unset !important;
}

.form-group>input,
.form-group>textarea {
    border: none !important;
    border-bottom: 1px solid #153F59 !important;
    border-radius: 0px !important;
}

.form-group>input::placeholder,
.form-group>textarea::placeholder {
    color: #153F59;
}

.form-group {
    min-width: 300px !important;
}

/* Div part esquerra (Dades de contacte) */
#id161067 {
    width: 100% !important;
}

#id161067 .card .card-block {
    width: 100% !important;
}

/* Div part dreta (Formulari) */
#id161679 {
    width: 100% !important;
    display: flex;
}

#id161679>.card>.form-detail {
    text-align: left;
}

#id161679>.card>.form-detail>form {
    margin-left: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
}

#id161679 #form-encuesta #encuestas {
    width: 100%;
}

#id161679 #form-encuesta #encuestas .masonry-grid-form {
    justify-content: normal !important;
    width: 100% !important;
}

#id161679 #form-encuesta #encuestas .masonry-grid-form div.form-cols {
    min-width: 100% !important;
}

#id161679 .card .form-detail .descripcion-encuesta {
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
}

/* Marges inici paralax */
#id="anchor-65055.wrap"
    margin-left: 0 !important;
    padding-top: 100px !important;
}

#id="anchor-65055.wrap"
    .wrapper-parallax, .wrapper-background {
        padding: 25rem 2rem
}

#id="anchor-65055.wrap"
@media (max-width: 991px) {
    .wrapper-parallax, .wrapper-background {
        /* padding: 35rem 2rem; */
    }

/*Treure logo de WEBenAPP de footer*/
.logo-footer {
    display: none!important;
}