* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

body {
    font-family: arial;
}

.boton {
    
    font-size: 1px;
    text-transform: uppercase;
    position: fixed;
    bottom: 20px;
    right: 0;
    opacity: 50%;
}

.boton:hover {
    opacity: 80%;
}

.relleno {
    background: url(imagenes-web/fondo.jpg);
    background-size: cover;
    background-position-x: 50%; 
    background-position-y: 100%;
    background-attachment: fixed;
   
}

.header {
    background-image: linear-gradient(
        rgba(0,0,0,0.900),
        rgba(0,0,0,0.900)),
        url(imagenes-web/fondo.jpg);
        background-position-x: 50%; 
        background-position-y: 100%;
        background-attachment: fixed;
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 0;
        display: flex;
        align-items: center;
}

.logo {
    color: #ffff;
    font-size: 25px;
    font-weight: 800;
}

.menu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu .navbar ul li {
    position: relative;
    float: left;
}

.menu .navbar ul li a {
    font-size: 15px;
    padding: 20px;
    color: #ffff;
    display: block;
    font-weight: 600;
    margin-top: 12px;
}

.menu .navbar ul li a:hover {
    color: #8ab3f0;
}

#menu {
    display: none;
}

.menu-icono {
    width: 40px;
}

.menu label {
    cursor: pointer;
    display: none;
}

.header-content {
    text-align: center;
}

.header-content h1 {
    font-size: 55px;
    line-height: 80px;
    color: #f9fafc;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-family: Georgia;
    letter-spacing: 0.20em;
}

.equipo {
    margin-top: 5px;
}

.header-content p {
    font-size: 20px;
    line-height: 5px;
    color: #c5c5c5;
    padding: 0 1px;
    margin-bottom: 15px;
    margin-top: -10px;
}

.btn-1 {
    display: inline-block;
    padding: 11px 35px;
    background-color: #ce967b;
    color: #f9fafc;
    text-transform: uppercase;
}

.btn-1:hover {
    background-color: #ffba98;
}

.coffee {
    background-image: linear-gradient(
        rgba(0, 0, 0, 0.151),
        rgba(0, 0, 0, 0.151)),
        url(imagenes-web/fondo.jpg);
        background-position-x: 50%; 
        background-position-y: 100%;
        background-position: center bottom;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: cover;
    padding: 8% 0;
    background-color: #ffffff;
    position: relative;
}

.coffee-content {
    margin-top: -70px;
    background: #ffffffbd;
    border-radius: 40%; text-align: center;
    overflow: hidden;
}

.coffee-content h3 {
    font-size: 30px;
    color: #323337;
    font-family: georgia;
    line-height: 50px;
}

.txt-p {
    font-size: 16px;
    color: #414247;
    padding: 0 250px;
    margin-bottom: 35px;
}

.coffee-group {
    display: flex;
    justify-content: space-around;
    align-content: center;
    margin: 0 200px 0 200px;
    border: solid 20px #ffffff07;
}

.coffee-1 {
    padding: 0 25px;
}

.coffee-1 img {
    width: 150px;
    cursor: pointer;
}

.coffee-1 h3 {
    color: black;
    font-size: 20px;
    margin-bottom: 15px;
}

.coffee-1 img:hover {
    transform: scale(1.1);
}

.services {
    background-image: linear-gradient(
        rgb(255, 255, 255),
        rgb(180, 180, 180),
        rgb(255, 255, 255)),
        url(imagenes-web/fondo.jpg); 
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment:local ;
        padding: 100px 0;
}

.services-content {
    text-align: center;
}

.services-content h2 {
    font-size: 40px;
    text-transform: none;
    margin-top: -90px;
    text-align: center;
    line-height: 70px;
    color: #000000;
    margin-bottom: 50px;
}

.services-content p {
    font-size: 16px;
    color: #000000;
    padding: 0 100px;
}

.services-group {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}


.services-1 {
    padding: 0 10px;
}

.services-1 img {
    width: 300px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 15px;
}

.services-3 img {
    width: 295px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 15px;
    margin-top: 12px;
}

.services-3 h4 {
    margin-top: 20px;
}

.services-1 img:hover {
    transform: scale(1.1);
}

.services-1 h3 {
    color: #000000;
    font-size: 18px;
}

.general {
    display: flex;
}

.general-1 {
    width: 50%;
    padding: 100px 250px 100px 100px;
    background-color: #e1e2e6;
}

