body{
    z-index: 3;
}

.container-Header {
    width: 100%;
    height:120px;
    top: 0;
    left: 0;
    z-index: 4;
    position: relative;
    margin: 0px;
    padding: 0px;
    margin-bottom: 0px;
}

.container-Header .links-content .link-1 #btn-menu-movil{
   display: none;
}

.solicitar-informes {
    margin: 0px;
    border-radius: 5px;
    background-color: #dfdfdf57;
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.solicitar-informes .whats-a{
    width: 30px;
    height: 30px;
    background-color: #25D366;
    border-radius: 2em;
    margin-right: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}


.solicitar-informes .whats-a i {
    color: white;
    font-size: 20px;
    text-align: center;
    margin-top: 0px;
}

.solicitar {
    background-color: #3778BD;
    width: 20%;
    height: 70%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.solicitar a{
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-family: 'Roboto';
}

.solicitar span {
    font-family: 'Roboto';
    font-size: 12px;
    color: white;
}
/*menu-header*/

.menu-header {
    background-image: url('../../assets/svg/radiocardiograma.svg');
    width: 100%;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-logo{
    width: 40%;
    height: 100%;
    display: flex;
    align-items: center;
}

#logo-refrimed {
    width: 160px;
}

.inputs-buscar {
    width: 40%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.input-busucar {
    width: 200px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

.input-busucar img{
    width: 15px;
    margin-right: 10px;
}

.input-busucar input {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 1px #004a87;
    height: 100%;
    width: 225px;
    outline: none;
    font-style: inherit;
    font-family: 'Roboto';
    font-size: 12px;
}

.input-busucar input::placeholder {
    color: #004a87;
}

.input-busucar input:focus {
    color: #004a87;
    border-bottom: solid 1px #000000;
}

.input-aviso {
    width: 200px;
    display: flex;
    justify-content: center;
}

.input-aviso span {
    color: #004a87;
    font-style: inherit;
    font-family: 'Roboto';
    font-size: 10px;
}

.input-aviso span:hover {
    cursor: pointer;
}

.links-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.link-1 {
    background-color: #004a87;
    display: flex;
    justify-content: flex-end;
    width: 50%;
    height: 40px;
}

.link-2 {
    background-color: #2f6897;
    display: flex;
    justify-content: flex-start;
    width: 50%;
    height: 40px;
    padding-left: 0;
    margin-left: 0;
    position: relative;
}

.link-1 ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 500px;
    height: 100%;
}

.link-2 ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 500px;
    height: 100%;
    margin-left: 0;
    padding-left: 0;
}

#aviso-privacidad{
    text-align: center;
    font-size: 13px;
}

ul a {
    color: white;
    text-decoration: none;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: 20px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

ul li{
    color: white;
    text-decoration: none;
    font-family: 'Roboto';
    font-size: 14px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

ul .productos-menu{
    position: relative;
    cursor: pointer;
    display: block;
}

ul .productos-menu a{
    color: white;
    text-decoration: none;
    font-family: 'Roboto';
    font-size: 14px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

ul .productos-menu .productos-submenu{
    background-color: #004A87;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: none;
    height: auto;
}

ul .productos-menu .productos-menu-servicios > .productos-submenu-servicios{
    display:block;
    position: absolute;
    top: 40px;
    left: 0px;
    height: auto;
    width: 280px;
}

#servicio-tecnico{
    position: relative;
    cursor: pointer;
    padding: 0px;
    margin: 0px;
}

#submenu-servicio{
    width: 100%;
    background-color: #004a87;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: none;
}

#servicio-tecnico:hover > #submenu-servicio {
    display:block;
    position: absolute;
    top: 0px;
    left: 100%;
    height: auto;
    width: 280px;
    transition-duration: 20s;
    display: grid;
    align-items: stretch;
    justify-content: stretch;
}

#submenu-servicio li{
    width: 100%;
    display: flex;
    justify-content: stretch;
    align-items: stretch;
}

#submenu-servicio li a{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-left: 15px;
    margin: 0px;
}


ul .productos-menu .productos-submenu li{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

ul .productos-menu .productos-submenu li a{
   padding-left: 20px;
   width: 100%;
   color: white;
   text-decoration: none;
   display: flex;
   justify-content: flex-start;
   align-items: center;
}

ul .productos-menu:hover > .productos-submenu {
    display:block;
    position: absolute;
    z-index: 3;
    top: 40px;
    left: 0px;
    height: auto;
    width: 280px;
    transition-duration: 0.10s;
    transition-delay: 0.10s;
}

ul .productos-menu .productos-submenu{
    display: none;
}

.productos-menu li{
    width: 100%;
    height: 40px;
}

ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
}

ul li:hover {
    background-color: rgb(255, 132, 31);
    color: white;
    transition-duration: 0.10s;
    transition-delay: 0.10s;
    z-index: 3;
}

#submenu-servicios-movil,
#submenu-productos-movil{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-left: 30px;
    overflow: auto;
    background-color:#004a87c2;
    border-radius: 5px;
}

#submenu-servicios-movil a,
#submenu-productos-movil a{
   text-decoration: none;
   width: 80%;
   height: 50px;
   background-color: red;
   font-family: 'Roboto';
   font-size: 15px;
   margin: 0px;
   padding: 0px;
   color: #fff;
   display: flex;
   justify-content: flex-start;
   align-items: center;
   background-color: transparent;
   border: none;
}


#submenu-servicios-movil a:hover,
#submenu-productos-movil a:hover{
 border-bottom: solid 1px white;
}

#img-bolsa {
    margin: 10px;
    width: 19px;
    height: 19px;
}

.bolsa-carrito{
    left: calc(450px + 35px);
    background-color: #004a87;
    border-radius: 2em;
}

.position-absolute{
   top: 0;
   left: 30px;
   width: 20px;
   height: 20px;
   background-color: red;
   border-radius: 2em;
   display: flex;
   justify-content: center;
   align-items: center;
}

.position-absolute p{
    color: white;
    font-size: 10px;
    font-weight: bold;
    padding-top: 14px;
}


.bolsa-carrito:hover {
    background-color: rgb(255, 132, 31);
    cursor: pointer;
    border-radius: 2em; 
}

.bolsa-carrito img {
    width: 15px;
    height: 20px;
}


/*carrito-modal*/

#car{
    position: absolute;
    left: calc(460px + 60px);
}

