@media only screen and (min-width: 1024px) {

div#block-proveedores-turisticos-cualidadeshome {
    width: 85%;
    margin: auto;
    margin-top: 30px;
}
div#block-proveedores-turisticos-cualidadeshome .field--name-field-cualida-home-paragraphs {
    display: flex;
    gap: 5%;
}

div#block-proveedores-turisticos-cualidadeshome .field--name-field-cualida-home-paragraphs>.field__item  {
    width: 100%;

}

#block-proveedores-turisticos-cualidadeshome .paragraph--type--paragraphs-home-cualidades {
  background-color: rgb(206 224 247);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  will-change: transform, box-shadow;
  height: 200px;
  border: solid 1px #ffffff;
}
#block-proveedores-turisticos-cualidadeshome .paragraph--type--paragraphs-home-cualidades:hover {
  /* Sube el contenedor hacia arriba */
  transform: translateY(-10px);
  
  /* La sombra se vuelve más profunda y extendida */
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);
}
div#block-proveedores-turisticos-cualidadeshome .field--name-field-media-image.field--type-image {
    display: flex;
    justify-content: center;
    padding-top: 30px;
    img.image-style-large {
    width: 30px;
    height: auto;
    }
}
div#block-proveedores-turisticos-cualidadeshome .field--name-field-parag-cualid-home-titulo {
    padding: 20px;
    text-align: center;
    font-weight: bold;
    color: #00638b;
}
div#block-proveedores-turisticos-cualidadeshome .field--name-field-parag-cualid-home-body {
    padding: 0px 30px;
    text-align: center;
}

div#block-proveedores-turisticos-bloquedescripciondeerp {
    display: flex;
    width: 85%;
    margin: auto;
    gap: 10%;
    margin-top: 80px;
    .field--name-field-caracterist-erp-img {
        width: 50%;
        overflow: hidden;
        article.media.media--type-image.media--view-mode-default {
    height: 100%;
    .field--name-field-media-image.field--type-image {
    height: 100%;
    width: auto;
    .field__item {
    height: 100%;
    img {
    height: 100%;
    width: auto;
    objet-fit: cover;
    }
    }
    }
    }
        
    }
    .grupo01_caracterist {
        width: 50%;
    }
    
    .field--name-field-caracterist-erp-link a {
    color: white;
    padding: 10px 50px;
    background: black;
    text-decoration: none;
    }
}

    
div#block-proveedores-turisticos-bloquevideostutoriales {
    width: 85%;
    margin: auto;
    margin-top: 80px;
    border-top: solid 1px rgb(197, 197, 197);
    border-bottom: solid 1px rgb(197, 197, 197);
    background: #f1f1f1;
    
    .field--name-field-bloq-video-tutor-paragraph.field--type-entity-reference-revisions.field--label-hidden.field__items {
    display: flex;
    gap: 2%;
    flex-wrap: wrap;
    justify-content: space-around;
    }
    .field--name-field-bloq-video-tutor-paragraph.field--type-entity-reference-revisions.field--label-hidden.field__items >.field__item {
    width: 20%;
    margin-bottom: 30px;
    background: white;
    padding-bottom: 20px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
    }
    iframe.media-oembed-content {
    width: 100%;
    height: 200px;
    }
    .field--name-field-parag-video-titulo {
    text-align: center;
    }
    .field--name-field-bloq-videos-tutorial-titul {
    text-align: center;
    text-transform: uppercase;
    }
}
div#block-proveedores-turisticos-bloquewhatsapphome {
    display: flex;
    width: 50%;
    background: #00a31b;
    border-radius: 10px;
    justify-content: center;
    margin: auto;
    margin-top: 40px;
    border: solid 1px green;
    gap: 30px;
    align-items: center;
    padding: 20px 0;
    font-size: 2em;
    .field--name-field-bloque-contact-parag-texto.field--type-string {
        color: white;
        padding: 0 0 0 0;
    }
    .field.field--name-field-bloque-contactos-paragraps.field--type-entity-reference-revisions.field--label-hidden.field__items{
        .paragraph.paragraph--type--paragraphs-enlaces-iconos.paragraph--view-mode--default {
        display: flex;
        align-items: center;
        gap: 20px;
        img {
            width: 40px;
            height: 40px;
        }
        a {
            color: white;
            text-decoration: none;
        }
        }
        
    }
}
div#block-proveedores-turisticos-bloquewhatsapphome:hover{
    background-color: rgb(253, 114, 0);
    border: solid 1px rgb(253, 114, 0);
}

