* {
    scroll-behavior: smooth;
}

:root {
    --fuentePrincipal: 'Istok Web', sans-serif;
    --fondoPrincipal: #292B32;
    --fondoSecundario: #1E1E1E;
    --colorBotones: #0052CF
}

*, *::after, *::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-family: var(--fuentePrincipal);
    background-color: var(--fondoPrincipal);
}

body {

}

/* ======================== */
/* GLOBALES */
/* ======================== */
.container {
    max-width: 100rem;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

@media (min-width: 820px) and (max-width: 1615px) {
    .container {
        padding: 0 1rem;
    }
}

@media (min-width: 820px) {
    .container {
        display: flex;
        flex-direction: column;
    }
}

.background {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

a {
    text-decoration: none;
}

li {
    list-style: none;
}

i, p, a {
    color: #FFF;
}

p {
    font-size: 1.2rem;
    font-weight: lighter;
}

i {
    transition: all .3s ease-out;
    cursor: pointer;
}

.none {
    display: none;
}

.flex-column {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.titles, .titles-secondary, .services-titles, .text-menu, .text-buttons, .text-products, label, span {
    color: #FFF;
}

/* TITULOS */
.titles {
    font-size: 2rem;
}

@media (min-width: 600px) {
    .titles {
        font-size: 2.5rem;
    }
}

@media (min-width: 820px) {
    .titles {
        font-size: 4rem;
    }
}

.titles-section {
    padding: 1rem;
    text-align: left;
}

@media (min-width: 800px) {
    .titles-section {
        padding: 0;
    }
}

.titles-secondary {
    font-size: 1.5rem;
}

@media (min-width: 768px) {
    .titles-secondary {
        font-size: 2rem;
    }
}

.services-titles { 
    font-size: 1.5rem;
}


@media (min-width: 1000px) {
    .services-titles {
        font-size: 1.8rem;
    }
}

/* TEXTOS MENU */
.text-menu {        
    font-size: .9rem;
}

/* TEXTOS BOTONES */
.text-buttons {

}

.text-products {
    font-size: 1rem;
}

.text-file {
    color: #FFF;
    text-decoration: underline;
    font-size: .7rem;
}

/* BOTONES */
button, input[type="submit"] {
    border: none;
    background-color: var(--colorBotones) !important;
    color: #FFF !important;
    border-radius: .8rem;
    cursor: pointer;
    transition: all .3s ease-in-out;
    font-weight: lighter;
    letter-spacing: .1rem;
}

button:hover, input[type="submit"]:hover {
    color: #1877f2 !important;
    background-color: #FFF !important;
}

.button-begin {
    width: 12rem;
    height: 2.5rem;
    font-weight: bold;
    letter-spacing: 0;
}

.button-more {
    width: 8rem;
    height: 3rem;
}

.button-contact {
    width: 10rem;
    height: 2rem;
    font-size: .8rem;
}

.button-product {
    width: 12rem;
    height: 1.8rem;
    font-size: .8rem;
}

/* NETWORKS MENU */
.networks {
    display: flex;
    justify-content: center;
    font-size: 2rem;
    gap: 2rem;
}

@media (min-width: 820px) {
    .networks {
        flex-direction: column;
        font-size: 2.5rem;
    }
}


.fa-whatsapp:hover {
    color: #25d366;
}

.fa-facebook:hover {
    color: #1877f2;
}

.fa-instagram:hover {
    color: #e1306c;
}

/* ======================== */
/* NAVEGACION */
/* ======================== */
header {
    width: 100%;
    min-height: 50rem;
    position: relative;
}

header::before {
    position: absolute;
    content: '';
    top: 0; bottom: 0;
    left: 0; right: 0;
    background: #6A9113;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #141517, #16395a98);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #1415177e, #16395a98); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.banner-home {
    background-image: url(../img/homebanner1.avif);
}

.banner-mantenimiento {
    background-image: url(../img/mantenimiento.avif) !important;
}

.banner-mobiles {
    background-image: url(../img/celulares.avif) !important;
}

.banner-portatiles {
    background-image: url(../img/portatil.avif) !important;
}

.banner-perifericos {
    background-image: url(../img/perifericos.avif) !important;
}

.banner-desarrollo {
    background-image: url(../img/disenoWebBanner.avif) !important;
}

.banner-contacto {
    background-image: url(../img/contactBanner.avif) !important;
}

@media (min-width: 820px) {
    header {
        height: 100vh;
        overflow: hidden;
    }
}

.content-nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem 0;
}

@media (max-width: 1000px) {
    .content-nav__styles {
        background-color: rgba(10, 10, 10, 0.651);
        width: 100%;
        border-bottom-left-radius: 2rem;
        border-bottom-right-radius: 2rem;
    }
}

@media (min-width: 1000px) {
    .content-nav {
        flex-direction: row;
        justify-content: space-between;
    }
}

.logo {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
}

@media (min-width: 1000px) {
    .logo {
        width: auto;
        padding: 0;
    }
}

.logo img {
    width: 10rem;
}

.logo i {
    font-size: 1.2rem
}

@media (min-width: 1000px) {
    .logo i {
        display: none;
    }
}

nav {
    display: none;
}

@media (min-width: 1000px) {
    nav {
        display: inline-block;
        width: auto;
    }
}

.visible {
    display: inline-block;
}

.contact-no-visible {
    display: inline-block;
}

@media (min-width: 1000px) {
    .contact-no-visible {
        display: none;
    }
}

.contact-visible {
    display: none;
}

@media (min-width: 1000px) {
    .contact-visible {
        display: inline-block;
    }
}

nav ul {
    text-align: center;
}

@media (min-width: 1000px) {
    nav ul {
        display: flex;
    }
}

nav ul li {
    display: inherit;
    align-items: center;
    margin: 2rem 0;
}

@media (min-width: 1000px){
    nav ul li {
        margin: 0 1rem;
    }
}

nav ul li a {
    font-weight: lighter;
    transition: all .3s ease;
}

nav ul li a:hover {
    color: var(--colorBotones);
}

/* MAIN */
main {
    flex: 1;
}

.content-main {
    text-align: center;
    padding: 5rem 0;
}

@media(min-width: 820px) {
    .content-main {
        display: flex;
        height: 100%;
        flex-direction: row;
        align-items: center;
        text-align: left;
        padding: 0 2rem;
    }
}

.content-left {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 8rem;
}

@media (min-width: 820px) {
    .content-left {
        width: 95%;
        margin-bottom: 0;
    }
}

@media (min-width: 820px) {
    .description {
        margin-top: -5rem;
    }
}

.description h1 {
    padding: 0 2rem;
}

@media (min-width: 820px) {
    .description h1 {
        padding: 0;
    }
}

@media (min-width: 1000px) {
    .description h1 {
        margin-bottom: 3rem;
        padding-right: 10rem;
    }
}

.description p {
    padding: 0 2rem;
}

@media (min-width: 820px) {
    .description p {
        padding: 0;
    }
}

.content-right {
    text-align: right;
}

@media (min-width: 820px) {
    .content-right {
        width: 5%;
        text-align: right;
    }   
}


/* SECTION OUR SERVICES */
@media (min-width: 800px) {
    section.our-services {
        margin-bottom: 5rem;
    }
}

.container-our__services {
    padding: 2rem 1rem;
}

p {
    font-size: 1rem;
    line-height: 2rem;
    margin: 3rem 0;
}

@media (min-width: 800px) {
    p {
        font-size: 1.2rem;
        padding-right: 2rem;
    }
}

@media (min-width: 820px) {
    .container-our__services {
        padding: 5rem 1rem;
    }

    .our-services {
        text-align: left;
    }

    p {
        line-height: 3rem;
        font-size: 1.5rem;
        margin: 4rem 0;
        text-align: left;
    }
}

@media (min-width: 1100px) {
    .our-services p {
        padding-right: 10rem;
    }
}

.    a {
    margin: 1.5rem;
}

@media (min-width: 800px) {
    .box-services a {
        margin: 2rem;
    }
}

.box-services i {
    font-size: 3rem;
    margin: 1rem 0;
}

/* MORE INFO */
section.more-info {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-image: url(../img/tecladoHome.avif);
    position: relative;
}

section.more-info::before {
    position: absolute;
    content: '';
    top: 0; bottom: 0;
    left: 0; right: 0;
    background: #16395a98;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #141517, #16395a);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #022e587e, #0d437513); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    
}

.more-info .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.more-info .container h1, p, button {
    margin: 2rem 0;
}

@media (max-width: 600px) {
    .more-info .container h1 {
        padding: 0 1rem;
    }
}

@media (max-width: 820px) {
    .more-info .container {
        text-align: center;
        justify-content: center;
        align-items: center;
        padding: 0 2rem;
    }

    .more-info .container h1, p, button {
        margin: 2rem 0;
    }
}

/* =========================== */
/* SECTION MORE */
/* ============================ */
section.more {
    margin: 5rem 0;
    padding: 0 2rem;
}

@media (min-width: 1000px) {
    section.more {
        margin: 10rem 0;
    }
}

.container-more {

}

.content-more {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 1200px) {
    .content-more {
        flex-direction: row;
    }
}

/* MORE LEFT */
.more-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 5rem;
}

.more-left__text {
    margin-bottom: 3rem;
}

@media (min-width: 1000px) {
    .more-left p {
        padding-right: 5rem;
    }
}

.more-left__payment {
    display: flex;
    flex-direction: column;
    align-items: center;
}  


.more-left__payment h3 {
    color: #FFF;
    font-weight: lighter;
    margin: 3rem 0;
    text-align: center;
    font-size: 1rem;
}

@media (min-width: 768px) {
    .more-left__payment h3 {
        text-align: left;
        font-size: 1.2rem;
    }
}

.more-left__payment .payment {
    display: inherit;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

@media (min-width: 1000px) {
    .more-left__payment {
        align-items: flex-start;
    }   

    .more-left__payment .payment {
        display: inherit;
    }
}


.more-left__payment .payment img {
    margin: 1rem;
    width: 4rem;
}

.more-left__payment .payment img:first-child {
    margin: 0;
    width: 3rem;
}

.more-left__payment .payment img:last-child {
    width: 5rem;
}

@media (min-width: 600px) {
    .more-left__payment .payment img {
        margin: 0 2rem;
        width: 5rem;
    }

    .more-left__payment .payment img:first-child {
        margin: 0;
        width: 5rem;
    }
    
    .more-left__payment .payment img:last-child {
        width: 7rem;
    }
    
}



/* MORE RIGHT */
@media (min-width: 500px) {
    .more-right {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }
}

.more-right .box-more {
    margin: 2rem 0;
}

/* =========================== */
/* PAGE MAINTENANCE*/
/* ============================ */
.maintenance {
    padding: 1rem;
    position: relative;
}

.maintenance h1 {
    text-align: center;
}

.content-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 2rem 0;
    gap: 4rem;
}


.box-reparation {
    position: relative;
}

.box-reparation::before {
    position: absolute;
    content: '';
    top: 0; bottom: 0;
    left: 0; right: 0;
}

.box-card1 {
    background-image: url(../img/repararHardware.avif);
}

.box-card2 {
    background-image: url(../img/limpiarHardware.avif);
}

.box-card3 {
    background-image: url(../img/diagnostico.avif);
}

.box-card1::before {
    background: #ca6131;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #572204cb, #ca83319a);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #572204cb, #ca83319a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.box-card2::before {
    background: #0d3e7e;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #0d3e7e6e, #0d3e7e7a);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #0d3e7e6e, #0d3e7e7a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.box-card3::before {
    background: #c5124e;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #c5126c5b, #c5124e6b);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #c5126c5b, #c5124e6b); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.content-card-maintenance {
    display: flex;
    height: 100%;
    flex-direction: column;
    padding: 1rem;
}

.content-card-maintenance p {
    margin-bottom: 6rem;
}

.box:hover > .content-card-maintenance p {
    margin-bottom: 2rem;
}

.content-card-maintenance span {
    margin-bottom: 3rem;
    font-size: 1.2rem;
    line-height: 2rem;
}

.content-card-maintenance form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 2rem 0;
}