#carrito-container{
    position: absolute;
    left: 0px;
    margin-left: -35%;
    margin-top: 40px;
    width: 335px;
    height: 330px;
}

#carrito-container::before{
   content: '';
   position: absolute;
   display: block;
   border-top: 15px solid rgb(255, 255, 255);
   border-left: 20px solid  transparent;
   border-right: 20px solid transparent;
   transform:rotate(180deg);
   right: 0px;
   top: -5px;
}

#btn-cotizar-solicitar{
    z-index: 5;
    width: 100%;
    height: 40px;
}

#btn-cotizar-solicitar button{
    --color: #004a87;
    background-color: transparent;
    color: var(--color);
    font-family: inherit;
    display: inline-block;
    width: 180px;
    height: 2.6em;
    line-height: 2.5em;
    margin: 20px;
    position: relative;
    overflow: hidden;
    border: 2px solid var(--color);
    transition: color .5s;
    z-index: 1;
    font-size: 17px;
    font-weight: 500;
}

#btn-cotizar-solicitar button::before{
    content: "";
    position: absolute;
    z-index: -1;
    background: var(--color);
    height: 150px;
    width: 300px;
    border-radius: 50%;
}


#btn-cotizar-solicitar button:hover {
    color: #fff;
}
   
#btn-cotizar-solicitar button:before {
    top: 100%;
    left: 100%;
    transition: all .7s;
   }
   
#btn-cotizar-solicitar button:hover:before {
    top: -30px;
    left: -30px;
}
   
#btn-cotizar-solicitar button:active:before {
    background: #004a87;
    transition: background 0s;
}


.container-carrito{
    height: 75%;
    width: 100%;
    gap: 20px;
    overflow:auto;  
}

.contentenido-overflow-carrito{
    margin-top: 5px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-top: solid 1px rgba(167, 167, 167, 0.404);
}