.general-2 {
    background-image: url(imagenes-web/minisecion.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size:contain;
    width: 50%;
    transform: scale(0.7);
}

.general-3 {
    background-image: url(imagenes-web/mini3section.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    transform: scale(0.7);
}
.general-4 {
    background-image: url(imagenes-web/avatasection.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    transform: scale(0.7);
}
.general-5 {
    background-image: url(imagenes-web/mavicsection.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    transform: scale(0.7);
}


h2 {
    font-size: 25px;
    line-height: 70px;
    color: #323337;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: -100px;
    
}

p {
    font-size: 16px;
    color: #414247;
    margin: 25px 0 45px 0;
}

.portatiles {
    background-image: linear-gradient(
        rgb(255, 255, 255),
        rgb(180, 180, 180),
        rgb(255, 255, 255)),
        url(imagenes-web/fondo.jpg); 
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment:local ;
        padding: 100px 0;
}

.portatiles-content {
    text-align: center;
}

.portatiles-content h2 {
    font-size: 40px;
    text-transform: none;
    margin-top: -90px;
    text-align: center;
    line-height: 70px;
    color: #000000;
    margin-bottom: 50px;
}

.portatiles-content p {
    font-size: 16px;
    color: #000000;
    padding: 0 100px;
}

.portatiles-group {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}


.portatiles-1 {
    padding: 0 10px;
}

.portatiles-1 img {
    width: 300px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 15px;
}

.portatiles-3 img {
    width: 295px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 15px;
    margin-top: 12px;
}

.portatiles-3 h4 {
    margin-top: 24px;
}

.portatiles-1 img:hover {
    transform: scale(1.1);
}

.portatiles-3 img:hover {
    transform: scale(1.1);
}

.portatiles-1 h3 {
    color: #000000;
    font-size: 18px;
}

.pc {
    display: flex;
}

.pc-1 {
    width: 50%;
    padding: 100px 50px 100px 100px;
    background-color: #e1e2e6;
}

.pc-2 {
    background-image: url(imagenes-web/elitebook1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size:contain;
    width: 50%;
    transform: scale(0.7);
}

.pc-3 {
    background-image: url(imagenes-web/acer1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    transform: scale(0.7);
}
.pc-4 {
    background-image: url(imagenes-web/lenovo1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    transform: scale(0.7);
}
.pc-5 {
    background-image: url(imagenes-web/hp1.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    transform: scale(0.7);
}

.patinetes {
    background-image: linear-gradient(
        rgb(255, 255, 255),
        rgb(180, 180, 180),
        rgb(255, 255, 255)),
        url(imagenes-web/fondo.jpg); 
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment:local ;
        padding: 100px 0;
}

.patinetes-content {
    text-align: center;
}

.patinetes-content h2 {
    font-size: 40px;
    text-transform: none;
    margin-top: -90px;
    text-align: center;
    line-height: 70px;
    color: #000000;
    margin-bottom: 50px;
}

.patinetes-content p {
    font-size: 16px;
    color: #000000;
    padding: 0 100px;
}


.patinetes-group {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}


.patinetes-1 {
    padding: 0 15px;
}
.patinetes-2 {
    padding: 0 15px;
}
.patinetes-3 {
    padding: 0 15px;
}
.patinetes-4 {
    padding: 0 15px;
}

.patinetes-1 img {
    width: 300px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 15px;
}

.patinetes-2 img {
    width: 230px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 19px;
    margin-top: 12px;
}

.patinetes-3 img {
    width: 295px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 15px;
    margin-top: 12px;
}

.patinetes-4 img {
    width: 190px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 22px;
    margin-top: 12px;
}

.patinetes-3 h4 {
    margin-top: 24px;
}

.patinetes-1 img:hover {
    transform: scale(1.1);
}

.patinetes-2 img:hover {
    transform: scale(1.1);
}

.patinetes-3 img:hover {
    transform: scale(1.1);
}

.patinetes-4 img:hover {
    transform: scale(1.1);
}

.patinetes-1 h3 {
    color: #000000;
    font-size: 18px;
}

.patin {
    display: flex;
}

.patin-1 {
    width: 50%;
    padding: 100px 50px 100px 100px;
    background-color: #e1e2e6;
}

.patin-2 {
    background-image: url(imagenes-web/paovo.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size:contain;
    width: 50%;
    transform: scale(0.7);
}

.patin-3 {
    background-image: url(imagenes-web/pbongoa.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    transform: scale(0.7);
}
.patin-4 {
    background-image: url(imagenes-web/pxiaomi.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    transform: scale(0.7);
}
.patin-5 {
    background-image: url(imagenes-web/pbongoz.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    transform: scale(0.7);
}

.cam {
    background-image: linear-gradient(
        rgb(255, 255, 255),
        rgb(180, 180, 180),
        rgb(255, 255, 255)),
        url(imagenes-web/fondo.jpg); 
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment:local ;
        padding: 100px 0;
}

.cam-content {
    text-align: center;
}

.cam-content h2 {
    font-size: 40px;
    text-transform: none;
    margin-top: -90px;
    text-align: center;
    line-height: 70px;
    color: #000000;
    margin-bottom: 50px;
}

.cam-content p {
    font-size: 16px;
    color: #000000;
    padding: 0 100px;
}


.cam-group {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}


.cam-1 {
    padding: 0 15px;
}
.cam-2 {
    padding: 0 15px;
}
.cam-3 {
    padding: 0 15px;
}
.cam-4 {
    padding: 0 15px;
}

.cam-1 img {
    width: 260px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 24px;
    margin-top: 25px;
}

.cam-2 img {
    width: 235px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 60px;
    margin-top: 28px;
}

.cam-3 img {
    width: 50px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 0;
    margin-top: 12px;
}

.cam-4 img {
    width: 210px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 58px;
    margin-top: 30px;
}

.cam-3 h4 {
    margin-top: 24px;
}

.cam-1 img:hover {
    transform: scale(1.1);
}

.cam-2 img:hover {
    transform: scale(1.1);
}

.cam-3 img:hover {
    transform: scale(1.1);
}

.cam-4 img:hover {
    transform: scale(1.1);
}

.cam-1 h3 {
    color: #000000;
    font-size: 18px;
}

.cama {
    display: flex;
}

.cama-1 {
    width: 50%;
    padding: 100px 50px 100px 100px;
    background-color: #e1e2e6;
}

.cama-2 {
    background-image: url(imagenes-web/capex.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size:contain;
    width: 50%;
    transform: scale(0.7);
}

.cama-3 {
    background-image: url(imagenes-web/caction.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    transform: scale(0.7);
}
.cama-4 {
    background-image: url(imagenes-web/cpokect.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    transform: scale(0.7);
}
.cama-5 {
    background-image: url(imagenes-web/cgopro.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    transform: scale(0.7);
}

.airfryer {
    background-image: linear-gradient(
        rgb(255, 255, 255),
        rgb(180, 180, 180),
        rgb(255, 255, 255)),
        url(imagenes-web/fondo.jpg); 
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment:local ;
        padding: 100px 0;
}

.airfryer-content {
    text-align: center;
}

.airfryer-content h2 {
    font-size: 40px;
    text-transform: none;
    margin-top: -90px;
    text-align: center;
    line-height: 70px;
    color: #000000;
    margin-bottom: 50px;
}

.airfryer-content p {
    font-size: 16px;
    color: #000000;
    padding: 0 100px;
}


.airfryer-group {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}


.airfryer-1 {
    padding: 0 30px;
}
.airfryer-2 {
    padding: 0 30px;
}
.airfryer-3 {
    padding: 0 30px;
}
.airfryer-4 {
    padding: 0 30px;
}

.airfryer-1 img {
    width: 205px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 24px;
    margin-top: 10px;
}

.airfryer-2 img {
    width: 215px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 24px;
    margin-top: 10px;
}

.airfryer-3 img {
    width: 205px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 25px;
    margin-top: 10px;
}

.airfryer-4 img {
    width: 225px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 25px;
    margin-top: 10px;
}


.airfryer-1 img:hover {
    transform: scale(1.1);
}

.airfryer-2 img:hover {
    transform: scale(1.1);
}

.airfryer-3 img:hover {
    transform: scale(1.1);
}

.airfryer-4 img:hover {
    transform: scale(1.1);
}

.airfryer-1 h3 {
    color: #000000;
    font-size: 18px;
}

.air {
    display: flex;
}

.air-1 {
    width: 50%;
    padding: 100px 50px 100px 100px;
    background-color: #e1e2e6;
}

.air-2 {
    background-image: url(imagenes-web/air2l.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size:contain;
    width: 50%;
    transform: scale(0.7);
}

.air-3 {
    background-image: url(imagenes-web/airmou.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    transform: scale(0.7);
}
.air-4 {
    background-image: url(imagenes-web/air6l.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    transform: scale(0.7);
}
.air-5 {
    background-image: url(imagenes-web/aircosori.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    transform: scale(0.7);
}

.alexa {
    background-image: linear-gradient(
        rgb(255, 255, 255),
        rgb(180, 180, 180),
        rgb(255, 255, 255)),
        url(imagenes-web/fondo.jpg); 
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment:local ;
        padding: 100px 0;
}

.alexa-content {
    text-align: center;
}

.alexa-content h2 {
    font-size: 40px;
    text-transform: none;
    margin-top: -90px;
    text-align: center;
    line-height: 70px;
    color: #000000;
    margin-bottom: 50px;
}

.alexa-content p {
    font-size: 16px;
    color: #000000;
    padding: 0 100px;
}


.alexa-group {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}


.alexa-1 {
    padding: 0 30px;
}
.alexa-2 {
    padding: 0 30px;
}
.alexa-3 {
    padding: 0 30px;
}
.alexa-4 {
    padding: 0 30px;
}

.alexa-1 img {
    width: 205px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 40px;
    margin-top: 10px;
}

.alexa-2 img {
    width: 180px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 45px;
    margin-top: 10px;
}

.alexa-3 img {
    width: 245px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 45px;
    margin-top: 10px;
}

.alexa-4 img {
    width: 225px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 25px;
    margin-top: 10px;
}


.alexa-1 img:hover {
    transform: scale(1.1);
}

.alexa-2 img:hover {
    transform: scale(1.1);
}

.alexa-3 img:hover {
    transform: scale(1.1);
}

.alexa-4 img:hover {
    transform: scale(1.1);
}

.alexa-1 h3 {
    color: #000000;
    font-size: 18px;
}

.alex {
    display: flex;
}

.alex-1 {
    width: 50%;
    padding: 100px 50px 100px 100px;
    background-color: #e1e2e6;
}

.alex-2 {
    background-image: url(imagenes-web/altavozecodot.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size:contain;
    width: 50%;
    transform: scale(0.7);
}

.alex-3 {
    background-image: url(imagenes-web/altavozpop.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    transform: scale(0.7);
}
.alex-4 {
    background-image: url(imagenes-web/altavozshow.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    transform: scale(0.7);
}
.alex-5 {
    background-image: url(imagenes-web/altavozstudio.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    transform: scale(0.7);
}

.auris {
    background-image: linear-gradient(
        rgb(255, 255, 255),
        rgb(180, 180, 180),
        rgb(255, 255, 255)),
        url(imagenes-web/fondo.jpg); 
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment:local ;
        padding: 100px 0;
}

.auris-content {
    text-align: center;
}

.auris-content h2 {
    font-size: 40px;
    text-transform: none;
    margin-top: -90px;
    text-align: center;
    line-height: 70px;
    color: #000000;
    margin-bottom: 50px;
}

.auris-content p {
    font-size: 16px;
    color: #000000;
    padding: 0 100px;
}


.auris-group {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}


.auris-1 {
    padding: 0 30px;
}
.auris-2 {
    padding: 0 30px;
}
.auris-3 {
    padding: 0 30px;
}
.auris-4 {
    padding: 0 30px;
}

.auris-1 img {
    width: 210px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 60px;
    margin-top: 28px;
}

.auris-2 img {
    width: 230px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 35px;
    margin-top: 20px;
}

.auris-3 img {
    width: 180px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 40px;
    margin-top: 20px;
}

.auris-4 img {
    width: 170px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 35px;
    margin-top: 41px;
}


.auris-1 img:hover {
    transform: scale(1.1);
}

.auris-2 img:hover {
    transform: scale(1.1);
}

.auris-3 img:hover {
    transform: scale(1.1);
}

.auris-4 img:hover {
    transform: scale(1.1);
}

.auris-1 h3 {
    color: #000000;
    font-size: 18px;
}

.auri {
    display: flex;
}

.auri-1 {
    width: 50%;
    padding: 100px 50px 100px 100px;
    background-color: #e1e2e6;
}

.auri-2 {
    background-image: url(imagenes-web/aredmi.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size:contain;
    width: 50%;
    transform: scale(0.7);
}

.auri-3 {
    background-image: url(imagenes-web/ajbl.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    transform: scale(0.7);
}
.auri-4 {
    background-image: url(imagenes-web/aanker.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    transform: scale(0.7);
}
.auri-5 {
    background-image: url(imagenes-web/aaple.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    transform: scale(0.7);
}

.pistola {
    background-image: linear-gradient(
        rgb(255, 255, 255),
        rgb(180, 180, 180),
        rgb(255, 255, 255)),
        url(imagenes-web/fondo.jpg); 
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment:local ;
        padding: 100px 0;
}

.pistola-content {
    text-align: center;
}

.pistola-content h2 {
    font-size: 40px;
    text-transform: none;
    margin-top: -90px;
    text-align: center;
    line-height: 70px;
    color: #000000;
    margin-bottom: 50px;
}

.pistola-content p {
    font-size: 16px;
    color: #000000;
    padding: 0 100px;
}


.pistola-group {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}


.pistola-1 {
    padding: 0 30px;
}
.pistola-2 {
    padding: 0 30px;
}
.pistola-3 {
    padding: 0 30px;
}
.pistola-4 {
    padding: 0 30px;
}

.pistola-1 img {
    width: 210px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 60px;
    margin-top: 28px;
}

.pistola-2 img {
    width: 230px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 55px;
    margin-top: 20px;
}

.pistola-3 img {
    width: 220px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 45px;
    margin-top: 25px;
}

.pistola-4 img {
    width: 220px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 35px;
    margin-top: 41px;
}


.pistola-1 img:hover {
    transform: scale(1.1);
}

.pistola-2 img:hover {
    transform: scale(1.1);
}

.pistola-3 img:hover {
    transform: scale(1.1);
}

.pistola-4 img:hover {
    transform: scale(1.1);
}

.pistola-1 h3 {
    color: #000000;
    font-size: 18px;
}

.pis {
    display: flex;
}

.pis-1 {
    width: 50%;
    padding: 100px 50px 100px 100px;
    background-color: #e1e2e6;
}

.pis-2 {
    background-image: url(imagenes-web/pisansgec.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size:contain;
    width: 50%;
    transform: scale(0.7);
}

.pis-3 {
    background-image: url(imagenes-web/pisalljoy.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    transform: scale(0.7);
}
.pis-4 {
    background-image: url(imagenes-web/pisren.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    transform: scale(0.7);
}
.pis-5 {
    background-image: url(imagenes-web/pispho.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    transform: scale(0.7);
}

.smartwatch {
    background-image: linear-gradient(
        rgb(255, 255, 255),
        rgb(180, 180, 180),
        rgb(255, 255, 255)),
        url(imagenes-web/fondo.jpg); 
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment:local ;
        padding: 100px 0;
}

.smartwatch-content {
    text-align: center;
}

.smartwatch-content h2 {
    font-size: 40px;
    text-transform: none;
    margin-top: -90px;
    text-align: center;
    line-height: 70px;
    color: #000000;
    margin-bottom: 50px;
}

.smartwatch-content p {
    font-size: 16px;
    color: #000000;
    padding: 0 100px;
}


.smartwatch-group {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}


.smartwatch-1 {
    padding: 0 30px;
}
.smartwatch-2 {
    padding: 0 30px;
}
.smartwatch-3 {
    padding: 0 30px;
}
.smartwatch-4 {
    padding: 0 30px;
}

.smartwatch-1 img {
    width: 210px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 60px;
    margin-top: 28px;
}

.smartwatch-2 img {
    width: 230px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 55px;
    margin-top: 20px;
}

.smartwatch-3 img {
    width: 220px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 45px;
    margin-top: 25px;
}

.smartwatch-4 img {
    width: 220px;
    object-fit: cover;
    cursor: pointer;
    margin-bottom: 35px;
    margin-top: 41px;
}


.smartwatch-1 img:hover {
    transform: scale(1.1);
}

.smartwatch-2 img:hover {
    transform: scale(1.1);
}

.smartwatch-3 img:hover {
    transform: scale(1.1);
}

.smartwatch-4 img:hover {
    transform: scale(1.1);
}

.smartwatch-1 h3 {
    color: #000000;
    font-size: 18px;
}

.smart {
    display: flex;
}

.smart-1 {
    width: 50%;
    padding: 100px 50px 100px 100px;
    background-color: #e1e2e6;
}

.smart-2 {
    background-image: url(imagenes-web/sR31.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size:contain;
    width: 50%;
    transform: scale(0.7);
}

.smart-3 {
    background-image: url(imagenes-web/sR32.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    transform: scale(0.7);
}
.smart-4 {
    background-image: url(imagenes-web/sR33.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    transform: scale(0.7);
}
.smart-5 {
    background-image: url(imagenes-web/sR34.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    transform: scale(0.7);
}

.ofertas-content h2 {
    font-size: 40px;
    text-transform: none;
    margin-top: -90px;
    text-align: center;
    line-height: 70px;
    color: #000000;
    margin-bottom: 50px;
    text-shadow: 0px 20px 40px #00000040;
}

.ofertas-content p {
    font-size: 18px;
    color: #000000;
    padding: 0 100px;
    text-align: center;
}

.productos-content h2 {
    font-size: 40px;
    text-transform: none;
    margin-top: -90px;
    text-align: center;
    line-height: 70px;
    color: #000000;
    margin-bottom: 50px;
    text-shadow: 0px 20px 40px #00000040;
}

.productos-content p {
    font-size: 18px;
    color: #000000;
    padding: 0 100px;
    text-align: center;
}

.footer {
    padding: 100px 0;
    background-color: #000000;
}
.footer-content {
    display: flex;
    justify-content: space-between;
}

.link h3 {
    font-size: 22px;
    color: #f9fafc;
    margin-bottom: 15px;
}

.link p {
    font-size: 18px;
    color: #b9b9b9;
    margin-bottom: 15px;
}


@media(max-width:767px) {
    .body  {
        box-sizing: border-box;
       }
  
       .boton {
      
          display: none;
      }
  
      .menu {
          padding: 10px;
      }
  
      .menu p  {
          text-align: center;
          margin-top: 0px;
      }
  
      .menu label {
          display: initial;
      }
  
      .menu .navbar {
          position: absolute;
          top: 100%;
          left: 0;
          right: 0;
          background-color: #3233378f;
          display: none;
          margin-top: -30px;
          margin-bottom: 200px;
      }
  
      .menu .navbar ul li {
          width: 100%;
      }
  
      #menu:checked ~ .navbar {
          display: initial;
      }
  
      .header {
          min-height: 0vh;
      }
  
      .header-content {
          padding: 30px 30px;
      }
      .header-content h1 {
          font-size: 55px;
          line-height: 60px;
          color: #f9fafc;
          text-transform: uppercase;
          margin-bottom: 40px;
          font-family: Georgia;
          letter-spacing: 0.20em;
      }
  
      .header-content p {
          font-size: 20px;
      line-height: 40px;
      color: #c5c5c5;
      margin-bottom: 10px;
      margin-top: -30px;
      }
  
      .coffee {
        padding: 100px 0;
        background-color: #ffffff;
        position: relative;
      }
      .coffee-content h3 {
          margin-top: 20px;
          margin-left: 15%;
      }
      
     

      .txt-p {
          padding: 0;
      }
  
      .coffee-group h3 {
          font-size: 0px;
          margin: 0px 200px 0px -160px;
          padding-bottom: 20px;
        
      }

      .coffee-content {
        border-radius: 0%; 
        margin-left: -5%;
      }
    
    .coffee-1 {
        padding:0 25px;
    }
  
       
      .coffee-1 img {
          width: 85px;
          margin-bottom: -30px;
      }
  
      .services-content p {
          padding: 0;
      }
  
      .services-group {
          flex-direction: column;
          margin-bottom: 0;
      }
  
      .services-1 {
          margin-bottom: 25px;
      }
  
      .services-1 h3 {
          margin-bottom: -5px;
          margin-top: 5px;
      }
  
      .services-1 h4 {
          margin-bottom: 50px;
          margin-top: -35px;
      }
  
      .general {
          flex-direction: column;
      }
  
      .general h2 {
          margin-top: 5px;
      }
  
      .general-1 {
          width: 100%;
          padding: 30px;
          text-align: center;
      }
  
      .general-2, .general-3 {
          display: none;
      }
  
  
      .portatiles-content p {
          padding: 0;
      }
  
      .portatiles-group {
          flex-direction: column;
          margin-bottom: 0;
      }
  
      .portatiles-1 {
          margin-bottom: 25px;
      }
  
      .portatiles-1 h3 {
          margin-bottom: -5px;
          margin-top: 5px;
      }
  
      .portatiles-1 h4 {
          margin-bottom: 50px;
          margin-top: -35px;
      }

      .portatiles-3 h4 {
        margin-bottom: 50px;
          margin-top: -35px;
    }
      .pc {
          flex-direction: column;
      }
  
      .pc h2 {
          margin-top: 5px;
      }
  
      .pc-1 {
          width: 100%;
          padding: 30px;
          text-align: center;
      }
  
      .pc-2, .pc-3 {
          display: none;
      }

      .patinetes-content p {
        padding: 0;
    }

    .patinetes-group {
        flex-direction: column;
        margin-bottom: 50px;
        margin-top: -15px;
    }
    .patinetes-group h3  {
        margin-bottom: 50px;
        margin-top: 5px;
    }
    .patinetes-group h4  {
        margin-bottom: 50px;
        margin-top: 5px;
    }
    

    
    .patin {
        flex-direction: column;
    }

    .patin h2 {
        margin-top: 5px;
    }

    .patin-1 {
        width: 100%;
        padding: 30px;
        text-align: center;
    }

    .patin-2, .patin-3 {
        display: none;
    }
        
    .cam-content p {
        padding: 0;
    }

    .cam-group {
        flex-direction: column;
        margin-bottom: 50px;
        margin-top: -15px;
    }

    .cam-group h3  {
        margin-bottom: 20px;
        margin-top: 5px;
    }
    .cam-group h4  {
        margin-bottom: 50px;
        margin-top: 5px;
    }
    
    .cama {
        flex-direction: column;
    }

    .cama h2 {
        margin-top: 5px;
    }

    .cama-1 {
        width: 100%;
        padding: 30px;
        text-align: center;
    }

    .cama-2, .cama-3 {
        display: none;
    }

    .airfryer-content p {
        padding: 0;
    }

    .airfryer-group {
        flex-direction: column;
        margin-bottom: 50px;
        margin-top: -15px;
    }

    .airfryer-group h3  {
        margin-bottom: 20px;
        margin-top: 5px;
    }
    .airfryer-group h4  {
        margin-bottom: 50px;
        margin-top: 5px;
    }
    
    .air {
        flex-direction: column;
    }

    .air h2 {
        margin-top: 5px;
    }

    .air-1 {
        width: 100%;
        padding: 30px;
        text-align: center;
    }

    .air-2, .air-3 {
        display: none;
    }

    .alexa-content p {
        padding: 0;
    }

    .alexa-group {
        flex-direction: column;
        margin-bottom: 50px;
        margin-top: -15px;
    }

    .alexa-group h3  {
        margin-bottom: 20px;
        margin-top: 5px;
    }
    .alexa-group h4  {
        margin-bottom: 50px;
        margin-top: 5px;
    }
    
    .alex {
        flex-direction: column;
    }

    .alex p {
        text-align: center ;
        margin-left: 20%;
        margin-right: 20%;
    }

    .alex h2 {
        margin-top: 5px;
    }

    .alex-1 {
        width: 100%;
        padding: 30px;
        text-align: center;
    }

    .alex-2, .alex-3 {
        display: none;
    }

    .auris-content p {
        padding: 0;
    }

    .auris-group {
        flex-direction: column;
        margin-bottom: 50px;
        margin-top: -15px;
    }

    .auris-group h3  {
        margin-bottom: 20px;
        margin-top: 5px;
    }
    .auris-group h4  {
        margin-bottom: 50px;
        margin-top: 5px;
    }
    
    .auri {
        flex-direction: column;
    }

    .auri p {
        text-align: center ;
        margin-left: 20%;
        margin-right: 20%;
    }

    .auri h2 {
        margin-top: 5px;
    }

    .auri-1 {
        width: 100%;
        padding: 30px;
        text-align: center;
    }

    .auri-2, .auri-3 {
        display: none;
    }

    .pistola-content p {
        padding: 0;
    }

    .pistola-group {
        flex-direction: column;
        margin-bottom: 50px;
        margin-top: -15px;
    }

    .pistola-group h3  {
        margin-bottom: 20px;
        margin-top: 5px;
    }
    .pistola-group h4  {
        margin-bottom: 50px;
        margin-top: 5px;
    }
    
    .pis {
        flex-direction: column;
    }

    .pis p {
        text-align: center ;
        margin-left: 20%;
        margin-right: 20%;
    }

    .pis h2 {
        margin-top: 5px;
    }

    .pis-1 {
        width: 100%;
        padding: 30px;
        text-align: center;
    }

    .pis-2, .pis-3 {
        display: none;
    }

    .smartwatch-content p {
        padding: 0;
    }

    .smartwatch-group {
        flex-direction: column;
        margin-bottom: 50px;
        margin-top: -15px;
    }

    .smartwatch-group h3  {
        margin-bottom: 20px;
        margin-top: 5px;
    }
    .smartwatch-group h4  {
        margin-bottom: 50px;
        margin-top: 5px;
    }
    
    .smart {
        flex-direction: column;
    }

    .smart p {
        text-align: center ;
        margin-left: 20%;
        margin-right: 20%;
    }

    .smart h2 {
        margin-top: 5px;
    }

    .smart-1 {
        width: 100%;
        padding: 30px;
        text-align: center;
    }

    .smart-2, .smart-3 {
        display: none;
    }

      .footer {
          padding: 30px;
      }
      
      .footer-content {
          flex-direction: column;
          text-align: center;
      }
    
}

@media(min-width:768px) and (max-width:1200px) {
    .body  {
        box-sizing: border-box;
       }
  
       .boton {
      
          display: none;
      }
  
      .menu {
          padding: 10px;
      }
  
      .menu p  {
          text-align: center;
          margin-top: 0px;
      }
  
      .menu label {
          display: initial;
      }
  
      .menu .navbar {
          position: absolute;
          top: 100%;
          left: 0;
          right: 0;
          background-color: #323337;
          display: none;
          margin-top: -30px;
      }
  
      .menu .navbar ul li {
          width: 100%;
      }
  
      #menu:checked ~ .navbar {
          display: initial;
      }
  
      .header {
          min-height: 0vh;
      }
  
      .header-content {
          padding: 30px 30px;
      }
      .header-content h1 {
          font-size: 55px;
          line-height: 60px;
          color: #f9fafc;
          text-transform: uppercase;
          margin-bottom: 40px;
          font-family: Georgia;
          letter-spacing: 0.20em;
      }
  
      .header-content p {
          font-size: 20px;
      line-height: 40px;
      color: #c5c5c5;
      margin-bottom: 10px;
      margin-top: -30px;
      }
  
      .coffee {
        padding: 100px 0;
        background-color: #ffffff;
        position: relative;
      }
      .coffee-content h3 {
          margin-top: 20px;
          margin-left: 15%;
      }
      
     

      .txt-p {
          padding: 0;
      }
  
      .coffee-group h3 {
          font-size: 0px;
          margin: 0px 200px 0px -160px;
          padding-bottom: 20px;
        
      }

      .coffee-content {
        border-radius: 0%; 
        margin-left: -5%;
      }
    
    .coffee-1 {
        padding:0 25px;
    }
  
       
      .coffee-1 img {
          width: 85px;
          margin-bottom: -30px;
      }
  
      .services-content p {
          padding: 0;
      }
  
      .services-group {
          flex-direction: column;
          margin-bottom: 0;
      }
  
      .services-1 {
          margin-bottom: 25px;
      }
  
      .services-1 h3 {
          margin-bottom: -5px;
          margin-top: 5px;
      }
  
      .services-1 h4 {
          margin-bottom: 50px;
          margin-top: -35px;
      }
  
      .general {
          flex-direction: column;
      }
  
      .general h2 {
          margin-top: 5px;
      }
  
      .general-1 {
          width: 100%;
          padding: 30px;
          text-align: center;
      }
  
      .general-2, .general-3 {
          display: none;
      }
  
  
      .portatiles-content p {
          padding: 0;
      }
  
      .portatiles-group {
          flex-direction: column;
          margin-bottom: 0;
      }
  
      .portatiles-1 {
          margin-bottom: 25px;
      }
  
      .portatiles-1 h3 {
          margin-bottom: -5px;
          margin-top: 5px;
      }
  
      .portatiles-1 h4 {
          margin-bottom: 50px;
          margin-top: -35px;
      }

      .portatiles-3 h4 {
        margin-bottom: 50px;
          margin-top: -35px;
    }
      .pc {
          flex-direction: column;
      }
  
      .pc h2 {
          margin-top: 5px;
      }
  
      .pc-1 {
          width: 100%;
          padding: 30px;
          text-align: center;
      }
  
      .pc-2, .pc-3 {
          display: none;
      }

      .patinetes-content p {
        padding: 0;
    }

    .patinetes-group {
        flex-direction: column;
        margin-bottom: 50px;
        margin-top: -15px;
    }
    .patinetes-group h3  {
        margin-bottom: 50px;
        margin-top: 5px;
    }
    .patinetes-group h4  {
        margin-bottom: 50px;
        margin-top: 5px;
    }
    

    
    .patin {
        flex-direction: column;
    }

    .patin h2 {
        margin-top: 5px;
    }

    .patin-1 {
        width: 100%;
        padding: 30px;
        text-align: center;
    }

    .patin-2, .patin-3 {
        display: none;
    }
        
    .cam-content p {
        padding: 0;
    }

    .cam-group {
        flex-direction: column;
        margin-bottom: 50px;
        margin-top: -15px;
    }

    .cam-group h3  {
        margin-bottom: 20px;
        margin-top: 5px;
    }
    .cam-group h4  {
        margin-bottom: 50px;
        margin-top: 5px;
    }
    
    .cama {
        flex-direction: column;
    }

    .cama h2 {
        margin-top: 5px;
    }

    .cama-1 {
        width: 100%;
        padding: 30px;
        text-align: center;
    }

    .cama-2, .cama-3 {
        display: none;
    }

    .airfryer-content p {
        padding: 0;
    }

    .airfryer-group {
        flex-direction: column;
        margin-bottom: 50px;
        margin-top: -15px;
    }

    .airfryer-group h3  {
        margin-bottom: 20px;
        margin-top: 5px;
    }
    .airfryer-group h4  {
        margin-bottom: 50px;
        margin-top: 5px;
    }
    
    .air {
        flex-direction: column;
    }

    .air h2 {
        margin-top: 5px;
    }

    .air-1 {
        width: 100%;
        padding: 30px;
        text-align: center;
    }

    .air-2, .air-3 {
        display: none;
    }

    .alexa-content p {
        padding: 0;
    }

    .alexa-group {
        flex-direction: column;
        margin-bottom: 50px;
        margin-top: -15px;
    }

    .alexa-group h3  {
        margin-bottom: 20px;
        margin-top: 5px;
    }
    .alexa-group h4  {
        margin-bottom: 50px;
        margin-top: 5px;
    }
    
    .alex {
        flex-direction: column;
    }

    .alex p {
        text-align: center ;
        margin-left: 20%;
        margin-right: 20%;
    }

    .alex h2 {
        margin-top: 5px;
    }

    .alex-1 {
        width: 100%;
        padding: 30px;
        text-align: center;
    }

    .alex-2, .alex-3 {
        display: none;
    }

    .auris-content p {
        padding: 0;
    }

    .auris-group {
        flex-direction: column;
        margin-bottom: 50px;
        margin-top: -15px;
    }

    .auris-group h3  {
        margin-bottom: 20px;
        margin-top: 5px;
    }
    .auris-group h4  {
        margin-bottom: 50px;
        margin-top: 5px;
    }
    
    .auri {
        flex-direction: column;
    }

    .auri p {
        text-align: center ;
        margin-left: 20%;
        margin-right: 20%;
    }

    .auri h2 {
        margin-top: 5px;
    }

    .auri-1 {
        width: 100%;
        padding: 30px;
        text-align: center;
    }

    .auri-2, .auri-3 {
        display: none;
    }

    .pistola-content p {
        padding: 0;
    }

    .pistola-group {
        flex-direction: column;
        margin-bottom: 50px;
        margin-top: -15px;
    }

    .pistola-group h3  {
        margin-bottom: 20px;
        margin-top: 5px;
    }
    .pistola-group h4  {
        margin-bottom: 50px;
        margin-top: 5px;
    }
    
    .pis {
        flex-direction: column;
    }

    .pis p {
        text-align: center ;
        margin-left: 20%;
        margin-right: 20%;
    }

    .pis h2 {
        margin-top: 5px;
    }

    .pis-1 {
        width: 100%;
        padding: 30px;
        text-align: center;
    }

    .pis-2, .pis-3 {
        display: none;
    }

    .smartwatch-content p {
        padding: 0;
    }

    .smartwatch-group {
        flex-direction: column;
        margin-bottom: 50px;
        margin-top: -15px;
    }

    .smartwatch-group h3  {
        margin-bottom: 20px;
        margin-top: 5px;
    }
    .smartwatch-group h4  {
        margin-bottom: 50px;
        margin-top: 5px;
    }
    
    .smart {
        flex-direction: column;
    }

    .smart p {
        text-align: center ;
        margin-left: 20%;
        margin-right: 20%;
    }

    .smart h2 {
        margin-top: 5px;
    }

    .smart-1 {
        width: 100%;
        padding: 30px;
        text-align: center;
    }

    .smart-2, .smart-3 {
        display: none;
    }

      .footer {
          padding: 30px;
      }
      
      .footer-content {
          flex-direction: column;
          text-align: center;
      }

}

@media(max-width:1201px) {

     
}