/* ******************************************** */
/** Contact info
/* ******************************************** */

/* Hero */

.c-hero__contact-icon{
    position: absolute;
    top: 0;
    right: 0;
    width: clamp(180px,20vw,310px);
    z-index: -1;
}

.c-hero__contact-icon:before{
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 31/14;
    background: url(../../images/static/contacto/hero-vector.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

/* Structure */

.c-contact__info{
    position: relative;
    z-index: 0;
}

.c-contact__info-deco {
    background: url(/images/imagenes-almacen/pic-contact-deco.svg) no-repeat;
    position: absolute;
    top: 0;
    left: calc(100% - 60em);
    right: 0;
    bottom: 0;
    max-width: 60em;
    overflow: hidden;
}

@media (min-width: 768px) and (max-width: 979px){

    .c-contact__info{
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

}

@media (max-width: 979px) {

    .c-contact__info{
        margin-top: 40px;
    } 
}

/* ********************** de Mobile a TABLET ********************** */

@media (min-width: 768px) {

    .c-hero__contact-icon{
        transform: translateX(35%);
    }

}


/* ********************** de Tablet a DESKTOP ********************** */

@media (min-width: 980px) {

    .c-contact__row{
        display: grid;
        grid-template-columns: 1fr 50em;
        position: relative;
    }

}


/* ********************** de Desktop a DESKTOP 2 ********************** */

@media (min-width: 1200px) {

    .c-container__holder {
        padding: 60px 70px 60px;
        max-width: none;
    }
}

/* ********************** de Desktop 2 a HD ********************** */

@media (min-width: 1400px) {

    .c-container__holder {
        padding: 76px 85px 76px;
    }

}