.item-producto-1{
    width: 40%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.item-producto-1 img{
    width: 100px;
}

.item-producto-2{
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.title-item-producto{
    width: 100%;
    height: 50%;    
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.title-item-producto span{
    width: 100%;
    font-size: 12px;
    color: #3778BD;
    font-weight: normal;
    font-family: 'Roboto';
    margin-bottom: 5px;
}

.edit-producto-carrito{
    width: 100%;
    height: 50%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.edit-producto-carrito .eliminar{
    display: flex;
    justify-content: center;
    align-items: center;
}

.edit-producto-carrito .eliminar img{
    width:14px;
    color: #004a87;
}

.edit-producto-carrito .eliminar img:hover{
    color: #004a87;
    cursor: pointer;
}

.edit-producto-carrito .editar{
    width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.edit-producto-carrito button{
    width: 22px;
    height: 20px;
    background-color: #004a87;
    border: solid 1px whitesmoke;
    color: white;
    border: none;
    margin: 0;
    padding-top: -14px;
    text-align: center;
}

.edit-producto-carrito input{
    margin-left: -10;
    padding-left: 10px;
    width: 30px;
    height: 20px;
    background-color: #ffffff;
    border: solid 1px #004a87;
}

.total-articulos{
    width: 100%;
    height: 30px;
}

.total-articulos span{
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: bold;
    color: #004a87;
}

.btn-cotizar {
    height: 60px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-cotizar button{
    font-size: 15px;
    font-weight: normal;
    font-family: 'Roboto';
    width: 80%;
    height: 40px;
    background-color: #004A87;
    border: #004A87;
}

/*CLASES PARA ABRIR Y CERRAR MODAL*/

.isOpen {
    background-color: #FF841F;
    border-radius: 2em;
    width: 40px;
    height: 40px;
    z-index: 4;
}

/*TERMINA MODAL DE CARRITO*/
.menu-movil{
    width: 100%;
    display: flex;
    flex-direction: row;
    visibility: hidden;
    margin-top: -100%;
}

.menu-movil-efect{
   position: absolute;
   margin-top: 0%;
   transition: all 900ms;
   opacity: 5;
}

.menu-movil-efect-remove{
    position: absolute;
    margin-top: -120%;
    transition-delay: 0.50s;
    transition: all 900ms;
    opacity: 0;
}

.menu-movil .offcanvas-body-1{
    margin-top: 0px;
    margin-left: -3px;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    z-index: 1;
    padding: 0px;
    background-color: #003764;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
}

.menu-movil .offcanvas-body-1 .contactanos-movil{
    margin-top: 10px;
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: row;
}

.contactanos-movil .tel,
.contactanos-movil .whats{
    width: 50%;
    height: 100%;
}

.contactanos-movil .tel i,
.contactanos-movil .whats i{
    font-size:30px;
    
}


.offcanvas-body-1 .items-menu{
    width: 90%;
    height: 90%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0px;
    margin-left: 0px;
}

.offcanvas-body-1 .items-menu .accordion-collapse{
    font-family: 'Roboto';
    font-size: 15px;
    z-index: 3;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0px;
    width: 90%;
    height: 80px;
}

.offcanvas-body-1 .items-menu .accordion-button{
    font-family: 'Roboto';
    font-size: 15px;
    z-index: 3;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0px;
    width: 100%;
    height: 80px;
}

.offcanvas-body-1 a:hover{
  color: white;
  border-bottom: solid 2px rgb(255, 255, 255);
  background-color: transparent;
}

.offcanvas-body-1 a img{
    width: 30px;
    height: 30px;
    margin:5px;
}

.offcanvas-body-1 .items-menu .links-menu{
    display: block;
    width: 90%;
    height: 30px;
    margin-top: 5px;
    justify-content: center;
    align-items: flex-start;
}

@media screen and (max-width:2000px){
    .container-Header{
        height: 160px;
    }

    .container-Header .solicitar-informes .whats-a{
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .container-Header .solicitar-informes .whats-a i{
        font-size: 25px;
    }

    .container-Header .solicitar-informes{
        height: 60px;
    }

    .container-Header .solicitar-informes .solicitar span{
        font-size: 16px;
    }

    .container-Header .menu-header{
        height: 80px;
    }

    .menu-header .img-logo a {
        height: 100%;
        width: 50%;
        display: flex;
        align-items: center;
    }

    .menu-header .inputs-buscar{
        width: 50%;
        height: 100%;
    }

    .menu-header .inputs-buscar .input-busucar{
        width: 50%;
        height: 80%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .menu-header .inputs-buscar .input-busucar input{
        width: 60%;
        height: 80%;
        font-size: 16px;
        font-family: 'Roboto';
    }

    .menu-header .inputs-buscar .input-busucar img{
        width: 30px;
        height: 30px;
    }

    .menu-header .img-logo a #logo-refrimed{
        width: 230px;
    }

    .container-Header .links-content{
        height: 60px;
    }

    .links-content{
        width: 100vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .link-1 {
        background-color: #004a87;
        display: flex;
        justify-content: flex-end;
        width: 50%;
        height: 100%;
    }

    .link-2 {
        display: flex;
        justify-content: flex-start;
        width: 50%;
        height: 100%;
        padding-left: 0;
        margin-left: 0;
        position: relative;
    }

    .link-1 ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: auto;
        height: 100%;
    }

    .link-2 ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width:auto;
        height: 100%;
        margin-left: 0;
        padding-left: 0;
    }

    .links-content .link-1 ul li{
        font-size: 20px;
    }

    .links-content .link-1 ul li a{
        font-size: 20px;
    }

    .links-content .link-1 .productos-menu .productos-submenu{
        width: 400px;
    }

    .links-content .link-1 .productos-menu ul li{
        width: 100%;
        height: 60px;
    }

    .links-content .link-1 .productos-menu ul li a{
        width: 100%;
    }


    .links-content .link-2 ul li a{
        font-size: 20px;
    }

    .links-content .link-2 ul a li{
        font-size: 20px;
    }

    .links-content .link-2 ul .productos-menu .productos-submenu{
        width: 400px;
    }

    .links-content .link-2 ul .productos-menu .productos-submenu li{
        width: 100%;
        height: 60px;
    }

    .links-content .link-2 ul .productos-menu .productos-submenu li a{
        width: 100%;
    }





    #aviso-privacidad{
        font-size: 20px;
    }

    ul .productos-menu{
        position: relative;
        cursor: pointer;
        display: block;
    }

    ul .productos-menu .productos-submenu{
        background-color: #004A87;
        padding: 0;
        margin: 0;
        cursor: pointer;
        display: none;
        height: auto;
    }

    ul .productos-menu .productos-menu-servicios > .productos-submenu-servicios{
        display:block;
        position: absolute;
        top: 40px;
        left: 0px;
        height: auto;
        width: 280px;
    }

    #servicio-tecnico{
        position: relative;
        cursor: pointer;
        padding: 0px;
        margin: 0px;
    }

    #submenu-servicio{
        width: 100%;
        background-color: #004a87;
        padding: 0;
        margin: 0;
        cursor: pointer;
        display: none;
    }

    #servicio-tecnico:hover > #submenu-servicio {
        display:block;
        position: absolute;
        top: 0px;
        left: 100%;
        height: auto;
        width: 280px;
        transition-duration: 20s;
        display: grid;
        align-items: stretch;
        justify-content: stretch;
    }

    #submenu-servicio li{
        width: 100%;
        display: flex;
        justify-content: stretch;
        align-items: stretch;
    }

    #submenu-servicio li a{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        padding-left: 15px;
        margin: 0px;
    }

    ul .productos-menu .productos-submenu li{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }

    ul .productos-menu .productos-submenu li a{
        padding-left: 20px;
        width: 100%;
        color: white;
        text-decoration: none;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    ul .productos-menu:hover > .productos-submenu {
        display:block;
        position: absolute;
        z-index: 3;
        top: 60px;
        left: 0px;
        height: auto;
        width: 280px;
        transition-duration: 0.10s;
        transition-delay: 0.10s;
    }

    ul .productos-menu .productos-submenu{
        display: none;
    }

    .productos-menu li{
        width: 100%;
        height: 40px;
    }

    ul li {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 160px;
    }

    ul li:hover {
        background-color: rgb(255, 132, 31);
        color: white;
        transition-duration: 0.10s;
        transition-delay: 0.10s;
        z-index: 3;
    }

    #car{
        position: absolute;
        left: calc(500px + 60px);
        top: 0px;
        height: 100%;
        width: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #car .bolsa-carrito{
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    #car .bolsa-carrito img{
       width: 60%;
       height:60%;
    }

    #car .bolsa-carrito .position-absolute{
        left: 80%;
        top: 0px;
        background-color: rgb(255, 59, 59);
        position: absolute;
    }

    #carrito-container{
        position: absolute;
        left: 0px;
        margin-left: -35%;
        margin-top: 50px;
        width: 335px;
        height: 330px;
    }

    #carrito-container::before{
       content: '';
       position: absolute;
       display: block;
       border-top: 15px solid rgb(255, 255, 255);
       border-left: 20px solid  transparent;
       border-right: 20px solid transparent;
       transform:rotate(180deg);
       right: 10px;
       top: -5px;
    }
}