.content-card-maintenance form label {
    font-size: 1.2rem;
    font-weight: lighter;
}

.content-card-maintenance form .campos {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.content-card-maintenance form .campos input[type="text"], [type="tel"], textarea {
    height: 2.5rem;
    background-color: #ffffff;
    color: var(--fondoSecundario);
    border: none;
    padding-left: 1rem;
    font-weight: bolder;
}

input::placeholder, textarea::placeholder {
    color: var(--fondoSecundario);
}

.content-card-maintenance form .campos textarea {
    height: 7rem;
    padding-top: 1rem;
}

/* CONSULTING */
section.consulting {
    margin: 2rem 0;
    text-align: center;
    padding: 0 .5rem 3rem .5rem;
}

@media (min-width: 768px) {
    section.consulting {
        margin: 4rem 0;
        text-align: center;
        padding: 3rem .5rem;
    }
}


/* =========================== */
/* LAPTOPS */
/* ============================ */
.container-laptops {
    display: flex;
    justify-content: space-between;
}

@media (min-width: 800px) {
    .container-laptops {
        flex-direction: row;
    }
}

.laptops {
    width: 90%;
    height: 25rem;
    position: relative;
    overflow: hidden;
    margin: 2rem 0;
    object-fit: cover;
}

@media (min-width: 800px) {
    .laptops {
        width: 45%;
        height: 30rem;

    }
}

.laptops1 {
    background-image: url(../img/portatiles/MSI\ CreatorPro\ X17\ X17HX\ A13VM-272IT.avif);
}

.laptops2 {
    background-image: url(../img/portatiles/portatilAsus.avif);
}

.laptops3 {
        background-image: url(../img/portatiles/portatilXiaomi.avif);
}

.laptops4 {
        background-image: url(../img/portatiles/portatilhp.avif);
}

.laptops5 {
        background-image: url(../img/portatiles/portatilAsus2.avif);
}

.laptops6 {
        background-image: url(../img/portatiles/mackbook.avif);
}

.laptops:hover > .description-laptops {
    top: 0;
}

.laptops:hover > .description-laptops .content-data {
    height: 100%;
    transition: all .5s ease;
}


.description-laptops {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 2rem;
    top: 20rem;
    transition: all .5s ease;
}

.description-laptops::before {
    content: '';
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
    background: #0d3e7e;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #0d3e7e6e, #0d3e7e7a);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #0d3e7e6e, #0d3e7e7a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.content-data {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    gap: 2rem;

}

.content-data h3 {
    font-size: 1.7rem;
    color: #FFF;
    padding: 0 0 4rem 0;
}

.description-laptops .characteristic {
    position: relative;
}

.description-laptops .characteristic p {
    margin: 0;
    font-size: 1rem;
    line-height: normal;
}

/* =========================== */
/* MOBILES */
/* ============================ */
.container-mobile {
    width: 100%;
    display: grid;
    grid-template-columns: 2fr;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 1rem;
    gap: 2rem; 
}

@media (min-width: 780px) {
    .container-mobile {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1000px) {
    .container-mobile {
        grid-template-columns: repeat(3, 1fr);
    }
}

.mobile-section h1 {
    text-align: center;
    margin-top: 4rem;
}

.mobile {
    height: 35rem;
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
}

@media (min-width: 800px) {
    .mobile {
        width: 100%;
        height: 45rem;
        margin: 1rem 0;
    }
}

.mobile1 {
    background-image: url(../img/moviles/iphone15.avif);
}

.mobile2 {
    background-image: url(../img/moviles/mi13Ultra.avif)}

.mobile3 {
        background-image: url(../img/moviles/vivo.avif);
}

.mobile4 {
        background-image: url(../img/moviles/nubiaz50.avif);
}

.mobile5 {
        background-image: url(../img/moviles/oneplus.avif);
}

.mobile6 {
        background-image: url(../img/moviles/relameGT5.avif);
}

.mobile7 {
    background-image: url(../img/moviles/tecno.avif);
}

.mobile8 {
    background-image: url(../img/moviles/ultra.avif);
}

.mobile9 {
    background-image: url(../img/moviles/Moto-G22.avif);
}

.mobile:hover > .description-mobile {
    top: 0;
}

.mobile:hover > .description-mobile .content-data {
    height: 100%;
    transition: all .5s ease;
}


.description-mobile {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 2rem;
    top: 20rem;
    transition: all .5s ease;
}

.description-mobile::before {
    content: '';
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
    background: #0d3e7e;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #0d3e7e6e, #0d3e7e7a);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #0d3e7e6e, #0d3e7e7a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.content-data {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    gap: 2rem;

}

.content-data h3 {
    font-size: 1.7rem;
    color: #FFF;
    padding: 0 0 4rem 0;
}

.description-mobile .characteristic {
    position: relative;
}

.description-mobile .characteristic p {
    margin: 0;
    font-size: 1rem;
    line-height: normal;
}

/* =========================== */
/* WEB DEVELOPER */
/* ============================ */
.developer-background1 {
    background-image: url(../img/desarrollo/disenoWebcard.avif);
}

.developer-background2 {
    background-image: url(../img/desarrollo/disenoApps.avif);
}

.developer-background3 {
    background-image: url(../img/desarrollo/developer.avif);
}

.developer-background1::before {
    background: #0d3e7e;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #0d3e7eb9, #0d3e7ed2);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #0d3e7eb9, #0d3e7ed2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    
}

.developer-background2::before {
    background: #0d3e7e;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #063a52c5, #022a3ad3);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #063a52c5, #022a3ad3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.developer-background3::before {
    background: #0d3e7e;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #7e0d5cb2, #7e0d42a8);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #7e0d5cb2, #7e0d42a8); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

/* =========================== */
/* PERIFERICOS */
/* ============================ */
.perifericos1 {
    background-image: url(../img/perifericos/g915.avif);
}

.perifericos2 {
    background-image: url(../img/perifericos/monitor1.avif);
}

.perifericos3 {
    background-image: url(../img/perifericos/mouse1.avif);
}

.perifericos4 {
    background-image: url(../img/perifericos/diademas2.avif);
}

.perifericos5 {
    background-image: url(../img/perifericos/teclado.avif);
}

.perifericos6 {
    background-image: url(../img/perifericos/msi144.webp);
}

/* =========================== */
/* CONTACT */
/* ============================ */
.form-contact {
    width: 95%;
    height: auto;
    display: grid;
    grid-template-rows: 20rem;
    background-color: var(--fondoSecundario);
    border-radius: 2rem;
    margin: 2rem auto 10rem auto;
}   

@media (min-width: 800px) {
    .form-contact {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 45rem;
        width: 95%;
    }
}

@media (min-width: 1400px) {
    .form-contact {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 45rem;
        width: 75%;
    }
}

.form-contact .background-contact {
    background-image: url(../img/contacto.avif);
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
}

@media (min-width: 800px) {
    .form-contact .background-contact {
        border-top-left-radius: 2rem;
        border-bottom-left-radius: 2rem;
        border-top-right-radius: 0;
    }
}

.form-contact form {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 1.5rem;
    gap: 3rem;
}

@media () {
    .form-contact form {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        padding: 1.5rem;
        gap: 3rem;
    }
}

.form-contact label {
    font-size: 1.2rem;
}

.form-contact form input, textarea {
    width: 100%;
    height: 3rem;
    padding: 1rem;
    color: var(--fondoSecundario);
    border: none;
    background-color: #ffffff;
}

.form-contact form textarea {
    height: 6rem;
}

.form-contact form input[type="submit"] {
    width: 12rem;
    height: 3rem;
    border-radius: .5rem;
}

/* =========================== */
/* FOOTER */
/* ============================ */
footer {

    width: 100%;
    background-color: var(--fondoSecundario);
}

footer .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 2rem;
    gap: 2rem;
}


@media (min-width: 800px) {
    footer .container {
        flex-direction: row;
        justify-content: space-between;
    }
}

footer a {
    font-size: 1rem;
}

footer a:hover {
    color: var(--colorBotones);
    transition: all .3s ease-in-out;
}

footer img {
    width: 7rem;
}