div#block-proveedores-turisticos-bloquecreaciondeweb {
    display: flex;
    flex-direction: row-reverse;
    width: 85%;
    margin: auto;
    gap: 5%;
    align-items: center;
    padding: 20px 0 100px;
    border-top: solid 1px #cbcbcb;
    .grupo01_caracterist {
    width: 45%;
    .field--name-field-caracterist-erp-titulo {
    font-size: 2rem;
    text-align: center;
    }
    .field--name-field-caracterist-erp-body {
    font-size: 1.5em;
    text-align: center;
    }
    .field--name-field-caracterist-erp-link {
    text-align: center;
    margin-top: 20px;
    a{
        text-decoration: none;
        color: rgb(255, 255, 255);
        padding: 10px 30px;
        border: solid 1px black;
        background: black;
    }
    }
    }
    .field--name-field-caracterist-erp-img {
    width: 45%;
    .image-style-large {
    width: 100%;
    height: 100%;
    }
    }
}
footer#footer {
    background: black;
    color: white;
    text-align: center;
    padding: 30px;
    font-weight: bold;
    img{
        width: 150px;
        height: auto;
    }
}
.views-element-container.contextual-region {
    display: none;
}

div#block-proveedores-turisticos-bloquehubdeproveedores {
    background-color: #85c570; /* Es mejor usar background-color si hay imagen */
    background-image: url(../img/backgrounds/mapa_mundi.webp);
    background-size: cover; /* Para que la imagen cubra todo el bloque */
    background-position: center;
    display: flex;
    justify-content: center;
    padding: 80px 0;
    .field.field--name-field-caracterist-erp-img.field--type-entity-reference.field--label-hidden.field__item {
    width: 50%;
    img {
        width: 100%;
        height: auto;
    }

    }
    .grupo01_caracterist {
    width: 45%;
    .field--name-field-caracterist-erp-titulo {
    font-size: 2em;
    color: rgb(0, 85, 0);
    }
    .field.field--name-field-caracterist-erp-link.field--type-link.field--label-hidden.field__item{
        a{
            padding: 10px 50px;
            background-color: rgb(0, 85, 0);
            color: white;
            text-decoration: none;
        }
        a:hover {
            background: rgb(70, 153, 1);
        }
    }
    }
}

/*--------- CSS BLOQUE MAPAS ------*/
#block-proveedores-turisticos-bloquemapasinteractivoshome {
    display: flex;
    gap: 5%;
    flex-direction: row-reverse;
    background: rgb(245 247 247);
    margin: auto;
    justify-content: space-around;
    width: 100%;
}
#block-proveedores-turisticos-bloquemapasinteractivoshome>.field__item {
    width: 30%;
    overflow: hidden;
}
.path-node.page-node-type-page .field--name-field-pag-basic-body {
    width: 75%;
    margin: auto;
}
#block-proveedores-turisticos-buhosmartdescripcion {
margin-top: 100px;
margin-bottom: 100px;
}
#block-proveedores-turisticos-buhosmartdescripcion .grupo01_caracterist .field--name-field-caracterist-erp-titulo.field--type-heading.field--label-hidden.field__item {
    width: 40%;
    margin: auto;
}
#block-proveedores-turisticos-buhosmartdescripcion .grupo01_caracterist .field--name-field-caracterist-erp-titulo.field--type-heading.field--label-hidden.field__item h2 {
    font-size: 2rem;
    text-transform: uppercase;
}
#block-proveedores-turisticos-buhosmartdescripcion .grupo01_caracterist .field--name-field-caracterist-erp-body {
    font-size: 1.2rem;
    width: 40%;
    margin: auto;
}
#block-proveedores-turisticos-bloquemapasinteractivoshome .grupo01_caracterist {
    width: 40%;
    margin-top: 5%;
}
#block-proveedores-turisticos-bloquemapasinteractivoshome h2 {
    font-size: 2rem;
    color: #0481cd;
    text-align: left;
}
#block-proveedores-turisticos-bloquemapasinteractivoshome .grupo01_caracterist .field--name-field-caracterist-erp-link {
    margin-bottom: 30px;
    text-align: left;
    }
}