@media screen and (max-width:1800px) {
    
    .container-Header {
        width: 100%;
        height:130px;
        top: 0;
        left: 0;
        z-index: 4;
        position: relative;
        margin: 0px;
        padding: 0px;
        margin-bottom: 0px;
    }
    
    .solicitar-informes {
        margin: 0px;
        background-color: #dfdfdf57;
        width: 100%;
        height: 40px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    
    .container-Header .solicitar-informes .whats-a{
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .container-Header .solicitar-informes .whats-a i{
        font-size: 25px;
    }

    .container-Header .solicitar-informes{
        height: 60px;
    }

    .container-Header .solicitar-informes .solicitar{
        width: 350px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .container-Header .solicitar-informes .solicitar span{
        font-size: 15px;
        font-family: 'Roboto';
    }

    .container-Header .menu-header{
        height: 80px;
    }

    .menu-header .img-logo a {
        height: 100%;
        width: 50%;
        display: flex;
        align-items: center;
    }

    .menu-header .inputs-buscar{
        width: 50%;
        height: 100%;
    }

    .menu-header .inputs-buscar .input-busucar{
        width: 50%;
        height: 70%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .menu-header .inputs-buscar .input-busucar input{
        width: 60%;
        height: 70%;
        font-size: 16px;
        font-family: 'Roboto';
    }

    .menu-header .inputs-buscar .input-busucar img{
        width: 25px;
        height: 25px;
    }

    .menu-header .img-logo a #logo-refrimed{
        width: 200px;
    }

    .solicitar {
        background-color: #3778BD;
        width: 20%;
        height: 70%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 10px;
    }
    
    .solicitar a{
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
    }
    
    .solicitar span {
        font-family: 'Roboto';
        font-size: 12px;
        color: white;
    }
    /*menu-header*/
    
    .menu-header {
        background-image: url('../../assets/svg/radiocardiograma.svg');
        width: 100%;
        height: 70px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .img-logo{
        width: 40%;
        height: 100%;
        display: flex;
        align-items: center;
    }
    
    #logo-refrimed {
        width: 160px;
    }
    
    .inputs-buscar {
        width: 40%;
        height: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    
    .input-busucar {
        width: 200px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
    }
    
    .input-busucar img{
        width: 15px;
        margin-right: 10px;
    }
    
    .input-busucar input {
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: solid 1px #004a87;
        height: 100%;
        width: 225px;
        outline: none;
        font-style: inherit;
        font-family: 'Roboto';
        font-size: 12px;
    }
    
    .input-busucar input::placeholder {
        color: #004a87;
    }
    
    .input-busucar input:focus {
        color: #004a87;
        border-bottom: solid 1px #000000;
    }
    
    .input-aviso {
        width: 200px;
        display: flex;
        justify-content: center;
    }
    
    .input-aviso span {
        color: #004a87;
        font-style: inherit;
        font-family: 'Roboto';
        font-size: 10px;
    }
    
    .input-aviso span:hover {
        cursor: pointer;
    }
    
    .links-content {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .link-1 {
        background-color: #004a87;
        display: flex;
        justify-content: flex-end;
        width: 50%;
        height: 40px;
    }
    
    .link-2 {
        background-color: #2f6897;
        display: flex;
        justify-content: flex-start;
        width: 50%;
        height: 40px;
        padding-left: 0;
        margin-left: 0;
        position: relative;
    }
    
    .link-1 ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: auto;
        height: 100%;
    }
    
    .container-Header .links-content .link-1 ul a{
        font-size: 16px;   
    }

    .container-Header .links-content .link-1 ul .productos-submenu{
        top: 40px;
    }

    .container-Header .links-content .link-1 ul .productos-submenu li{
        width: 100%;
        height: 50px;
    }

    .container-Header .links-content .link-1 ul li{
        font-size: 16px;
        width: 150px;
    }

    .container-Header .links-content .link-2 ul{
        width: auto;
    }

    .container-Header .links-content .link-2 ul .productos-submenu {
        top: 40px;
        width: 300px;
    }

    .container-Header .links-content .link-2 ul .productos-submenu li {
        width: 100%;
        height: 45px;
    }

    .container-Header .links-content .link-2 ul .productos-submenu li a{
        width: 100%;
    }

    .container-Header .links-content .link-2 ul a{
        font-size: 16px;
        width: 150px;
    }
    
    .container-Header .links-content .link-2 ul li{
        font-size: 16px;
        width: 150px;
    }

    .container-Header #aviso-privacidad{
        font-size: 16px;
    }
    
    #aviso-privacidad{
        text-align: center;
        font-size: 13px;
    }
    
    /*carrito-modal*/

    #car{
        position: absolute;
        left: calc(500px + 60px);
        top: 0px;
        height: 100%;
        width: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #car .bolsa-carrito{
        width: 35px;
        height: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    #car .bolsa-carrito img{
       width: 60%;
       height:60%;
    }

    #car .bolsa-carrito .position-absolute{
        left: 70%;
        top: 0px;
        background-color: rgb(255, 59, 59);
        position: absolute;
    }

    #carrito-container{
        position: absolute;
        left: 0px;
        margin-left: -28%;
        margin-top: 40px;
        width: 335px;
        height: 330px;
    }
    
}

@media screen and (max-width:1400px) {
    
.container-Header {
    width: 100%;
    height:100px;
    top: 0;
    left: 0;
    z-index: 4;
    position: relative;
    margin: 0px;
    padding: 0px;
    margin-bottom: 0px;
}

.solicitar-informes {
    margin: 0px;
    background-color: #dfdfdf57;
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.solicitar-informes .whats-a{
    width: 30px;
    height: 30px;
    background-color: #51dc5dd3;
    border-radius: 2em;
    margin-right: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}


.solicitar-informes .whats-a i {
    color: white;
    font-size: 20px;
    text-align: center;
    margin-top: 2px;
}

.solicitar {
    background-color: #3778BD;
    width: 20%;
    height: 70%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.solicitar a{
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.solicitar span {
    font-family: 'Roboto';
    font-size: 12px;
    color: white;
}
/*menu-header*/

.menu-header {
    background-image: url('../../assets/svg/radiocardiograma.svg');
    width: 100%;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-logo{
    width: 40%;
    height: 100%;
    display: flex;
    align-items: center;
}

#logo-refrimed {
    width: 160px;
}

.inputs-buscar {
    width: 40%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.input-busucar {
    width: 200px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

.input-busucar img{
    width: 15px;
    margin-right: 10px;
}

.input-busucar input {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 1px #004a87;
    height: 100%;
    width: 225px;
    outline: none;
    font-style: inherit;
    font-family: 'Roboto';
    font-size: 12px;
}

.input-busucar input::placeholder {
    color: #004a87;
}

.input-busucar input:focus {
    color: #004a87;
    border-bottom: solid 1px #000000;
}

.input-aviso {
    width: 200px;
    display: flex;
    justify-content: center;
}

.input-aviso span {
    color: #004a87;
    font-style: inherit;
    font-family: 'Roboto';
    font-size: 10px;
}

.input-aviso span:hover {
    cursor: pointer;
}

.links-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.link-1 {
    background-color: #004a87;
    display: flex;
    justify-content: flex-end;
    width: 50%;
    height: 40px;
}

.link-2 {
    background-color: #2f6897;
    display: flex;
    justify-content: flex-start;
    width: 50%;
    height: 40px;
    padding-left: 0;
    margin-left: 0;
    position: relative;
}

.link-1 ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 500px;
    height: 100%;
}

.link-2 ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 500px;
    height: 100%;
    margin-left: 0;
    padding-left: 0;
}

#aviso-privacidad{
    text-align: center;
    font-size: 13px;
}

ul a {
    color: white;
    text-decoration: none;
    font-family: 'Roboto';
    font-size: 14px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

ul li{
    color: white;
    text-decoration: none;
    font-family: 'Roboto';
    font-size: 14px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

ul .productos-menu{
    position: relative;
    cursor: pointer;
    display: block;
}

ul .productos-menu a{
    color: white;
    text-decoration: none;
    font-family: 'Roboto';
    font-size: 14px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

ul .productos-menu .productos-submenu{
    background-color: #004A87;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: none;
    height: auto;
}

ul .productos-menu .productos-menu-servicios > .productos-submenu-servicios{
    display:block;
    position: absolute;
    top: 40px;
    left: 0px;
    height: auto;
    width: 280px;
}

#servicio-tecnico{
    position: relative;
    cursor: pointer;
    padding: 0px;
    margin: 0px;
}

#submenu-servicio{
    width: 100%;
    background-color: #004a87;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: none;
}

#servicio-tecnico:hover > #submenu-servicio {
    display:block;
    position: absolute;
    top: 0px;
    left: 100%;
    height: auto;
    width: 280px;
    transition-duration: 20s;
    display: grid;
    align-items: stretch;
    justify-content: stretch;
}

#submenu-servicio li{
    width: 100%;
    display: flex;
    justify-content: stretch;
    align-items: stretch;
}

#submenu-servicio li a{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-left: 15px;
    margin: 0px;
}


ul .productos-menu .productos-submenu li{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

ul .productos-menu .productos-submenu li a{
   padding-left: 20px;
   width: 100%;
   color: white;
   text-decoration: none;
   display: flex;
   justify-content: flex-start;
   align-items: center;
}

ul .productos-menu:hover > .productos-submenu {
    display:block;
    position: absolute;
    z-index: 3;
    top: 40px;
    left: 0px;
    height: auto;
    width: 280px;
    transition-duration: 0.10s;
    transition-delay: 0.10s;
}

ul .productos-menu .productos-submenu{
    display: none;
}

.productos-menu li{
    width: 100%;
    height: 40px;
}

ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
}

ul li:hover {
    background-color: rgb(255, 132, 31);
    color: white;
    transition-duration: 0.10s;
    transition-delay: 0.10s;
    z-index: 3;
}

#submenu-servicios-movil,
#submenu-productos-movil{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-left: 30px;
    overflow: auto;
    background-color:#004a87c2;
    border-radius: 5px;
}

#submenu-servicios-movil a,
#submenu-productos-movil a{
   text-decoration: none;
   width: 80%;
   height: 50px;
   background-color: red;
   font-family: 'Roboto';
   font-size: 15px;
   margin: 0px;
   padding: 0px;
   color: #fff;
   display: flex;
   justify-content: flex-start;
   align-items: center;
   background-color: transparent;
   border: none;
}


#submenu-servicios-movil a:hover,
#submenu-productos-movil a:hover{
 border-bottom: solid 1px white;
}

#img-bolsa {
    margin: 10px;
    width: 19px;
    height: 19px;
}

.bolsa-carrito{
    left: calc(450px + 35px);
    background-color: #004a87;
    border-radius: 2em;
}

.position-absolute{
   top: 0;
   left: 30px;
   width: 20px;
   height: 20px;
   background-color: red;
   border-radius: 2em;
   display: flex;
   justify-content: center;
   align-items: center;
}

.position-absolute p{
    color: white;
    font-size: 10px;
    font-weight: bold;
    padding-top: 14px;
}


.bolsa-carrito:hover {
    background-color: rgb(255, 132, 31);
    cursor: pointer;
    border-radius: 2em; 
}

.bolsa-carrito img {
    width: 15px;
    height: 20px;
}


/*carrito-modal*/


#car{
    position: absolute;
    left: calc(460px + 100px);
    top: 0px;
}

#carrito-container{
    position: absolute;
    left: 0px;
    margin-left: -35%;
    margin-top: 40px;
    width: 335px;
    height: 330px;
}

#carrito-container::before{
   content: '';
   position: absolute;
   display: block;
   border-top: 15px solid rgb(255, 255, 255);
   border-left: 20px solid  transparent;
   border-right: 20px solid transparent;
   transform:rotate(180deg);
   right: 0px;
   top: -5px;
}

#btn-cotizar-solicitar{
    z-index: 5;
    width: 100%;
    height: 40px;
}

#btn-cotizar-solicitar button{
    --color: #004a87;
    background-color: transparent;
    color: var(--color);
    font-family: inherit;
    display: inline-block;
    width: 180px;
    height: 2.6em;
    line-height: 2.5em;
    margin: 20px;
    position: relative;
    overflow: hidden;
    border: 2px solid var(--color);
    transition: color .5s;
    z-index: 1;
    font-size: 17px;
    font-weight: 500;
}

#btn-cotizar-solicitar button::before{
    content: "";
    position: absolute;
    z-index: -1;
    background: var(--color);
    height: 150px;
    width: 300px;
    border-radius: 50%;
}


#btn-cotizar-solicitar button:hover {
    color: #fff;
}
   
#btn-cotizar-solicitar button:before {
    top: 100%;
    left: 100%;
    transition: all .7s;
   }
   
#btn-cotizar-solicitar button:hover:before {
    top: -30px;
    left: -30px;
}
   
#btn-cotizar-solicitar button:active:before {
    background: #004a87;
    transition: background 0s;
}


.container-carrito{
    height: 75%;
    width: 100%;
    gap: 20px;
    overflow:auto;  
}

.contentenido-overflow-carrito{
    margin-top: 5px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-top: solid 1px rgba(167, 167, 167, 0.404);
}

.item-producto-1{
    width: 40%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.item-producto-1 img{
    width: 100px;
}

.item-producto-2{
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.title-item-producto{
    width: 100%;
    height: 50%;    
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.title-item-producto span{
    width: 100%;
    font-size: 12px;
    color: #3778BD;
    font-weight: normal;
    font-family: 'Roboto';
    margin-bottom: 5px;
}

.edit-producto-carrito{
    width: 100%;
    height: 50%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.edit-producto-carrito .eliminar{
    display: flex;
    justify-content: center;
    align-items: center;
}

.edit-producto-carrito .eliminar img{
    width:14px;
    color: #004a87;
}

.edit-producto-carrito .eliminar img:hover{
    color: #004a87;
    cursor: pointer;
}

.edit-producto-carrito .editar{
    width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.edit-producto-carrito button{
    width: 22px;
    height: 20px;
    background-color: #004a87;
    border: solid 1px whitesmoke;
    color: white;
    border: none;
    margin: 0;
    padding-top: -14px;
    text-align: center;
}

.edit-producto-carrito input{
    margin-left: -10;
    padding-left: 10px;
    width: 30px;
    height: 20px;
    background-color: #ffffff;
    border: solid 1px #004a87;
}

.total-articulos{
    width: 100%;
    height: 30px;
}

.total-articulos span{
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: bold;
    color: #004a87;
}

.btn-cotizar {
    height: 60px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-cotizar button{
    font-size: 15px;
    font-weight: normal;
    font-family: 'Roboto';
    width: 80%;
    height: 40px;
    background-color: #004A87;
    border: #004A87;
}

/*CLASES PARA ABRIR Y CERRAR MODAL*/

.isOpen {
    background-color: #FF841F;
    border-radius: 2em;
    width: 40px;
    height: 40px;
    z-index: 4;
}

/*TERMINA MODAL DE CARRITO*/
.menu-movil{
    width:100%;
    display: flex;
    flex-direction: row;
    visibility: hidden;
    margin-top: -100%;
}

.menu-movil-efect{
   position: absolute;
   margin-top: 0%;
   transition: all 900ms;
}

.menu-movil-efect-remove{
    position: absolute;
    margin-top: -100vh;
    transition-delay: 0.50s;
    transition: all 900ms;
}

.menu-movil .offcanvas-body-1{
    margin-top: 0px;
    margin-left: -3px;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    z-index: 1;
    padding: 0px;
    background-color: #003764;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
}

.menu-movil .offcanvas-body-1 .contactanos-movil{
    margin-top: 10px;
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: row;
}

.contactanos-movil .tel,
.contactanos-movil .whats{
    width: 50%;
    height: 100%;
}

.contactanos-movil .tel i,
.contactanos-movil .whats i{
    font-size:30px;
    
}


.offcanvas-body-1 .items-menu{
    width: 90%;
    height: 90%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0px;
    margin-left: 0px;
}

.offcanvas-body-1 .items-menu .accordion-collapse{
    font-family: 'Roboto';
    font-size: 15px;
    z-index: 3;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0px;
    width: 90%;
    height: 80px;
}

.offcanvas-body-1 .items-menu .accordion-button{
    font-family: 'Roboto';
    font-size: 15px;
    z-index: 3;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0px;
    width: 100%;
    height: 80px;
}

.offcanvas-body-1 a:hover{
  color: white;
  border-bottom: solid 2px rgb(255, 255, 255);
  background-color: transparent;
}

.offcanvas-body-1 a img{
    width: 30px;
    height: 30px;
    margin:5px;
}

.offcanvas-body-1 .items-menu .links-menu{
    display: block;
    width: 90%;
    height: 30px;
    margin-top: 5px;
    justify-content: center;
    align-items: flex-start;
}
}

@media screen and (max-width:1025px){
    .container-Header{
        width: 100%;
    }

    .solicitar-informes{
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .solicitar-informes .solicitar{
        background-color:#3778BD;
        width: auto;
        padding: 5px;
    }

    .menu-header{
        display: flex;
        justify-content: space-around;
        
    }

    .links-content{
        width: 100%;
        height: 100%;
    }
        
    .link-1 {
        background-color: #004a87;
        display: flex;
        justify-content: flex-end;
        width: 50%;
        height: 100%;
    }

    .link-2 {
        background-color: #2F6897;
        display: flex;
        justify-content: flex-start;
        width: 50%;
        height: 100%;
        padding-left: 0;
        margin-left: 0;
        position: relative;
    }

    .link-1 ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    .link-2 ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 80%;
        height: 100%;
        margin-left: 0;
        padding-left: 0;
    }

    ul a {
        color: white;
        text-decoration: none;
        font-style: inherit;
        font-family: 'Roboto';
        font-size: 13px;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #car{
        left: 87%;
    }


}

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

    .container-Header{
        width: 100%;
    }

    .solicitar-informes {
        background-color: #dfdfdf57;
        width: 100%;
        height: 40px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .solicitar-informes .solicitar{
        width: auto;
    }

    .menu-header .img-logo{
        width: auto;
    }

    .inputs-buscar{
        width: auto;
    }

    .menu-header{
        display: flex;
        justify-content: space-around;
    }

    .links-content{
        width: 100%;
    }
        
    .link-1 {
        background-color: #004a87;
        display: flex;
        justify-content: flex-end;
        width: 50%;
        height: 100%;
    }

    .link-2 {
        background-color: #2f6897;
        display: flex;
        justify-content: flex-start;
        width: 50%;
        height: 100%;
        padding-left: 0;
        margin-left: 0;
        position: relative;
    }

    .link-1 ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 100%;
    
    }

    .link-2 ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 80%;
        height: 100%;
        margin-left: 0;
        padding-left: 0;
        
    }

    ul a {
        color: white;
        text-decoration: none;
        font-style: inherit;
        font-family: 'Roboto';
        font-size: 13px;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    ul li {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 120px;
    }


    #car{
        left: 88%;
    }
}

@media screen and (max-width:950px) {
    .container-Header{
        margin: 0px;
        padding: 0px;
    }

    .container-Header .links-content .link-1 ul{
        width: 90%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .container-Header .links-content .link-1 ul a{
        width: 130px;
    }

    .container-Header .links-content .link-1 ul li{
        width: 130px;
        position: relative;
    }

    .container-Header .links-content .link-1 ul li .productos-submenu{
        display: none;
        width: 350px;
        top: 55px;
    }

    .container-Header .links-content .link-1 ul li:hover > ul{
        display: block;
    }

    
    .container-Header .links-content .link-2 ul{
        width: 90%;

        display: flex;
        justify-content: center;
        align-items: center;
    }

    .container-Header .links-content .link-2 ul li{
        width: 130px;
    }

    .container-Header .links-content .link-2 ul a{
        width: 130px;
    }

    .container-Header .links-content .link-2 ul li:hover > .productos-submenu{
       display: block;
       top: 50px;
    }

    .container-Header .links-content .link-2 ul li .productos-submenu{
        display: none;
     }

     #car{
         width: 32px;
         height: 32px;
         top: 10px;
         left: 90%;
     }

}

@media screen and (max-width:950px) {
    .container-Header{
        margin: 0px;
        padding: 0px;
    }

    .container-Header .menu-header .inputs-buscar .input-busucar{
        width: 70%;
    }

    .container-Header .menu-header .inputs-buscar .input-busucar input{
        width: 90%;
    }

    .container-Header .links-content .link-1 ul{
        width: 80%;
        margin-right: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .container-Header .links-content .link-1 ul a{
        width: 120px;
    }

    .container-Header .links-content .link-1 ul li{
        width: 120px;
        position: relative;
    }

    .container-Header .links-content .link-1 ul li .productos-submenu{
        display: none;
        width: 350px;
        top: 55px;
    }

    .container-Header .links-content .link-1 ul li:hover > ul{
        display: block;
    }
    
    .container-Header .links-content .link-2 ul{
        width: 80%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .container-Header .links-content .link-2 ul li{
        width: 120px;
    }

    .container-Header .links-content .link-2 ul a{
        width: 120px;
    }

    .container-Header .links-content .link-2 ul li:hover > .productos-submenu{
       display: block;
       top: 50px;
    }

    .container-Header .links-content .link-2 ul li .productos-submenu{
        display: none;
     }

    #car{
        width: 50px;
        height: 50px;
        top: 5px;
        left: 85%;
    }

    #carrito-container{
        position: absolute;
        left: 0px;
        margin-left: -45%;
        margin-top: 40px;
        width: 335px;
        height: 330px;
    }

}

@media screen and (max-width:750px) {
    .container-Header{
        margin: 0px;
        padding: 0px;
    }

    .container-Header .solicitar-informes{ 
        display: none;
    }

    .container-Header .menu-header .inputs-buscar {
        display: none;
    }

    .container-Header .menu-header .img-logo{
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .container-Header .menu-header .img-logo img{
        width: 100%;
        height: 100%;
    }

    .container-Header .links-content .link-1 ul,
    .container-Header .links-content .link-2 ul{
        display: none;
    }

    .container-Header .links-content .link-1 #btn-menu-movil{
        display: block;
    }

    #car{
        width: 80px;
        height: 60px;
        top: 0px;
        left: 70%;
    }

    #car #btn-carrito{
        width: 45px;
        height: 45px;
    }

    #carrito-container{
        position: absolute;
        left: 0px;
        margin-left: -65%;
        margin-top: 50px;
        width: 335px;
        height: 330px;
    }

    .link-1{
        position: relative;
    }

    .link-1 .btn-menu-movil{
        width: 40px;
        height: 40px;
        left: 5%;
        top: 15px;
        padding-left: 5px;
        position: absolute;
        z-index: 2;
        display: block;
    }

    .container-Header .links-content .link-1 #btn-menu-movil span{
        display: block;
        width: 100%;
        height: 2px;
        margin-top: 8px;
        background-color: white;
        transform-origin: 0px 100%;
        transition: all 600ms;
    }

    .line1__bars-menu{
        transform: rotate(45deg) translate(-2px, 1px);
    }
    
    .line2__bars-menu{
        opacity: 0;
        margin-left: -40px;
    }

    .line3__bars-menu{
        transform: rotate(-45deg) translate(-4px, 2px);
    }
    
    #menu-movil .offcanvas-body-1 {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
    }

    #menu-movil .offcanvas-body-1 .items-menu{
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #menu-movil .offcanvas-body-1 .items-menu a{
        width: 100%;
    }

}

@media screen and (max-width:650px) {
    .container-Header{
        margin: 0px;
        padding: 0px;
    }

    .container-Header .solicitar-informes{ 
        display: none;
    }

    .container-Header .menu-header .inputs-buscar {
        display: none;
    }

    .container-Header .menu-header .img-logo{
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .container-Header .menu-header .img-logo img{
        width: 100%;
        height: 100%;
    }

    .container-Header .links-content .link-1 ul,
    .container-Header .links-content .link-2 ul{
        display: none;
    }

    .container-Header .links-content .link-1 #btn-menu-movil{
        display: block;
    }

    #car{
        width: 80px;
        height: 60px;
        top: 0px;
        left: 75%;
    }

    #car #btn-carrito{
        width: 50px;
        height: 50px;
    }

    #carrito-container{
        position: absolute;
        left: 0px;
        margin-left: -70%;
        margin-top: 50px;
        width: 335px;
        height: 330px;
    }

    .link-1{
        position: relative;
    }

    .link-1 .btn-menu-movil{
        width: 40px;
        height: 40px;
        left: 5%;
        top: 10px;
        padding-left: 5px;
        position: absolute;
        z-index: 2;
        display: block;
    }

    .container-Header .links-content .link-1 #btn-menu-movil span{
        display: block;
        width: 100%;
        height: 2px;
        margin-top: 8px;
        background-color: white;
        transform-origin: 0px 100%;
        transition: all 600ms;
    }

    .line1__bars-menu{
        transform: rotate(45deg) translate(-2px, 1px);
    }
    
    .line2__bars-menu{
        opacity: 0;
        margin-left: -40px;
    }

    .line3__bars-menu{
        transform: rotate(-45deg) translate(-4px, 2px);
    }
    
    #menu-movil .offcanvas-body-1 {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
    }

    #menu-movil .offcanvas-body-1 .items-menu{
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #menu-movil .offcanvas-body-1 .items-menu a{
        width: 100%;
    }

}

@media screen and (max-width:600px) {
    .container-Header{
        margin: 0px;
        padding: 0px;
    }

    .container-Header .solicitar-informes{ 
        display: none;
    }

    .container-Header .menu-header .inputs-buscar {
        display: none;
    }

    .container-Header .menu-header .img-logo{
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .container-Header .menu-header .img-logo img{
        width: 100%;
        height: 100%;
    }

    .container-Header .links-content .link-1 ul,
    .container-Header .links-content .link-2 ul{
        display: none;
    }

    .container-Header .links-content .link-1 #btn-menu-movil{
        display: block;
    }

    #car{
        width: 80px;
        height: 60px;
        top: 0px;
        left: 70%;
    }

    #car #btn-carrito{
        width: 50px;
        height: 50px;
    }

    #carrito-container{
        position: absolute;
        left: 0px;
        margin-left: -85%;
        margin-top: 50px;
        width: 335px;
        height: 330px;
    }

    .link-1{
        position: relative;
    }

    .link-1 .btn-menu-movil{
        width: 40px;
        height: 40px;
        left: 5%;
        top: 10px;
        padding-left: 5px;
        position: absolute;
        z-index: 2;
        display: block;
    }

    .container-Header .links-content .link-1 #btn-menu-movil span{
        display: block;
        width: 100%;
        height: 2px;
        margin-top: 8px;
        background-color: white;
        transform-origin: 0px 100%;
        transition: all 600ms;
    }

    .line1__bars-menu{
        transform: rotate(45deg) translate(-2px, 1px);
    }
    
    .line2__bars-menu{
        opacity: 0;
        margin-left: -40px;
    }

    .line3__bars-menu{
        transform: rotate(-45deg) translate(-4px, 2px);
    }
    
    #menu-movil .offcanvas-body-1 {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
    }

    #menu-movil .offcanvas-body-1 .items-menu{
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #menu-movil .offcanvas-body-1 .items-menu a{
        width: 100%;
    }

}

@media screen and (max-width:550px) {
    .container-Header{
        margin: 0px;
        padding: 0px;
    }

    .container-Header .solicitar-informes{ 
        display: none;
    }

    .container-Header .menu-header .inputs-buscar {
        display: none;
    }

    .container-Header .menu-header .img-logo{
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .container-Header .menu-header .img-logo img{
        width: auto;
        height: auto;
        padding: 0px;
    }


    .container-Header .links-content .link-1 ul,
    .container-Header .links-content .link-2 ul{
        display: none;
    }

    .container-Header .links-content .link-1 #btn-menu-movil{
        display: block;
    }

    #car{
        width: 80px;
        height: 60px;
        top: 0px;
        left: 70%;
    }

    #car #btn-carrito{
        width: 50px;
        height: 50px;
    }

    #carrito-container{
        position: absolute;
        left: 0px;
        margin-left: -90%;
        margin-top: 50px;
        width: 335px;
        height: 330px;
    }

    .link-1{
        position: relative;
    }

    .link-1 .btn-menu-movil{
        width: 40px;
        height: 40px;
        left: 5%;
        top: 10px;
        padding-left: 5px;
        position: absolute;
        z-index: 2;
        display: block;
    }

    .container-Header .links-content .link-1 #btn-menu-movil span{
        display: block;
        width: 100%;
        height: 2px;
        margin-top: 8px;
        background-color: white;
        transform-origin: 0px 100%;
        transition: all 600ms;
    }

    .line1__bars-menu{
        transform: rotate(45deg) translate(-2px, 1px);
    }
    
    .line2__bars-menu{
        opacity: 0;
        margin-left: -40px;
    }

    .line3__bars-menu{
        transform: rotate(-45deg) translate(-4px, 2px);
    }
    
    #menu-movil .offcanvas-body-1 {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
    }

    #menu-movil .offcanvas-body-1 .items-menu{
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #menu-movil .offcanvas-body-1 .items-menu a{
        width: 100%;
    }

}

@media screen and (max-width:510px) {
    .container-Header{
        margin: 0px;
        padding: 0px;
    }

    .container-Header .solicitar-informes{ 
        display: none;
    }

    .container-Header .menu-header .inputs-buscar {
        display: none;
    }

    .container-Header .menu-header .img-logo{
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .container-Header .menu-header .img-logo img{
        width: auto;
        height: auto;
        padding: 0px;
    }

    .container-Header .links-content .link-1 ul,
    .container-Header .links-content .link-2 ul{
        display: none;
    }

    .container-Header .links-content .link-1 #btn-menu-movil{
        display: block;
    }

    #car{
        width: 80px;
        height: 60px;
        top: 0px;
        left: 70%;
    }

    #car #btn-carrito{
        width: 50px;
        height: 50px;
    }

    #car #btn-carrito .position-absolute{
        width: 20px;
        height: 20px;
        left: 65%;
        top: 4px;
    }

    #carrito-container{
        position: absolute;
        left: 0px;
        margin-left: -100%;
        margin-top: 50px;
        width: 335px;
        height: 330px;
    }

    .link-1{
        position: relative;
    }

    .link-1 .btn-menu-movil{
        width: 40px;
        height: 40px;
        left: 10%;
        top: 10px;
        padding-left: 5px;
        position: absolute;
        z-index: 2;
        display: block;
    }

    .container-Header .links-content .link-1 #btn-menu-movil span{
        display: block;
        width: 100%;
        height: 2px;
        margin-top: 8px;
        background-color: white;
        transform-origin: 0px 100%;
        transition: all 600ms;
    }

    .line1__bars-menu{
        transform: rotate(45deg) translate(-2px, 1px);
    }
    
    .line2__bars-menu{
        opacity: 0;
        margin-left: -40px;
    }

    .line3__bars-menu{
        transform: rotate(-45deg) translate(-4px, 2px);
    }
    
    #menu-movil .offcanvas-body-1 {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
    }

    #menu-movil .offcanvas-body-1 .items-menu{
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #menu-movil .offcanvas-body-1 .items-menu a{
        width: 100%;
    }

}

@media screen and (max-width:470px) {
    .container-Header{
        margin: 0px;
        padding: 0px;
    }

    .container-Header .solicitar-informes{ 
        display: none;
    }

    .container-Header .menu-header .inputs-buscar {
        display: none;
    }

    .container-Header .menu-header .img-logo{
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .container-Header .links-content .link-1 ul,
    .container-Header .links-content .link-2 ul{
        display: none;
    }

    .container-Header .links-content .link-1 #btn-menu-movil{
        display: block;
    }

    #car{
        width: 80px;
        height: 60px;
        top: 0px;
        left: 60%;
    }

    #car #btn-carrito{
        width: 45px;
        height: 45px;
    } 

    #car #btn-carrito .position-absolute{
        width: 20px;
        height: 20px;
    }

    #carrito-container{
        position: absolute;
        left: 0px;
        margin-left: -150%;
        margin-top: 50px;
        width: 335px;
        height: 330px;
    }

    .link-1{
        position: relative;
    }

    .link-1 .btn-menu-movil{
        width: 40px;
        height: 40px;
        left: 5%;
        top: 10px;
        padding-left: 5px;
        position: absolute;
        z-index: 2;
        display: block;
    }

    .container-Header .links-content .link-1 #btn-menu-movil span{
        display: block;
        width: 100%;
        height: 2px;
        margin-top: 8px;
        background-color: white;
        transform-origin: 0px 100%;
        transition: all 600ms;
    }

    .line1__bars-menu{
        transform: rotate(45deg) translate(-2px, 1px);
    }
    
    .line2__bars-menu{
        opacity: 0;
        margin-left: -40px;
    }

    .line3__bars-menu{
        transform: rotate(-45deg) translate(-4px, 2px);
    }
    
    #menu-movil .offcanvas-body-1 {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
    }

    #menu-movil .offcanvas-body-1 .items-menu{
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #menu-movil .offcanvas-body-1 .items-menu a{
        width: 100%;
    }

}