body {
    margin: 0;
    padding: 0;
    width: 100vw;
}
html {
    overflow-x: hidden;
    font-size: 16px;
    box-sizing: border-box;
    font-family: sans-serif;
}
button {
    cursor: pointer !important;
}
i {
    cursor: pointer !important;
}
button {
    cursor: pointer;
}
*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
}

.circlephone {
    text-rendering: optimizelegibility;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    color: inherit;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    border: 2px solid #45ac4b;
    width: 150px;
    height: 150px;
    bottom: -25px;
    right: 10px;
    position: absolute;
    border-radius: 100%;
    opacity: 0.5;
    animation: circle-anim 2.4s infinite ease-in-out !important;
    transition: all 0.5s;
    transform-origin: center;
}
.img-circle {
    text-rendering: optimizelegibility;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    color: inherit;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    background-color: #45ac4b;
    width: 72px;
    height: 70px;
    bottom: 14px;
    right: 49px;
    position: absolute;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 0.9;
    transform-origin: center;
}
@-webkit-keyframes tossing {
    0% {
        -webkit-transform: rotate(-8deg);
    }
    50% {
        -webkit-transform: rotate(8deg);
    }
    100% {
        -webkit-transform: rotate(-8deg);
    }
}
@-moz-keyframes circle-anim {
    0% {
        -moz-transform: rotate(0deg) scale(0.5) skew(1deg);
        opacity: 0.1;
        -moz-opacity: 0.1;
        -webkit-opacity: 0.1;
        -o-opacity: 0.1;
    }
    30% {
        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: 0.5;
        -moz-opacity: 0.5;
        -webkit-opacity: 0.5;
        -o-opacity: 0.5;
    }
    100% {
        -moz-transform: rotate(0deg) scale(1) skew(1deg);
        opacity: 0.6;
        -moz-opacity: 0.6;
        -webkit-opacity: 0.6;
        -o-opacity: 0.1;
    }
}
@-webkit-keyframes circle-anim {
    0% {
        -webkit-transform: rotate(0deg) scale(0.5) skew(1deg);
        -webkit-opacity: 0.1;
    }
    30% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
        -webkit-opacity: 0.5;
    }
    100% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        -webkit-opacity: 0.1;
    }
}
@-o-keyframes circle-anim {
    0% {
        -o-transform: rotate(0deg) kscale(0.5) skew(1deg);
        -o-opacity: 0.1;
    }
    30% {
        -o-transform: rotate(0deg) scale(0.7) skew(1deg);
        -o-opacity: 0.5;
    }
    100% {
        -o-transform: rotate(0deg) scale(1) skew(1deg);
        -o-opacity: 0.1;
    }
}
@keyframes circle-anim {
    0% {
        transform: rotate(0deg) scale(0.5) skew(1deg);
        opacity: 0.1;
    }
    30% {
        transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: 0.5;
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: 0.1;
    }
}
@-moz-keyframes circle-fill-anim {
    0% {
        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: 0.2;
    }
    50% {
        -moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);
        opacity: 0.2;
    }
    100% {
        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: 0.2;
    }
}
@-webkit-keyframes circle-fill-anim {
    0% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: 0.2;
    }
    50% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        opacity: 0.2;
    }
    100% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: 0.2;
    }
}
@-o-keyframes circle-fill-anim {
    0% {
        -o-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: 0.2;
    }
    50% {
        -o-transform: rotate(0deg) scale(1) skew(1deg);
        opacity: 0.2;
    }
    100% {
        -o-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: 0.2;
    }
}
@keyframes circle-fill-anim {
    0% {
        transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: 0.2;
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: 0.2;
    }
    100% {
        transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: 0.2;
    }
}
@keyframes pulse {
    0% {
        transform: scale(0.9);
        opacity: 1;
    }
    50% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(0.9);
        opacity: 1;
    }
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.95);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(0.95);
        opacity: 1;
    }
}
@keyframes tossing {
    0% {
        transform: rotate(-8deg);
    }
    50% {
        transform: rotate(8deg);
    }
    100% {
        transform: rotate(-8deg);
    }
}
.img-circleblock {
    text-rendering: optimizelegibility;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    color: inherit;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: content-box;
    width: 68px;
    height: 65px;
    background-image: url(https://rab-import-assets.s3.amazonaws.com/whatsapp-icon.png);
    fill: #fff;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    -webkit-animation-name: tossing;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    transform-origin: center;
    border-radius: 100%;
}
.circle-fill {
    cursor: pointer;
    color: inherit;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    background-color: #45ac4b;
    width: 100px;
    height: 100px;
    bottom: 0px;
    right: 35px;
    position: absolute;
    border-radius: 100%;
    border: 2px solid transparent;
    animation: circle-fill-anim 2.3s infinite ease-in-out;
    transition: all 0.5s;
    transform-origin: center;
}
#wa_button {
    text-rendering: optimizelegibility;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    outline: 0;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    bottom: 25px;
    right: 0px;
    position: fixed;
    z-index: 999;
}

.header-2 {
    background-color: #fff;
    height: 3rem;
    /* position: fixed; */
    /* top: 0; */
    /* left: 0; */
    z-index: 1000;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 3%;
    position: fixed;
    top: 0;
    left: 0;
}
.header_modal_productos{
    position: fixed;
    height: 14rem;
    background-color: #004899;
    top: 4.4rem;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 0;
}
.header_modal_productos article img{
    width: 100%;
    height: 75%;
    /* object-fit: contain; */
}
.header_modal_productos article h2{
    font-size: .9rem;
    color: #fff;
}
.header_modal_productos article{
    width: calc(14.28% - 1rem);
    height: 90%;
    border: 2px solid #1162AC;
}
.input__header i {
    color: #000 !important;
    font-weight: bold;
    background-color: #f2e117 !important;
}
.header-2 .header-info {
    display: flex;
}
.header-2 .header-info a {
    font-size: 1rem;
    color: rgb(5, 5, 5);
    margin: 0 0.6rem;
    text-decoration: none;
}
.header-2 .header-info a:active {
    color: inherit;
}
.header-2 .header-cambio {
    display: flex;
    width: 18rem;
    justify-content: space-between;
}
.header-2 .header-cambio i {
    font-size: 1.3rem;
    margin: 0 0.2rem;
}
.header-2 .header-cambio div {
    display: flex;
}
.header-2 .header-cambio a {
    color: rgb(4, 4, 4);
    font-size: 1.2rem;
    text-decoration: none;
}
.header-2 .header-cambio a:active {
    color: inherit;
}
.header {
    top: 3rem;
    position: fixed;
    width: 100%;
    max-width: 100%;
    background-color: #111111;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 2rem;
    height: 4rem;
    z-index: 1000;
}
.header .logo {
    font-size: 1.9rem;
    font-style: oblique;
    color: rgb(232, 223, 223);
}
.header .nav {
    display: flex;
    align-items: center;
}
.header .nav nav a {
    color: rgb(232, 223, 223);
    text-decoration: none;
    margin: 0 0.5rem;
    font-size: 0.9rem;
}
.header .nav nav a:active {
    color: inherit;
}
.header .nav input[type="search"] {
    border-radius: 20px;
    outline: none;
    border: none;
    padding: 0.7rem 0.5rem;
    margin-left: 1rem;
    width: 13rem;
    margin-right: 1.5rem;
}
.header .nav input[type="search"]::placeholder {
    color: #b2aeae;
}
.header .nav .icon-c:active {
    color: inherit;
}
.header .nav .icon-c {
    cursor: pointer;
    color: #fff;
    font-size: 1.6rem;
}
.header .nav i {
    cursor: pointer;
    color: #fff;
    margin-right: 1rem;
    font-size: 1.6rem;
}
.header .nav .menu {
    display: none;
    font-size: 2rem;
}
.header .nav nav .close-nav {
    display: none;
    font-size: 3rem !important;
}
section {
    /* padding: 0 4rem;
    margin: 5rem 0; */
    padding: 1.5rem 0;
    max-width: 1200px;
    /* width: 1200px; */
    margin: auto;
}

/* header principal */
.header__principal .conteneedor-header__principal nav .cerrar__header {
    display: none;
}
.header__principal {
    background-color: #004899;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000000000;
    box-shadow: 1px 1px 19px 0px rgba(0, 0, 0, 0.55);
}
.header__principal .conteneedor-header__principal {
    height: 4.3rem;
    padding: 0 3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}
.header__principal .conteneedor-header__principal .icons__header a {
    text-decoration: none;
}
.header__principal .conteneedor-header__principal .icons__header a:hover {
    animation: pulse;
    animation-duration: .5s;
}
.header__principal .conteneedor-header__principal .icons__header {
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: center;
}
.header__principal .conteneedor-header__principal .icons__header i {
    color: #004899;
    padding: 0.3rem;
    vertical-align: middle;
    border-radius: 50%;
    background-color: #f2e117;
    font-size: 1.4rem;
}
.cart__num span {
    position: absolute;
    width: 1.1rem;
    height: 1.1rem;
    background-color: white;
    color: #004899;
    border-radius: 50%;
    top: -0.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -0.5rem;
}
.cart__num {
    position: relative;
}
.header__principal .conteneedor-header__principal nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.3rem;
    flex-wrap: wrap;
}
.header__principal .conteneedor-header__principal nav ul{
    list-style: none;
    padding-top: 2rem;
}

.header_modal_productos .contenedor_header_productos{
    height: 14rem;
    background-color: #fff;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 0;
}
.header_modal_productos .contenedor_header_productos:hover{
    border-radius: 4px solid #004899;
}
.header_modal_productos.visible{
    visibility: visible;
    opacity: 1;
    pointer-events: unset;
}
.header_modal_productos{
    position: fixed;
    height: 14rem;
    background-color: #004899;
    top: 6rem;
    left: 0;
    right: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transition: .5s ease all;
    pointer-events: none;
    margin: 0;
}
.header_modal_productos article img{
    width: 100%;
    height: 75%;
    border-radius: 20px;
}
.header_modal_productos article h2{
    font-size: .9rem;
    color: #000;
}
.header_modal_productos article{
    width: calc(14.28% - 1rem);
    height: 90%;
    border-radius: 20px;
}
.header_modal_productos article:hover{
    border: 4px solid #004899;
    border-radius: 20px;
    box-shadow: 9px 10px 16px -9px rgba(0, 0, 0, 0.75);
}
.header__principal .conteneedor-header__principal nav a.active__header {
    color: #004899;
    background-color: #fff;
    border-radius: 20px;
    padding: 6px 10px 6px 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.88rem;
    font-weight: 600;
    vertical-align: middle;
}
.header__principal .conteneedor-header__principal nav a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.88rem;
    font-weight: 600;
    vertical-align: middle;
}
.header__principal .conteneedor-header__principal nav a:hover {
    animation: pulse;
    animation-duration: .5s;
}
.header__principal .conteneedor-header__principal .logo__header img {
    width: 10rem;
}
.header__principal .conteneedor-header__principal .logo__header img:hover {
    animation: pulse;
    animation-duration: .5s;
}
.header__principal .conteneedor-header__principal .logo__header h2 {
    color: #004899;
    font-size: 1.6rem;
    background-color: #f2e117;
    border-top-left-radius: 15px;
    padding: 0.3rem 0.3rem;
    border-bottom-right-radius: 15px;
}
.menu__header {
    display: none !important;
}

.banner__header button:hover {
    background-color: #004899;
    color: #fff;
}
.banner__header .p_movil {
    display: none;
}
.banner__header button {
    transition: 0.3s ease all;
    border: 1px solid #004899;
    border-radius: 20px;
    outline: none;
    cursor: pointer;
    padding: 0.5rem 1.4rem;
    background-color: #f3f4f8;
    color: #004899;
}
.banner__header p {
    color: #004899;
    margin: 0 !important;
}
.banner__header {
    margin-top: 4.3em;
    height: 3rem;
    background-color: #e0e1e1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7rem;
}

/* .gallery {
    width: 100%;
    position: relative;
}
.derecha-gallery,
.izquierda-gallery {
    font-size: 7rem;
    position: absolute;
    top: 50%;
    color: white;
    cursor: pointer;
    z-index: 5000;
}
.gallery .derecha-gallery {
    right: 10%;
}
.gallery .izquierda-gallery {
    left: 5px;
}

.gallery h2 {
    font-size: 2.8rem;
}

.gallery article img {
    max-width: 90%;
    width: 90%;
    min-width: 90%;
    object-fit: cover;
    height: 46rem;
}
.gallery article {
    margin-top: 5rem;
    width: 100%;
    max-width: 100%;
    margin: 4rem 0;
    pointer-events: none;
    opacity: 0;
}
.gallery .article-hidden {
    position: absolute;
    top: 4.2rem;
    left: 0;
}
.gallery article.box-container {
    pointer-events: unset;
    opacity: 1;
    transition: opacity 1.5s ease;
}
.gallery article img {
    max-width: 100%;
} */

/* nuevo banner */
.section--banner {
    width: 100%;
    height: 400px;
    margin-top: 5rem;
}
.section--banner .contenedor--banner {
    width: 100%;
    height: 100%;
}
.section--banner .contenedor--banner .article--banner {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
/* .section--banner .contenedor--banner .article--banner .article2-banner .title1{
    height: 2.5rem;
    font-size: 1.7rem;
    background-color: red;
    color: white;
    padding: 0 .5rem;
    display: flex;
    margin: 1rem 0;
    align-items: center;
}
.section--banner .contenedor--banner .article--banner .article2-banner .title2{
    margin: 1rem 0;
    height: 2.5rem;
    font-size: 1.7rem;
    background-color: orange;
    color: white;
    padding: 0 .5rem;
    display: flex;
    align-items: center;
} */
.section--banner
    .contenedor--banner
    .article--banner
    .article2-banner
    .list__img {
    display: flex;
    align-items: center;
    gap: 3rem;
    cursor: pointer;
    margin: 1.5rem 0;
}
.section--banner .contenedor--banner .article--banner .article2-banner .img_1 {
    margin-left: 4.5rem;
}
.section--banner .contenedor--banner .article--banner .article2-banner .img_1:hover {
    animation: pulse;
    animation-duration: .5s;
}
.section--banner .contenedor--banner .article--banner .article2-banner .img_2 {
    margin-left: 6.5rem;
}
.section--banner .contenedor--banner .article--banner .article2-banner .img_2:hover {
    animation: pulse;
    animation-duration: .5s;
}
.section--banner .contenedor--banner .article--banner .article2-banner .img_3 {
    margin-left: 8.5rem;
}
.section--banner .contenedor--banner .article--banner .article2-banner .img_3:hover {
    animation: pulse;
    animation-duration: .5s;
}
.section--banner
    .contenedor--banner
    .article--banner
    .article2-banner
    .list__img
    img {
    width: 14rem;
    border: 2px solid #004899;
    border-radius: 10px;
    height: 80px;
    object-fit: cover;
}
.section--banner .contenedor--banner .article--banner .article2-banner {
    width: 40%;
    height: 100%;
}
.section--banner .contenedor--banner .article--banner .article1-banner {
    width: 60%;
    height: 100%;
}
.section--banner .contenedor--banner .article--banner .article1-banner {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0px 15px 0px 30px
}
.section--banner
    .contenedor--banner
    .article--banner
    .article1-banner
    .content--select
    select {
    cursor: pointer;
    padding: 0 0.5rem;
    height: 2rem;
    background-color: white;
    border-radius: 20px;
    border: none;
    width: calc(33% - 1rem);
    border: 1px solid #000;
    color: #000;
    font-size: 0.7rem;
    text-transform: uppercase;
    outline: none;
}
.section--banner
    .contenedor--banner
    .article--banner
    .article1-banner
    .content--select {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}
.section--banner .contenedor--banner .article--banner .article2-banner h2 {
    height: 2.5rem;
    font-size: 1.7rem;
    /* background-color: #004899; */
    color: #004899;
    padding: 0 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;

}
.section--banner .contenedor--banner .article--banner .article1-banner h2 {
    height: 2.5rem;
    font-size: 1.7rem;
    /* background-color: orange; */
    color: #004899;
    display: flex;
    padding: 0 0.5rem;
    justify-content: center;
    align-items: center;
}
.section--banner
    .contenedor--banner
    .article--banner
    .article1-banner
    .img--banner {
    width: 98%;
    border-radius: 20px;
    color: #fff;
    margin-top: 1rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 2px solid #004899;
    /* 
    height: 75%;
    padding: 0rem 0rem;
    overflow: hidden;
    background-color: #525659; 
    */
}
.link-contacto-a {
    color: #555;
    text-decoration: none;
    font-size: 16px;
}
.link-contacto-a:hover {
    color: #000;
    text-decoration: underline;
}
.section--banner
    .contenedor--banner
    .article--banner
    .article1-banner
    .img--banner:hover {
    animation: pulse;
    animation-duration: .5s;
}
.section--banner
    .contenedor--banner
    .article--banner
    .article1-banner
    .img--banner
    img {
    width:100%;
    height: 100%;
    max-height: 18rem;
    /* object-fit: contain; */
}

/* sección banner */
.section__banner {
    width: 100%;
    padding: 0.4rem 0;
    margin-top: 2.5rem;
    position: relative;
}
.banner__escritorio {
    display: block !important;
}
.banner__movil {
    display: none !important;
}
.section__banner .right_banner {
    right: 1.5rem;
    z-index: 100;
}
.section__banner .arrows span.active-arrow{
    background-color: #000000d1;
}
.section__banner .arrows span{
    width: 3rem;
    height: .5rem;
    background-color: #00000063;
    border-radius: 5px;
}
.section__banner .arrows{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
}
.section__banner .left_banner {
    left: 1.5rem;
    z-index: 100;
}
.section__banner .right_banner,
.section__banner .left_banner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2rem;
    height: 3rem;
    cursor: pointer;
    display: grid;
    place-items: center;
    background-color: #d7d2d2ae;
    color: #000;
    border-radius: 10px;
}
.section__banner .contenedor__banner::-webkit-scrollbar {
    background-color: transparent;
    height: 0;
}
.section__banner .contenedor__banner {
    width: 100%;
    overflow: auto;
    display: flex;
    scroll-behavior: smooth;
    position: relative;
    justify-content: center;
    align-items: center;
}
.section__banner .contenedor__banner article img {
    width: 100%;
    height: 97%;
    border-radius: 10px;
    cursor: pointer;
    animation: fadeIn;
    animation-duration: .5s;
}
.section__banner .contenedor__banner article {
    width: 87%;
    height: 68vh;
}
/* .section__banner .contenedor__banner article {
    min-width: 100%;
    width: 100%;
    height: 68vh;
    pointer-events: none;
    opacity: 0;
} */
.section__banner .contenedor__banner .article-hidden {
    position: absolute;
    top: 0;
    left: 0;
}
.section__banner .contenedor__banner article.box-container {
    pointer-events: unset;
    opacity: 1;
    transition: opacity 1.5s ease;
}

/* sección banner del equipo */
.banner__equipo {
    width: 100%;
    padding: 2rem 0;
}
.banner__equipo .contenedor__banner-quipo {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 6.5rem;
    height: 10rem;
    overflow: hidden;
    position: relative;
    background-color: #f2e117;
}
.banner__equipo .contenedor__banner-quipo .article1 h2 {
    width: 15rem;
    font-size: 2rem;
    margin-bottom: 0.5rem;
}
.banner__equipo .contenedor__banner-quipo .article1 button {
    padding: 0.5rem 1.5rem;
    background-color: #000;
    color: #fff;
    border: none;
    outline: none;
    font-size: 1.3rem;
}
.banner__equipo .contenedor__banner-quipo .img3 {
    left: 55%;
    top: 50%;
    transform: translateY(-50%) rotate(-12deg);
}
.banner__equipo .contenedor__banner-quipo .img2 {
    left: 44%;
    top: 100%;
    transform: translateY(-50%) rotate(-16deg);
}
.banner__equipo .contenedor__banner-quipo .img1 {
    left: 35%;
    top: 150%;
    transform: translateY(-50%) rotate(-45deg);
}
.banner__equipo .contenedor__banner-quipo img {
    position: absolute;
    height: 20rem;
    width: 9rem;
    object-fit: cover;
}
.banner__equipo .contenedor__banner-quipo .article2 {
    display: flex;
    flex-wrap: wrap;
    gap: 1.3rem;
}
.banner__equipo .contenedor__banner-quipo .article2 div {
    width: 9rem;
    height: 9rem;
    background-color: #000;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.3rem;
}
.banner__equipo .contenedor__banner-quipo .article2 div span {
    color: gray;
    font-style: italic;
}
.banner__equipo .contenedor__banner-quipo .article2 div h3 {
    color: white;
    font-size: 1.1rem;
    text-transform: uppercase;
}

/* estilos de titulos y botones */

.titulo__main {
    font-size: 2.5rem;
    font-weight: 600;
    text-align: center;
}

.btn-p {
    cursor: pointer;
    padding: 0.5rem 0.8rem;
    background-color: #004899;
    border-radius: 20px;
    border: none;
    color: #fff;
    font-size: 1rem;
    text-transform: initial;
    outline: none;
}
.btn-p:hover {
    box-shadow: 9px 10px 16px -9px rgba(0, 0, 0, 0.75);
    transition: 0.5s ease all;
    background-color: #025cc2;
}
.btn__product-cancel {
    padding: 0.5rem 1.5rem;
    border-radius: 15px;
    text-align: center;
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: bold;
    color: rgb(61, 61, 61);
    cursor: pointer;
    background-color: #fffcd9;
    border: 1px solid #fffcd9;
}
.btn__product-cancel:hover {
    box-shadow: 9px 10px 16px -9px rgba(0, 0, 0, 0.75);
    transition: 0.5s ease all;
}
.btn__product {
    padding: 0.5rem 1.5rem;
    border: 1px solid rgb(194, 192, 192);
    border-radius: 15px;
    text-align: center;
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: bold;
    color: black;
    cursor: pointer;
    transition: 0.3s ease all;
    background-color: #f2e117;
}
.btn__product:hover {
    box-shadow: 9px 10px 16px -9px rgba(0, 0, 0, 0.75);
    transition: 0.5s ease all;
}

.heading {
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;
}
.title__section {
    text-align: center;
    font-size: 2rem;
    color: #004899;
    margin: 0.7rem 0;
    font-weight: bold;
}
.text__section {
    text-align: center;
    margin: 0.7rem 0;
    font-size: 1rem;
}
.btn__section {
    cursor: pointer;
    text-align: center;
    display: inline-block;
    margin: 0.7rem auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.6rem 2.2rem;
    border: 2px solid #000;
    background-color: transparent;
    color: #000;
    text-decoration: none;
    border-radius: 20px;
}
.btn__section:hover {
    box-shadow: 9px 10px 16px -9px rgba(0, 0, 0, 0.75);
    transition: 0.5s ease all;
}
/* productos recomendados */
.recomendados-section {
    margin-top: 4.3rem;
}
.contenedor__recomendados__todos {
    margin: 3rem 0;
}
.contenedor__recomendados__todos .article__product {
    margin: 0;
    width: 16rem;
    min-width: auto;
}
.contenedor__recomendados__todos {
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

/* sección  categorías */
.section__categorias {
    width: 100%;
}
.section__categorias .contenedor__categoria {
    margin: 2rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 2rem;
}
.section__categorias .contenedor__categoria article {
    background-color: #444;
    width: 19rem;
    position: relative;
    height: 15rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: linear-gradient(to top, #000000a9 0%, #000000af 100%),
        url("https://cdn.computerhoy.com/sites/navi.axelspringer.es/public/media/image/2020/07/maquina-coser-bolsillo-lidl-2005485.jpg?tf=3840x");
}
.section__categorias .contenedor__categoria article h3 {
    color: #fff;
    text-transform: uppercase;
    font-style: italic;
    font-size: 1.8rem;
}
.section__categorias .contenedor__categoria article button {
    position: absolute;
    bottom: 8%;
    border: none;
    outline: none;
    text-transform: uppercase;
    padding: 0.5rem 1.5rem;
    font-weight: bold;
    font-size: 1rem;
    background-color: transparent;
    transition: 0.3s ease all;
    color: white;
    text-decoration: underline;
}
.section__categorias .contenedor__categoria article button:hover {
    color: #000;
    background-color: #f4e210;
    text-decoration: none;
}

/* sección mas vendidos */
.section__vendidos {
    width: 100%;
    position: relative;
}
.section__vendidos .right_vendido {
    right: 1.5rem;
}
.section__vendidos .left_vendido {
    left: 0.8rem;
}
.section__vendidos .right_vendido,
.section__vendidos .left_vendido {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2rem;
    height: 3rem;
    cursor: pointer;
    display: grid;
    place-items: center;
    background-color: #d7d2d2ae;
    color: #000;
    border-radius: 10px;
}
.section__vendidos .contenedor__vendidos::-webkit-scrollbar {
    background-color: transparent;
    height: 0;
}
.section__vendidos .contenedor__vendidos {
    display: flex;
    gap: 1rem;
    overflow: auto;
    width: 90%;
    margin: 2rem auto;
    scroll-behavior: smooth;
    align-items: center;
}

/* sección marcas */
.section--marcas {
    width: 100%;
    position: relative;
}
.section--marcas .right_marca {
    right: 1.5rem;
}
.section--marcas .left_marca {
    left: 0.8rem;
}
.section--marcas .right_marca,
.section--marcas .left_marca {
    position: absolute;
    top: 49%;
    /* transform: translateY(-50%); */
    font-size: 2rem;
    height: 3rem;
    cursor: pointer;
    display: grid;
    place-items: center;
    background-color: #d7d2d2ae;
    color: #000;
    border-radius: 10px;
}
.section--marcas .contenedor--marcas::-webkit-scrollbar {
    background-color: transparent;
    height: 0;
}
.section--marcas .contenedor--marcas a img {
    width: 100%;
    object-fit: contain;
}
.section--marcas .contenedor--marcas a {
    min-width: calc(16.666% - 1rem);
    width: calc(16.666% - 1rem);
}
.section--marcas .contenedor--marcas {
    display: flex;
    gap: 1rem;
    overflow: auto;
    width: 90%;
    margin: 2rem auto;
    scroll-behavior: smooth;
    flex-wrap: wrap;
    align-items: center;
}

/* sección recomendados */
.section__recomendados {
    width: 100%;
    position: relative;
}
.section__recomendados .right_recomendado {
    right: 1.5rem;
}
.section__recomendados .left_recomendado {
    left: 0.8rem;
}
.section__recomendados .right_recomendado,
.section__recomendados .left_recomendado {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2rem;
    height: 3rem;
    cursor: pointer;
    display: grid;
    place-items: center;
    background-color: #d7d2d2ae;
    color: #000;
    border-radius: 10px;
}
.section__recomendados .contenedor__recomendados::-webkit-scrollbar {
    background-color: transparent;
    height: 0;
}
.section__recomendados .contenedor__recomendados {
    display: flex;
    gap: 1rem;
    overflow: auto;
    width: 90%;
    margin: 2rem auto;
    scroll-behavior: smooth;
    align-items: center;
}
.article__product .precio-r {
    font-weight: bold;
}
.article__product p a ion-icon {
    vertical-align: middle;
}
.article__product p a {
    font-size: 1.1rem;
    color: #000;
}
.article__product h3 {
    font-size: 1.3rem;
    width: 100%;
    /* height: 2.5rem; */
}
.article__product .name_r {
    font-size: 0.9rem;
}
.article__product .marca_r {
    color: gray;
    font-size: 0.9rem;
}
.article__product img {
    width: 100%;
    height: 14rem;
    object-fit: contain;
    text-align: center;
    padding: 0.5rem;
    border-radius: 20px;
}
.article__product button {
    width: 100%;
}
.article__product:hover {
    box-shadow: 9px 10px 16px -9px rgba(0, 0, 0, 0.75);
}
.article__product {
    min-width: calc(25% - 1rem);
    margin: 1rem 0;
    width: calc(25% - 1rem);
    display: flex;
    transition: 0.3s ease all;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem;
    text-align: center;
    border: 2px solid #FFE601;
    border-radius: 15px;
    cursor: pointer;
}

/* sección ofertas */
.section__ofertas {
    width: 100%;
    position: relative;
}
.section__ofertas .right_oferta {
    right: 1.5rem;
}
.section__ofertas .left_oferta {
    left: 0.8rem;
}
.section__ofertas .right_oferta,
.section__ofertas .left_oferta {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2rem;
    height: 3rem;
    cursor: pointer;
    display: grid;
    place-items: center;
    background-color: #d7d2d2ae;
    color: #000;
    border-radius: 10px;
}
.section__ofertas .contenedor__ofertas::-webkit-scrollbar {
    background-color: transparent;
    height: 0;
}
.section__ofertas .contenedor__ofertas {
    display: flex;
    gap: 1rem;
    overflow: auto;
    width: 90%;
    margin: 2rem auto;
    scroll-behavior: smooth;
    align-items: center;
}

/* banner delivery */
.banner__delivery {
    width: 100%;
    height: 15rem;
    background-color: #004899;
}

.banner__delivery .contenedor__delivery {
    width: 100%;
    height: 100%;
    padding: 0 7rem;
    justify-content: space-between;
    display: flex;
    align-items: center;
}
.banner__delivery .contenedor__delivery article:nth-child(1) {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.banner__delivery .contenedor__delivery article:nth-child(2) {
    display: flex;
    height: 100%;
    flex-wrap: wrap;
}
.banner__delivery .contenedor__delivery article:nth-child(2) img {
    width: 10rem;
    margin: 0;
    height: 100%;
    object-fit: cover;
}
.banner__delivery .contenedor__delivery h2 {
    font-size: 1.8rem;
    text-transform: uppercase;
    color: white;
}
.banner__delivery .contenedor__delivery button {
    background-color: #000;
    color: #fff;
    outline: none;
    border: none;
    padding: 0.6rem 1.5rem;
    font-size: 0.9rem;
    text-transform: uppercase;
}

/* sección marcas */
.section__marcas {
    width: 100%;
}
.section__marcas .contenedor__marcas {
    display: flex;
    gap: 1rem;
    justify-content: center;
    height: 8rem;
    background-color: #004899;
    margin: 2rem 0;
    align-items: center;
    flex-wrap: wrap;
}
.section__marcas .contenedor__marcas img {
    width: 7rem;
    /* height: 5rem; */
    object-fit: contain;
}

/* catalogo del producto */
.cerrar__catalogo {
    display: none !important;
}
.banner__detalle {
    width: 100%;
    position: fixed;
    top: 4.3rem;
    z-index: 100;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* margin-top: 4.3rem; */
    background: #e0e1e1;
    padding: 0.5rem 3rem;
}
.banner__detalle div button.active__btn {
    background-color: #004899;
    color: white;
}
.banner__detalle .div__bannerp {
    display: flex;
    gap: 0.4rem;
}
.search__responsive {
    display: none;
}
.banner__detalle .div__bannerp .categoria--select i {
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    vertical-align: middle;
    padding: 0.55rem;
    color: white;
    border-radius: 50%;
    background-color: #004899;
}
.banner__detalle .div__bannerp .categoria--select {
    /* padding: 0 0.8rem; */
    background-color: white;
    border-radius: 20px;
    border: 1px solid #000;
    color: #000;
    text-transform: uppercase;
    font-size: 0.9rem;
    outline: none;
    width: 18rem;
    position: relative;
    overflow: hidden;
    height: 2rem;
}
.banner__detalle .div__bannerp .container__btn-responsive {
    display: none;
    gap: 0.3rem;
}
.input__detalle {
    cursor: pointer;
    padding: 0 0.8rem;
    background-color: white;
    border-radius: 20px;
    border: 1px solid #000;
    color: #000;
    text-transform: uppercase;
    font-size: 0.9rem;
    outline: none;
    width: 13rem;
    position: relative;
    overflow: hidden;
    height: 2rem;
}
.input__detalle i {
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    vertical-align: middle;
    padding: 0.55rem;
    color: white;
    border-radius: 50%;
    background-color: #004899;
}
.input__detalle input[type="text"] {
    border: none;
    outline: none;
    width: 100%;
    height: 100%;
}
.input__responsive {
    display: none;
}
.menu__buscador {
    background-color: transparent;
    border: none;
    outline: none;
    display: none;
}
.text__buscador {
    display: none;
}
.menu__buscador i {
    font-weight: bold;
    font-size: 1.5rem;
    cursor: pointer;
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background-color: #004899;
    color: #f2e117;
}
.banner__detalle div select {
    cursor: pointer;
    padding: 0 0.5rem;
    height: 2rem;
    background-color: white;
    border-radius: 20px;
    border: none;
    border: 1px solid #000;
    color: #000;
    font-size: 0.7rem;
    text-transform: uppercase;
    outline: none;
}
.banner__detalle div button i {
    font-size: 1.3rem;
    vertical-align: middle;
}
.banner__detalle div button {
    cursor: pointer;
    padding: 0 1.9rem;
    background-color: white;
    border-radius: 20px;
    border: none;
    border: 1px solid #000;
    color: #004899;
    font-size: 0.7rem;
    text-transform: uppercase;
    outline: none;
    height: 2rem;
}
#modal_datos {
    display: none;
}

.section__detalle {
    width: 100%;
    padding-top: 2rem;
    margin-top: 7.5rem;
}
.section__detalle .contenedor__detalle {
    display: flex;
    justify-content: space-between;
}
.section__detalle .contenedor__detalle .article__pdf .contenedor__pdf {
    height: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}
.section__detalle .contenedor__detalle .article__pdf .contenedor__pdf iframe {
    width: 100%;
    height: 100%;
}
.section__detalle
    .contenedor__detalle
    .article__pdf
    .contenedor__pdf
    .pdf__div {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    padding: 2rem;
    color: #fff;
    text-align: center;
    display: grid;
    place-items: center;
    background-color: #525659;
}
.section__detalle .contenedor__detalle .article__pdf .contenedor__pdf img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    border-radius: 20px;
}
.section__detalle .contenedor__detalle .article__pdf {
    width: 53%;
    max-height: 30rem;
    height: 30rem;
    overflow: auto;
    /* display: grid;
    place-items: center; */
    scroll-behavior: smooth;
}
.section__detalle
    .contenedor__detalle
    .article__detail
    .contenedor__pdf
    .pdf__div {
    width: 100%;
    height: auto;
    border-radius: 20px;
    padding: 3rem 2rem;
    color: #fff;
    text-align: center;
    display: grid;
    place-items: center;
    background-color: #525659;
}
.section__detalle .contenedor__detalle .article__detail {
    width: 43%;
}
.section__detalle
    .contenedor__detalle
    .article__detail
    .contenedor__pd::-webkit-scrollbar {
    background-color: transparent;
}
.section__detalle
    .contenedor__detalle
    .article__detail
    .contenedor__pd::-webkit-scrollbar-thumb {
    background-color: #004899;
    border-radius: 20px;
    width: 5px;
}
.section__detalle .contenedor__detalle .article__detail .contenedor__pd {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: 32rem;
    /* height: 31rem; */
    overflow: auto;
}
.section__detalle
    .contenedor__detalle
    .article__detail
    .contenedor__pd
    .description__overlock:hover {
    box-shadow: 9px 10px 16px -9px rgba(0, 0, 0, 0.75);
}
.section__detalle
    .contenedor__detalle
    .article__detail
    .contenedor__pd
    .search__detail:hover {
    box-shadow: 9px 10px 16px -9px rgba(0, 0, 0, 0.75);
}
.section__detalle
    .contenedor__detalle
    .article__detail
    .contenedor__pd
    .search__detail
    p {
    width: 60%;
    color: gray;
    text-align: center;
}
.section__detalle
    .contenedor__detalle
    .article__detail
    .contenedor__pd
    .search__detail
    button:nth-child(2) {
    cursor: pointer;
    padding: 0.5rem 2rem;
    background-color: #f4e210;
    border-radius: 20px;
    border: none;
    color: #000;
    font-size: 1rem;
    text-transform: uppercase;
    outline: none;
}
.section__detalle
    .contenedor__detalle
    .article__detail
    .contenedor__pd
    .search__detail {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    text-align: center;
    width: 100%;
    transition: 0.3s ease all;
    border-radius: 15px;
    padding: 1rem;
    width: 90%;
    border: 1px solid rgb(194, 192, 192);
}
.section__detalle
    .contenedor__detalle
    .article__detail
    .contenedor__pd
    .precio {
    width: 5rem;
    height: 2rem;
    text-align: center;
    display: grid;
    place-items: center;
    vertical-align: middle;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    background: #f3f4f8;
    position: absolute;
    bottom: 2rem;
    left: 0;
}
.section__detalle
    .contenedor__detalle
    .article__detail
    .contenedor__pd
    .description__overlock {
    width: 100%;
    transition: 0.3s ease all;
    display: flex;
    border-radius: 15px;
    gap: 1rem;
    height: 15rem;
    align-items: center;
    padding: 0.7rem 1rem;
    /* width: 90%; */
    border: 1px solid rgb(194, 192, 192);
    position: relative;
}
.section__detalle
    .contenedor__detalle
    .article__detail
    .contenedor__pd
    .description__overlock
    .text__p
    .cart__btn
    span {
    padding: 0.5rem;
}
.section__detalle
    .contenedor__detalle
    .article__detail
    .contenedor__pd
    .description__overlock
    .text__p
    .cart__btn
    button {
    padding: 0.6rem 1rem;
    border: none;
    border-left: 1px solid #000;
    outline: none;
    border-radius: 20px;
    background-color: #f2e117;
    color: black;
}
.section__detalle
    .contenedor__detalle
    .article__detail
    .contenedor__pd
    .description__overlock
    .text__p
    .btn__content {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
}
.section__detalle
    .contenedor__detalle
    .article__detail
    .contenedor__pd
    .description__overlock
    .text__p
    .cart__btn {
    border: 1px solid #000;
    background-color: #f3f4f8;
    display: flex;
    border-radius: 20px;
    overflow: hidden;
    align-items: center;
}
.section__detalle
    .contenedor__detalle
    .article__detail
    .contenedor__pd
    .description__overlock
    .text__p
    a {
    text-decoration: none;
}
/* .section__detalle
    .contenedor__detalle
    .article__detail
    .contenedor__pd
    .description__overlock
    .text__p
    a {
    display: block;
    width: 100%;
    margin: 0.8rem 0;
    font-size: 0.8rem;
    text-decoration: none;
    color: gray;
    text-transform: uppercase;
} */
.section__detalle
    .contenedor__detalle
    .article__detail
    .contenedor__pd
    .description__overlock
    .text__p
    p {
    font-size: 1rem;
    display: -webkit-box;
    margin: 0.8rem 0;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.section__detalle
    .contenedor__detalle
    .article__detail
    .contenedor__pd
    .description__overlock
    .text__p
    small {
    color: #000;
    margin: 0.8rem 0;
    font-size: 0.8rem;
    text-transform: uppercase;
}
.section__detalle
    .contenedor__detalle
    .article__detail
    .contenedor__pd
    .description__overlock
    .text__p
    .title__detail {
    border: none;
    outline: none;
    margin-left: -2.5rem;
    text-align: center;
    background-color: #f3f4f8;
    padding: 0.3rem 1.5rem;
    font-size: 1rem;
    text-transform: uppercase;
    box-shadow: -1px 5px 15px -4px rgba(0, 0, 0, 0.69);
    border-radius: 15px;
}
.section__detalle
    .contenedor__detalle
    .article__detail
    .contenedor__pd
    .description__overlock
    img {
    border: 1px solid #000;
    padding: 1rem;
    width: 11rem;
    height: 100%;
    border-radius: 10px;
    object-fit: contain;
}

/* sección login y registrer */
.login__form {
    margin-top: 4.3rem;
    display: grid;
    padding: 3rem 0;
    place-items: center;
}
.login__form .content__login .title__main {
    margin-bottom: 1.5rem;
}
.login__form .content__login {
    width: 35%;
    display: flex;
    flex-direction: column;
    padding: 2rem;
    justify-content: center;
    align-items: center;
    background-color: #eaf0f6;
    border-radius: 10px;
}
.login__form .content__login .form {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.7rem;
}
.login__form .content__login .form .cantidad__cotizar div {
    display: flex;
}
.login__form .content__login .form .cantidad__cotizar {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.login__form .content__login .form .cantidad__cotizar button {
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    outline: none;
    border: none;
    color: #fff;
}
.login__form .content__login .form .cantidad__cotizar .less {
    background-color: #df0209;
}
.login__form .content__login .form .cantidad__cotizar .more {
    background-color: #004899;
}
.login__form .content__login .form .cantidad__cotizar span {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid #000;
    background-color: #fff;
}
.login__form .content__login .form .input_field label a {
    color: inherit;
    text-decoration: none;
}
.login__form .content__login .form .input_field label {
    display: block;
}
.login__form .content__login .form .btn__product,
.login__form .content__login .form [type="button"] {
    display: block;
    margin: auto;
    text-align: center;
}
.login__form .content__login .form .input_field select,
.login__form .content__login .form .input_field [type="email"],
.login__form .content__login .form .input_field [type="date"],
.login__form .content__login .form .input_field [type="text"],
.login__form .content__login .form .input_field [type="password"] {
    width: 100%;
    border: none;
    border-radius: 10px;
    padding: 0.5rem 0.7rem;
    outline: none;
}

/* sección buscador tabla */
.section__table {
    width: 100%;
    margin-top: 7rem;
}
.section__table .contenedor__table {
    width: 100%;
}
.section__table .contenedor__table table,
.section__table .contenedor__table table td,
.section__table .contenedor__table table th {
    border: 1px solid rgb(174, 171, 171);
    border-collapse: collapse;
    padding: 1rem 0.3rem;
    text-align: center;
}
.section__table .contenedor__table table td:nth-child(1) img {
    width: 100%;
}
.section__table .contenedor__table table th:nth-child(1) {
    width: 11rem;
}
.section__table .contenedor__table table th:nth-child(6) {
    width: 18rem;
}
.section__table .contenedor__table table td .cart__table i {
    vertical-align: middle;
}
.section__table .contenedor__table table td .cart__table {
    padding: 0.3rem 1rem;
    border: none;
    font-size: 1rem;
    color: #000;
    background-color: white;
    border: 1px solid gray;
    outline: none;
    border-radius: 20px;
}
.section__table .contenedor__table table td .consultar__table {
    padding: 0.3rem 1rem;
    border: none;
    font-size: 1rem;
    color: #fff;
    outline: none;
    background-color: #004899;
    border-radius: 20px;
}
.section__table .contenedor__table table td {
    background-color: #e9e9ec;
    height: 7rem;
}
.section__table .contenedor__table table {
    border-radius: 10px;
}
.section__table .contenedor__table table {
    width: 100%;
}

/* sección de detalle del producto */
.section__pdetalle {
    width: 100%;
    margin-top: 4.3rem;
}
.contenedor__pdetalle {
    margin: 2rem 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.btn__detalle a {
    width: 12rem !important;
}
.btn__detalle {
    flex-wrap: wrap;
    display: flex;
    gap: 0.5rem;
}
.contenedor__pdetalle .article__1 {
    width: 48%;
}
.contenedor__pdetalle .article__2 {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    width: 50%;
}
/* .elemento__1 + .elemento__2{
    height: inherit;
} */
.imagenes__relacionadas .article__img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.imagenes__relacionadas .article__img {
    width: 33.333%;
    height: 5rem;
    padding: 0.3rem;
    border: 2px solid #004899;
}
.imagenes__relacionadas {
    border-collapse: collapse;
    display: flex;
    margin: 1rem auto;
    width: 55%;
    align-items: center;
}
.contenedor__pdetalle article .img__pdetalle {
    height: 21rem;
    border: 2px solid #004899;
    padding: 1rem;
}
.contenedor__pdetalle article img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.contenedor__pdetalle article .code__pd {
    color: #004899;
    font-size: 1rem;
}
.contenedor__pdetalle article .code__pd span {
    color: #000;
}
.contenedor__pdetalle article .precio__pd {
    color: #004899;
    font-size: 2.2rem;
}
.contenedor__pdetalle article .model__pd {
    display: flex;
    gap: 0.3rem;
    align-items: center;
    flex-wrap: wrap;
}
.contenedor__pdetalle article .model__pd span {
    padding: 0.3rem 0.8rem;
    font-weight: 600;
    border-radius: 15px;
    background-color: #004899;
    color: #fff;
}
.contenedor__pdetalle article .btn__product {
    width: 15rem;
    text-transform: initial;
    font-size: 1rem;
}
.contenedor__pdetalle article .cantidad__pd {
    display: flex;
    align-items: center;
}
.contenedor__pdetalle article .cantidad__pd div {
    display: flex;
    flex-direction: column;
}
.contenedor__pdetalle article .total__pd span {
    font-size: 1rem;
}
.contenedor__pdetalle article .total__pd {
    font-size: 1.2rem;
}
.contenedor__pdetalle article .quality__pd {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.contenedor__pdetalle article .cantidad__pd div button,
.contenedor__pdetalle article .cantidad__pd .num1 {
    height: 1.9rem;
    outline: none;
    width: 2rem;
    background-color: white;
    display: grid;
    place-items: center;
    cursor: pointer;
    font-size: 1.9rem;
    border: 1px solid rgb(194, 192, 192);
}
.contenedor__pdetalle article .cantidad__pd .num1 {
    width: 3rem;
    height: 3.8rem;
    font-size: 2rem;
    outline: none;
    border: 1px solid rgb(194, 192, 192);
}
.contenedor__pdetalle article h2 {
    font-size: 2rem;
    color: #004899;
    text-transform: uppercase;
}

/* sección de cart */
.section__cart {
    margin-top: 4.3rem;
}
.content-car {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: center;
    margin-top: 3rem;
}
.content-car article {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border: 1px solid #000;
    padding: 1.5rem 1rem;
    border-radius: 20px;
    position: relative;
}
.content-car article div b {
    font-size: 2rem;
}
.content-car article div:nth-child(2) {
    min-width: 17rem;
    width: 17rem;
}
.content-car article div:nth-child(3) {
    display: flex;
}
.content-car article div:nth-child(3) button {
    padding: 0.7rem;
    border: 1px solid rgb(194, 192, 192);
    outline: none;
    font-size: 1.4rem;
}
.content-car article div {
    width: 15%;
    /* min-width: 15%; */
    text-align: left;
}
.content-car article div:nth-child(5) {
    position: absolute;
    right: 2rem;
    bottom: 1rem;
    width: auto;
    text-align: right;
}
.content-car article div:nth-child(1) {
    width: 9rem;
}
.content-car article .trash {
    font-size: 1.7rem;
    cursor: pointer;
}
.content-car article .trash:hover {
    color: #df0209;
}
.content-car article div:nth-child(4) button ion-icon {
    vertical-align: middle;
}
.content-car article div:nth-child(4) button {
    padding: 0.2rem 1rem;
    font-size: 1rem;
    border: none;
    border: 1px solid gray;
    border-radius: 10px;
    outline: none;
}
.content-car article img {
    width: 100%;
    object-fit: contain;
    height: 10rem;
}
.formulario__cotizar {
    width: 100%;
    margin-top: 2rem;
}
.formulario__cotizar article form input[type="text"] {
    height: 2.5rem;
    margin-top: 0.3rem;
    margin-bottom: 0.8rem;
    border-radius: 10px;
    background-color: white;
    border: none;
    /* border: 2px solid #004899; */
    outline: none;
    padding: 0 0.5rem;
}
.formulario__cotizar article form {
    width: 40%;
    margin: auto;
    display: flex;
    flex-direction: column;
    background-color: #eaf0f6;
    padding: 2rem;
    border-radius: 10px;
}

.content-resume {
    margin-top: 3rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
}
.content-resume article:nth-child(1) {
    width: 58%;
}
.content-resume article:nth-child(1) img {
    width: 55%;
    display: block;
    margin: auto;
    object-fit: contain;
}
.content-resume article:nth-child(2) {
    width: 40%;
}
.content-resume article p {
    position: relative;
    /* background-color: #f5dedf6d; */
    background-color: #00479994;
    border-radius: 12px;
    padding: 1rem;
    margin: 1rem 0;
    color: #fff;
}
.content-resume article p b {
    position: absolute;
    right: 10px;
}

/* seccción formulario de pago */
.section__form {
    margin-top: 4.3rem;
}

.contenedor-datosusuario {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    margin: 2rem 0;
}
.numeracion-form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 70%;
    margin: auto;
    margin-bottom: 3rem;
    position: relative;
}
.numeracion-form::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    background-color: gray;
    z-index: -1;
}
.numeracion-form article.active-pay {
    background-color: #ffe100;
    width: 3.2rem;
    height: 3.2rem;
    border: 1px solid #000;
    font-size: 1.1rem;
}
.numeracion-form article {
    width: 3rem;
    height: 3rem;
    font-weight: bold;
    border-radius: 50%;
    background-color: white;
    display: flex;
    justify-content: center;
    font-size: 1rem;
    align-items: center;
    box-shadow: 1px 1px 19px 0px rgba(0, 0, 0, 0.15);
}
.contenedor-datosusuario .article-form1 h3 {
    font-size: 2.5rem;
    margin: 2rem 0;
}
.contenedor-datosusuario .article-form1 form .retiro-form {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 2rem;
    margin: 2rem 0;
}
.contenedor-datosusuario .article-form1 form .retiro-form article span {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: #fff;
}
.contenedor-datosusuario .article-form1 form .retiro-form article p {
    font-weight: bold;
    font-size: 1rem;
}
.contenedor-datosusuario
    .article-form1
    form
    .retiro-form
    article.retiro-activo {
    border: 2px solid #004899;
    background-color: #beebfe;
    color: #023a7a;
}
.contenedor-datosusuario .article-form1 form .retiro-form article {
    width: 13rem;
    cursor: pointer;
    text-align: center;
    display: flex;
    gap: 1rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 7rem;
    border-radius: 20px;
    background-color: #eee;
}
.contenedor-datosusuario .article-form1 form h3 {
    text-align: center;
    width: 100%;
}
.contenedor-datosusuario .article-form1 form h4 {
    width: 100%;
    font-size: 1.2rem;
    margin-bottom: -1rem;
}
.contenedor-datosusuario .article-form1 form .form-store article:nth-child(1) {
    width: 50%;
}
.contenedor-datosusuario
    .article-form1
    form
    .form-store
    article:nth-child(1)
    h3,
.contenedor-datosusuario
    .article-form1
    form
    .form-store
    article:nth-child(1)
    b {
    text-align: left;
    width: 100%;
    font-size: 1.1rem;
    display: block;
    margin: 1rem 0;
}
.contenedor-datosusuario
    .article-form1
    form
    .form-store
    article:nth-child(1)
    h3 {
    margin: 3rem 0;
}
.contenedor-datosusuario
    .article-form1
    form
    .form-store
    article:nth-child(1)
    b {
    margin-left: 3rem;
}
.contenedor-datosusuario
    .article-form1
    form
    .form-store
    article:nth-child(2)
    iframe {
    width: 100%;
    height: 100%;
}
.contenedor-datosusuario .article-form1 form .form-store article:nth-child(2) {
    width: 37%;
    height: 14rem;
    margin-top: -8rem;
}

.contenedor-datosusuario .article-form1 form .form-store .map-form {
    width: 100%;
    height: 100%;
    background-color: #eee;
}
.contenedor-datosusuario .article-form1 form .form-store {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: white;
    align-items: center;
    gap: 2rem;
}
.contenedor-datosusuario .article-form1 form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #fff;
    box-shadow: 1px 1px 14px 0px rgba(0, 0, 0, 0.19);
    align-items: center;
    gap: 2rem;
    border-radius: 10px;
    padding: 3rem 2rem;
    /* padding-bottom: rem; */
}
.contenedor-datosusuario .article-form1 form select,
.contenedor-datosusuario .article-form1 form input[type="text"] {
    width: 47%;
    height: 3rem;
    outline: none;
    border: none;
    padding: 0 0.5rem;
    background-color: #eee;
}
.contenedor-datosusuario .article-form1 form .direccion-fiscal.hidden-address {
    display: none;
}
.contenedor-datosusuario .article-form1 form .comprobante-input {
    width: 100% !important;
}
.contenedor-datosusuario .article-form1 {
    width: 68%;
}

.article-resumen-checkout {
    margin: 2rem 1rem;
    width: 30%;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
}
.article-resumen-checkout .mount-article {
    box-shadow: 1px 1px 19px 0px rgba(0, 0, 0, 0.15);
}
.article-resumen-checkout button {
    width: 100%;
    margin: 1rem 0;
}
.article-resumen-checkout .mount-article h3 {
    font-size: 1.1rem;
    margin-bottom: 2rem;
}
.article-resumen-checkout .mount-article .resumen-text div p {
    font-size: 1.5rem;
}
.article-resumen-checkout .mount-article .pago-resumen {
    margin-top: 3rem;
}
.article-resumen .mount-article .pago-resumen div:nth-child(1) {
    border-bottom: 2px solid #000;
}
.article-resumen-checkout .mount-article .pago-resumen div p {
    font-size: 1.5rem;
}
.article-resumen-checkout .mount-article .pago-resumen div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0.5rem 0;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}
.article-resumen-checkout .mount-article .resumen-text div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0.5rem 0;
}

.article-resumen-checkout .condiciones-article {
    width: 100%;
    margin: 3rem 0;
    background-color: white;
    padding: 1rem;
}
.article-resumen-checkout .mount-article {
    width: 100%;
    background-color: white;
    padding: 1rem;
}
.article-resumen-checkout .condiciones-article h3 {
    font-size: 1.1rem;
    margin-bottom: 1rem;
}
.article-resumen-checkout .botones-pago {
    width: 100%;
}
.article-resumen-checkout .botones-pago button {
    width: 100%;
}
.article-resumen-checkout .condiciones-article p {
    display: flex;
    gap: 1rem;
    font-size: 1rem;
    align-items: center;
    margin: 0.3rem 0;
}
.article-resumen-checkout .condiciones-article p b {
    display: block;
    width: 2.8rem;
    height: 1.8rem;
    border-radius: 50%;
    background-color: gray;
}
.article-resumen {
    /* width:  calc(30% - 2.5rem); */
    width: 30%;
    margin-top: 6rem;
    height: fit-content;
    background-color: #fff;
    padding: 1rem 0.5rem;
    border-radius: 10px;
    box-shadow: 1px 1px 14px 0px rgba(0, 0, 0, 0.19);
    display: flex;
    flex-direction: column;
    /* justify-content: center;
    align-items: center; */
}
.article-resumen button {
    width: 100%;
    margin: 0.4rem 0;
}
.article-resumen .mount-article h3 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
}
.article-resumen .mount-article .resumen-text div p {
    font-size: 1rem;
}
.article-resumen .mount-article .pago-resumen {
    margin-top: 3rem;
}
.article-resumen .mount-article .pago-resumen div:nth-child(1) {
    border-bottom: 2px solid #000;
}
.article-resumen .mount-article .pago-resumen div p {
    font-size: 1rem;
}
.article-resumen .mount-article .pago-resumen div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0.5rem 0;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}
.article-resumen .mount-article .resumen-text div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0.5rem 0;
}
.article-resumen .mount-article,
.article-resumen .condiciones-article {
    width: 100%;
    /* margin: 2rem 0; */
    /* background-color: white; */
    padding: 1rem;
}
.article-resumen .condiciones-article h3 {
    font-size: 1.2rem;
    margin-bottom: 2rem;
}
.article-resumen .botones-pago {
    width: 100%;
}
.article-resumen .botones-pago button {
    width: 100%;
}
.article-resumen .condiciones-article p {
    display: flex;
    gap: 1rem;
    font-size: 1rem;
    align-items: center;
    margin: 0.4rem 0;
}
.article-resumen .condiciones-article p b {
    display: block;
    /* width: 1rem;
    height: 1rem; */
    padding: 0.6rem;
    border-radius: 50%;
    background-color: gray;
}

/* compra exitosa */
.compra__exitosa {
    margin-top: 4.3rem;
    margin-bottom: 3rem;
    padding-top: 7.5rem;
}
.compra__exitosa .bg_green h2 {
    font-size: 2.5rem;
}
.compra__exitosa .bg_green {
    height: 22rem;
    display: grid;
    width: 100%;
    color: #fff;
    place-items: center;
    background-color: green;
}
.compra__exitosa article b {
    font-size: 1.5rem;
}
.compra__exitosa article p {
    width: 70%;
}
.compra__exitosa article {
    /* padding: 2rem; */
    width: 50%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1rem;
    text-align: center;
    margin: 0 auto;
    height: 24rem;
    margin-top: -3rem;
    box-shadow: 1px 1px 19px 0px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
}

/* sección contacto */
.section__contacto {
    width: 100%;
    margin-top: 4.3rem;
    padding: 0 5rem;
}
.contenedor__contacto {
    display: flex;
    justify-content: center;
    gap: 1rem;
}
.contenedor__contacto article:nth-child(1) {
    width: 70%;
    background-color: #fff;
}
.contenedor__contacto article:nth-child(2) {
    width: 28%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* sección tiendas */
.tiendas {
    width: 100%;
    margin-top: 140px;
    padding: 0 2rem;
    margin-bottom: 140px;
}
.tiendas .contenedor-tiendas {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* margin: 2rem; */
    gap: 1.5rem;
}
.tiendas .contenedor-tiendas article h3 {
    font-size: 1.5rem;
    margin-bottom: 0.7rem;
}
.tiendas .contenedor-tiendas article p {
    font-size: 1rem;
    margin: 0.5rem 0;
}
.tiendas .contenedor-tiendas article p a {
    font-size: 1rem;
    margin: 0.5rem 0;
    color: #000;
    font-size: 16px;
    text-decoration: none;
}
.tiendas .contenedor-tiendas article p a:hover {
    text-decoration: underline;
}
.tiendas .contenedor-tiendas article {
    height: 17rem;
    background-color:#eee;
    padding: 1.5rem 0rem;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px;
    padding-left: 20px;
}
.tiendas .contenedor-tiendas article iframe,
.tiendas .contenedor-tiendas article div,
.tiendas .contenedor-tiendas article img {
    width: 32.5%;
    height: 100%;
}

/* banner imagen */
.banner__imagen {
    margin: 1rem 0;
    width: 100%;
}
.escritorio {
    display: block;
}
.movil {
    display: none;
}
.banner__imagen .contenedor-banner__imagen {
    width: 100%;
    display: flex;
    height: 27rem;
    align-items: center;
}
.banner__imagen .contenedor-banner__imagen img {
    width: 100%;
    height: 100%;
}

/* sección servisios */
.servicios {
    width: 100%;
}
.servicios .contenedor-servicios {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 2rem 0;
    gap: 1rem;
}
.servicios .contenedor-servicios article {
    width: 17rem;
    text-align: center;
    cursor: pointer;
}
.servicios .contenedor-servicios article img {
    width: 100%;
}
.servicios .contenedor-servicios article img:hover {
    animation: pulse;
    animation-duration: .5s;
}

/* descuento */
.descuento__banner{
    width: 100%;
}
.descuento__banner .banner--descuento{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
}
.descuento__banner .banner--descuento .img-descuento img{
    width: 100%;
    height: 100%;
}
.descuento__banner .banner--descuento .img-descuento{
    width: 43%;
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid #004899;
}
.descuento__banner .banner--descuento .imgs-descuento h2::first-letter{
    text-transform: uppercase;
}
.descuento__banner .banner--descuento .imgs-descuento h2{
    width: 100%;
    text-align: center;
    margin-bottom: 1rem;
    text-transform: lowercase;
    color: #0056b3;
}
.descuento__banner .banner--descuento .imgs-descuento div{
    text-align: center;
}
.descuento__banner .banner--descuento .imgs-descuento{
    border-radius: 10px;
    width: 55%;
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    border: 2px solid #004899;
    padding: .5rem;
    /* height: 15rem; */
}
.descuento__banner .banner--descuento .imgs-descuento img{
    width: 15rem;
    margin: .7rem
}


.bottomright {
    position: fixed;
    bottom: 20px;
    right: 16px;
    font-size: 18px;
    z-index: 100;
    width: 80px;
    height: 80px;
    border-radius: 100px;
    background-image: url(../images/whatsapp-icon.png);
    background-repeat: no-repeat;
    background-size: 80px 80px;
    background-position: center;
    box-shadow: 1px 1px 19px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 1px 1px 19px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 19px 0px rgba(0, 0, 0, 0.75);
}


/* sección de todas las categorías */
.section_categorias{
    margin-top: 140px;
    margin-bottom: 140px;
}
.section_categorias .contenedor_todos_categorias{
    display: flex;
    gap: 2rem;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.section_categorias .contenedor_todos_categorias article{
    text-align: center;
    width: 18rem;
    cursor: pointer;
    padding-bottom: 20px;
    border-radius: 20px;
}
.section_categorias .contenedor_todos_categorias article:hover{
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5);
    transition: 0.5s ease all;
    border: 4px solid #004899;
}
.section_categorias .contenedor_todos_categorias article h2{
    font-size: 1.1rem;
    color: #004899;
    text-decoration: none;
}
.section_categorias .contenedor_todos_categorias article img{
    width: 100%;
    height: 17rem;
    border-radius: 20px;
}



/* sección nosotros */
.section-nosotros {
    width: 100%;
    margin-top: 4.3rem;
    padding: 0 5rem;
}
.section-nosotros .article2-nosotros .img-article2nosotros article img {
    width: 100%;
}
.section-nosotros .article2-nosotros .img-article2nosotros article {
    width: 45%;
}
.section-nosotros .article2-nosotros {
    margin-top: 5rem;
    text-align: center;
}
.section-nosotros .article2-nosotros .img-article2nosotros {
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    width: 70%;
}
.section-nosotros .article1-nosotros {
    display: flex;
    justify-content: center;
    gap: 4rem;
    /* align-items: center; */
    flex-wrap: wrap;
    margin: 4rem 0;
}
.section-nosotros .article1-nosotros article {
    width: 46%;
}
.section-nosotros .article1-nosotros article h2 {
    font-size: 1.7rem;
}
.section-nosotros .article1-nosotros article p {
    font-size: 1.1rem;
    margin: 0.6rem 0 !important;
}
.section-nosotros .article1-nosotros article img {
    position: relative;
    height: 100%;
    width: 100%;
}
.section-nosotros .article1-nosotros .article-textnosotros b {
    font-size: 1.5rem;
}
.section-nosotros .article1-nosotros .article-textnosotros {
    position: relative;
    padding-right: 3rem;
    height: 18rem;
}
.section-nosotros .article1-nosotros .article-textnosotros img {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 8rem;
}
.section-nosotros .article1-nosotros .article-imgnosotros {
    position: relative;
    height: 25rem;
}
.section-nosotros .article1-nosotros .article-imgnosotros::before {
    content: "";
    position: absolute;
    width: 95%;
    height: 90%;
    top: -8%;
    left: -7%;
    background-color: #004899;
}
.section-nosotros .article1-nosotros .article-imgnosotros2 {
    /* height: 80%; */
    height: 20rem;
    position: relative;
}
.section-nosotros .article1-nosotros .article-imgnosotros2 iframe {
    height: 100%;
    width: 100%;
    position: relative;
}
.section-nosotros .article1-nosotros .article-imgnosotros2 img {
    position: absolute;
    z-index: 1;
    bottom: -4rem;
    right: -4rem;
    width: 15rem;
    height: 10rem;
}
.section-nosotros .article1-nosotros .article-imgnosotros2::before {
    content: "";
    position: absolute;
    width: 95%;
    height: 90%;
    bottom: -8%;
    right: -7%;
    background-color: #004899;
}
.section-nosotros .nosotros-ubicacion h2 {
    text-align: center;
}
.section-nosotros .nosotros-ubicacion {
    width: 100%;
    margin-top: 5rem;
}
.section-nosotros .nosotros-ubicacion .article-unosotros {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.section-nosotros .nosotros-ubicacion .article-unosotros iframe {
    width: 85%;
}
.section-nosotros .nosotros-ubicacion .article-unosotros p {
    width: 85%;
    font-size: 1.56rem;
    margin-bottom: 1rem;
}

/* sección blogs  */
.section__blog {
    width: 100%;
    position: relative;
}
.section__blog .right_blog {
    right: 0;
}
.section__blog .left_blog {
    left: -1rem;
}
.section__blog .right_blog,
.section__blog .left_blog {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2rem;
    height: 3rem;
    cursor: pointer;
    display: grid;
    place-items: center;
    background-color: #d7d2d2ae;
    color: #000;
    border-radius: 10px;
}
.section__blog .contenedor__blog {
    display: flex;
    /* justify-content: center; */
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    width: 95%;
    margin: auto;
}
.section__blog .contenedor__blog article {
    /* background-image: url(https://i.blogs.es/33df37/coser/1366_2000.jpg); */
    background-image: linear-gradient(to top, #00000070 0%, #00000072 100%),
        url(https://i.blogs.es/33df37/coser/1366_2000.jpg);
    width: 23rem;
    height: 15rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.section__blog .contenedor__blog article p {
    font-size: 1.6rem;
    text-transform: uppercase;
    color: white;
    width: 8rem;
}
.section__blog .contenedor__blog .slider__blog::-webkit-scrollbar {
    background-color: transparent;
    height: 0;
}
.section__blog .contenedor__blog .slider__blog {
    display: flex;
    scroll-behavior: smooth;
    overflow: auto;
    align-items: center;
    gap: 1rem;
}
.blog__card:hover {
    border: 2px solid #004899;
    box-shadow: -1px 5px 15px -4px rgba(0, 0, 0, 0.5);
    transition: 0.5s ease all;
}
.blog__card {
    display: flex;
    border-radius: 20px;
    background: #f5f6f6;
    align-items: center;
    gap: 1.5rem;
    padding: 1rem;
    min-width: calc(50% - 1rem);
    width: calc(50% - 1rem);
}
.blog__card div {
    display: flex;
    width: 14rem;
    flex-direction: column;
    gap: 0.5rem;
}
.blog__card div p {
    font-size: 1rem;
}
.blog__card div a {
    text-align: center;
    width: 10rem;
    text-decoration: none;
}
.blog__card div small {
    color: gray;
    font-style: italic;
}
.blog__card div button {
    padding: 0.5rem 2rem;
    background-color: #004899;
    border-radius: 20px;
    border: none;
    color: #fff;
    font-size: 1rem;
    text-transform: uppercase;
    width: 8rem;
    outline: none;
}
.blog__card div h2 {
    font-size: 1.2rem;
}
.blog__card img {
    width: 12rem;
    height: 12rem;
    border-radius: 20px;
    object-fit: cover;
}

/* sección servicios */
.banner__servicios {
    width: 100%;
}
.banner__servicios .contenedor__servicios {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    flex-wrap: wrap;
    color: #fff;
    padding: 0.7rem 0.3rem;
    background-color: #004899;
}
.banner__servicios .contenedor__servicios p {
    font-style: italic;
}

/* sección asesores */
.section__asesores {
    width: 100%;
    position: relative;
}
.section__asesores .right_asesor {
    right: 1.5rem;
}
.section__asesores .left_asesor {
    left: 0.8rem;
}
.section__asesores .right_asesor,
.section__asesores .left_asesor {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2rem;
    height: 3rem;
    cursor: pointer;
    display: grid;
    place-items: center;
    background-color: #d7d2d2ae;
    color: #000;
    border-radius: 10px;
}
.section__asesores .contenedor__asesores::-webkit-scrollbar {
    background-color: transparent;
    height: 0;
}
.section__asesores .contenedor__asesores {
    display: flex;
    gap: 1rem;
    overflow: auto;
    width: 90%;
    margin: 2rem auto;
    scroll-behavior: smooth;
    align-items: center;
}

/* sección suscribete */
.section__suscribete {
    width: 100%;
}
.section__suscribete .contenedor__suscribete {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
}
.section__suscribete .contenedor__suscribete h2 {
    text-transform: uppercase;
    font-size: 1.3rem;
    margin: 1rem 0;
}
.section__suscribete .contenedor__suscribete input[type="email"] {
    height: 2.5rem;
    padding: 0 1rem;
    width: 30rem;
    border: none;
    outline: none;
    border-bottom: 2px solid #000;
    margin-bottom: 2rem;
}
.section__suscribete .contenedor__suscribete button {
    padding: 0.7rem 1rem;
    border: none;
    margin-left: 1rem;
    outline: none;
    text-transform: uppercase;
    font-size: 1rem;
    background-color: #004899;
    color: white;
    border-radius: 20px;
}
.link-direcciones-a {
    text-decoration: none;
}
.link-direcciones-a {
    text-decoration: underline;
    color: #004899;
}
.section__suscribete .contenedor__suscribete button:hover {
    box-shadow: -1px 5px 15px -4px rgba(0, 0, 0, 0.5);
    transition: 0.5s ease all;
}
.section__suscribete .contenedor__suscribete a {
    color: #000;
    text-decoration: none;
}
.section__suscribete .contenedor__suscribete a:hover {
    text-decoration: underline;
    color: #004899;
}
.section__suscribete .contenedor__suscribete a:active {
    color: #000;
}

/* sección footer */
.copyright p {
    text-align: center;
    font-size: 0.9rem;
}
.copyright {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    padding: 0.5rem;
    gap: 0.5rem;
}
.section__footer {
}
.section__footer .contenedor__footer article img {
    width: 11rem;
}
.section__footer .contenedor__footer article h3 {
    width: 100%;
    color: #004899;
    font-size: 1.6rem;
    background-color: #f2e117;
    border-top-left-radius: 15px;
    padding: 0.3rem 0.3rem;
    border-bottom-right-radius: 15px;
}
.section__footer .contenedor__footer article h2 {
    /* margin-bottom: 1rem; */
    font-weight: bold;
    color: #ebebed;
    font-size: 1.2rem;
    text-transform: uppercase;
}
.section__footer .contenedor__footer article h3 {
    width: 12rem;
}
.section__footer .contenedor__footer article {
    display: flex;
    width: 15rem;
    flex-direction: column;
}
.section__footer .contenedor__footer article p{
    color: #ebebed;
    text-align: justify;
}
.section__footer .contenedor__footer article a {
    text-decoration: none;
    color: #ebebed;
}
.section__footer .contenedor__footer article .div_img {
    height: 2rem;
    width: 10rem;
    background-color: rgb(231, 225, 225);
    margin: 0.3rem 0;
}
.section__footer .contenedor__footer article a:active {
    color: inherit;
}
.section__footer .contenedor__footer nav a i {
    vertical-align: middle;
    text-align: center;
}
.section__footer .contenedor__footer img {
    margin-top: 1rem;
}
.section__footer .contenedor__footer article:nth-child(3) a ion-icon {
    color:#f2e117;
    transition: 0.2s ease all;
}
.section__footer .contenedor__footer article:nth-child(3) a i {
    color:#f2e117;
    transition: 0.2s ease all;
}
.section__footer .contenedor__footer article:nth-child(3) a:hover {
    text-decoration: underline;
}
.section__footer .contenedor__footer article:nth-child(3) {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.section__footer .contenedor__footer article:nth-child(3) a {
    font-size: 1.1rem;
}

.section__footer .contenedor__footer article:nth-child(2) a ion-icon {
    color: #f4e210;
    transition: 0.2s ease all;
}
.section__footer .contenedor__footer article:nth-child(2) a i {
    color: #f4e210;
    transition: 0.2s ease all;
}
.section__footer .contenedor__footer article:nth-child(2) a:hover {
    text-decoration: underline;
}
.section__footer .contenedor__footer article:nth-child(2) {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.section__footer .contenedor__footer article:nth-child(2) a {
    font-size: 1.2rem;
}
.section__footer .contenedor__footer article:nth-child(4) nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}
.section__footer .contenedor__footer article:nth-child(4) nav a {
    /* padding: 0.3rem; */
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background-color: #f4e210;
    color: #000;
    font-size: 1.2rem;
}
.section__footer .contenedor__footer article:nth-child(4) nav a:hover {
    border: 2px solid #fff;
    transition: .5s;
}

.section__footer .contenedor__footer {
    width: 100%;
    padding: 3rem 1rem;
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
    background-image: url(https://rab-import-assets.s3.amazonaws.com/repuestera/footer/footer.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.all-rights {
    padding: 1rem;
    background-color: #004899;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    color: white;
}

/* .wrapper{
    margin-top: 50px;
  } */

.wrapper h1 {
    /* font-size: 2rem; */
    margin-bottom: 60px;
    /* text-align: center; */
}

.team {
    margin-top: 6rem;
    display: flex;
    justify-content: center;
    width: auto;
    text-align: center;
    flex-wrap: wrap;
}

.team .team_member {
    background: #fff;
    margin: 5px;
    margin-bottom: 50px;
    width: 300px;
    padding: 20px;
    line-height: 20px;
    color: #8e8b8b;
    position: relative;
}

.team .team_member h3 {
    color: #000000;
    font-size: 1.6rem;
    margin-top: 50px;
}

.team .team_member p.role {
    /* color: rgb(0, 0, 0); */
    color: #0e0d0d;
    margin: 12px 0;
    font-size: 12px;
    text-transform: uppercase;
}

.team .team_member .team_img {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    /* background: #000; */
}

.team .team_member .team_img img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    padding: 5px;
    object-fit: cover;
}

/* detalles productos */

.productos__modal article::first-letter {
    text-transform: uppercase;
}
.productos__modal article {
    padding: 0.4rem 1rem;
    border-radius: 20px;
    cursor: pointer;
    background-color: #fff;
    color: #000;
    text-transform: lowercase;
    font-size: 1rem;
}
.productos__modal.active {
    visibility: visible;
    opacity: 1;
    pointer-events: fill;
}
.productos__modal {
    transition: 0.3s ease all;
    width: 100%;
    position: absolute;
    flex-wrap: wrap;
    flex-wrap: wrap;
    top: 3rem;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding: 1rem 0.5rem;
    background-color: #004899;
}
.p-detalles {
    margin-top: 7rem;
    width: 100%;
}
.p-detalles .c-detalles {
    width: 100%;
}
.p-detalles .c-detalles .details {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.p-detalles .c-detalles .details article {
    width: 50%;
}
.p-detalles .c-detalles .details .a-img img {
    width: 90%;
    object-fit: cover;
}
.p-detalles .c-detalles .details .a-text h2 {
    font-size: 2.1rem;
}
.p-detalles .c-detalles .details .a-text .price {
    font-weight: bold;
    font-size: 1.6rem;
    margin: 0.8rem 0;
}
.p-detalles .c-detalles .details .a-text .des {
    font-size: 1.2rem;
}
.p-detalles .c-detalles .details .a-text .button {
    background-color: #07a7e2;
    border: none;
    outline: none;
    color: #fff;
    cursor: pointer;
    padding: 0.7rem 0.9rem;
    font-weight: bold;
    font-size: 1.1rem;
    margin: 0.5rem 0;
    border-radius: 20px;
    text-decoration: none;
}
.p-detalles .c-detalles .details .a-text .categories {
    font-size: 1.2rem;
    margin: 0.8rem 0;
}
.p-detalles .c-detalles .reseñas {
    width: 100%;
}
.p-detalles .c-detalles .reseñas .title-r {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.p-detalles .c-detalles .reseñas .title-r p.active-r {
    border-bottom: 3px solid #000;
}
.p-detalles .c-detalles .reseñas .title-r p {
    cursor: pointer;
    text-align: center;
    margin: 0.4rem 0.5rem;
    width: auto;
    font-weight: bold;
    font-size: 1.9rem;
}
.p-detalles .c-detalles .reseñas .content-reseña h2 {
    font-size: 1.5rem;
    margin: 1rem 0;
}
.p-detalles .c-detalles .reseñas .content-reseña p {
    font-size: 1.2rem;
    margin: 0.6rem 0;
}
.p-detalles .c-detalles .relacionados {
    margin-top: 4rem;
}
.p-detalles .c-detalles .relacionados h2 {
    font-size: 2rem;
    margin: 2rem 0;
    text-align: center;
}
.p-detalles .c-detalles .relacionados .content-reacionados {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.p-detalles
    .c-detalles
    .relacionados
    .content-reacionados
    article:hover
    .icons-p {
    display: block;
}
.p-detalles .c-detalles .relacionados .content-reacionados article {
    width: 20rem;
    margin: 0.8rem;
    text-align: center;
    padding: 1rem 0;
    border: 1.3px solid rgba(0, 0, 0, 0.074);
    transition: 0.4s ease all;
    position: relative;
}
.p-detalles .c-detalles .relacionados .content-reacionados article .icons-p {
    position: absolute;
    top: 47%;
    display: none;
    width: 100%;
}
.p-detalles
    .c-detalles
    .relacionados
    .content-reacionados
    article
    .icons-p
    ion-icon:hover {
    background-color: #000;
    font-weight: bold;
}
.p-detalles .c-detalles .relacionados .content-reacionados article .price {
    font-size: 1.2rem;
    font-weight: bold;
    margin: 0.6rem 0;
}
.p-detalles .c-detalles .relacionados .content-reacionados article .icons-p a {
    text-decoration: none;
}
.p-detalles
    .c-detalles
    .relacionados
    .content-reacionados
    article
    .icons-p
    ion-icon {
    margin: 0 -1px;
    background-color: rgba(19, 19, 19, 0.586);
    color: #fff;
    cursor: pointer;
    padding: 1rem;
}
.p-detalles .c-detalles .relacionados .content-reacionados article img {
    width: 100%;
}
.p-detalles .c-detalles .relacionados .content-reacionados article:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
/* productos */
.productos {
    width: 100%;
    margin-top: 5rem;
}
.productos .container-p {
    width: 100%;
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
}
.productos .container-p .p-select {
    width: 27%;
}
.productos .container-p .p-select .cont1,
.productos .container-p .p-select .cont2 {
    background-color: #fff;
    box-shadow: 0 16px 32px 0 rgba(7, 28, 31, 0.1);
    padding: 1.3rem 1.3rem;
    height: auto;
    overflow: hidden;
    margin: 3rem 0;
}
.productos .container-p .p-select .cont1 h2,
.productos .container-p .p-select .cont2 h2 {
    font-size: 1.4rem;
    margin: 1rem 0;
}

.productos .container-p .p-select .cont1 .arr,
.productos .container-p .p-select .cont2 .arr2 {
    display: flex;
    font-size: 1.2rem;
    justify-content: space-between;
    align-items: center;
    margin-left: 0.7rem;
}
.productos .container-p .p-select .cont1 .box-i,
.productos .container-p .p-select .cont2 .box-i2 {
    margin-left: 1rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
    width: calc(100% - 1rem);
    height: 2.4rem;
    border: none;
    border: 1px solid #000;
    border-radius: 6px;
    outline: none;
    padding: 0.3rem 0.7rem;
}

.productos .container-p .p-select .cont1 .scroll-selects.scroll-auto,
.productos .container-p .p-select .cont2 .scroll-selects2.scroll-auto {
    height: auto;
}
.productos .container-p .p-select .cont1 .scroll-selects,
.productos .container-p .p-select .cont2 .scroll-selects2 {
    height: 0;
}
.productos .container-p .p-select .cont1 .selects,
.productos .container-p .p-select .cont2 .selects2 {
    margin-left: 1rem;
    max-height: 20rem;
    height: auto;
    overflow: auto;
}
.productos .container-p .p-select .cont1 .selects div.hidden,
.productos .container-p .p-select .cont2 .selects2 div.hidden {
    display: none;
}
.productos .container-p .p-select .cont1 .selects div,
.productos .container-p .p-select .cont2 .selects2 div {
    margin-bottom: 0.5rem;
}
.productos .container-p .p-select .cont1 .selects div label,
.productos .container-p .p-select .cont2 .selects2 div label {
    font-size: 1.1rem;
    text-transform: capitalize;
}

.productos .container-p .description-p {
    width: 70%;
}
.productos .container-p .description-p .content-pictures {
    width: 100%;
}
.productos .container-p .description-p .content-pictures .article-p {
    margin-top: 6rem;
    width: 100%;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    flex-wrap: wrap;
}
.productos
    .container-p
    .description-p
    .content-pictures
    .article-p
    article:hover
    .icons-p {
    display: block;
}
.productos .container-p .description-p .content-pictures .article-p article {
    width: 30%;
    margin: 0.8rem;
    text-align: center;
    padding: 1rem 0;
    border: 1.3px solid rgba(0, 0, 0, 0.074);
    transition: 0.4s ease all;
    position: relative;
}
.productos
    .container-p
    .description-p
    .content-pictures
    .article-p
    article
    .icons-p {
    position: absolute;
    top: 47%;
    display: none;
    width: 100%;
}
.productos
    .container-p
    .description-p
    .content-pictures
    .article-p
    article
    .icons-p
    ion-icon:hover {
    background-color: #000;
    font-weight: bold;
}
.productos
    .container-p
    .description-p
    .content-pictures
    .article-p
    article
    .icons-p
    a {
    text-decoration: none;
}
.productos
    .container-p
    .description-p
    .content-pictures
    .article-p
    article
    .icons-p
    ion-icon {
    margin: 0 -1px;
    background-color: rgba(19, 19, 19, 0.586);
    color: #fff;
    cursor: pointer;
    padding: 1rem;
}
.productos
    .container-p
    .description-p
    .content-pictures
    .article-p
    article:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}
.productos .container-p .description-p .content-pictures .article-p article b {
    font-size: 1.2rem;
}
.productos .container-p .description-p .content-pictures .article-p article p {
    margin-top: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
}
.productos
    .container-p
    .description-p
    .content-pictures
    .article-p
    article
    img {
    width: 100%;
}
.productos .container-p .description-p .content-pictures .num-p,
.num-p {
    margin-top: 2rem;
    text-align: center;
}
.productos .container-p .description-p .content-pictures .num-p button:hover,
.num-p button:hover {
    background-color: #000;
    font-weight: bold;
}
.productos .container-p .description-p .content-pictures .num-p button,
.num-p button {
    background-color: rgba(19, 19, 19, 0.586);
    color: #fff;
    cursor: pointer;
    padding: 1rem 1.2rem;
    border: none;
    outline: none;
}

/* login form */
.login-form.active {
    display: flex;
    /* right: 0; */
}
.login-form h3 {
    text-transform: uppercase;
    font-size: 1.3rem;
    margin-bottom: 1rem;
}
.login-form .close {
    position: absolute;
    top: 10px;
    cursor: pointer;
    right: 20px;
    font-size: 3rem;
}
.login-form {
    width: 20rem;
    position: fixed;
    right: 0%;
    top: 7rem;
    text-align: center;
    color: #fff;
    height: 35rem;
    transition: 0.2s ease all;
    display: none;
    align-items: center;
    background-color: #000;
    padding: 0 1.6rem;
    z-index: 1200;
}
.login-form input[type="email"],
.login-form input[type="password"] {
    width: 90%;
    border: 1px solid #07a7e2;
    outline: none;
    padding: 0.5rem 0.4rem;
    border-radius: 20px;
    margin: 0.4rem 0;
}
.login-form p {
    margin: 0.4rem 0;
}
.login-form a {
    text-decoration: none;
    color: #07a7e2;
}
.login-form .remember {
    font-size: 1.3rem;
}
.login-form .button-login {
    background-color: #07a7e2;
    border: none;
    outline: none;
    color: #fff;
    padding: 0.4rem 0;
    width: 9.5rem;
    font-size: 1.1rem;
    font-weight: 500;
    margin: 0.5rem 0;
    border-radius: 20px;
}
.registrer-form.active {
    display: flex;
}
.registrer-form h3 {
    text-transform: uppercase;
    font-size: 1.3rem;
    margin-bottom: 1rem;
}
.registrer-form .close {
    position: absolute;
    top: 10px;
    cursor: pointer;
    right: 20px;
    font-size: 3rem;
}
.registrer-form {
    width: 20rem;
    position: fixed;
    right: 0%;
    top: 7rem;
    text-align: center;
    background-color: #000;
    color: #fff;
    height: 35rem;
    transition: 0.2s ease all;
    display: none;
    align-items: center;
    padding: 0 1.6rem;
    z-index: 1200;
}
.registrer-form input[type="email"],
.registrer-form input[type="text"],
.registrer-form input[type="tel"],
.registrer-form input[type="date"],
.registrer-form select,
.registrer-form input[type="password"] {
    width: 90%;
    border: 1px solid #07a7e2;
    outline: none;
    padding: 0.5rem 0.4rem;
    border-radius: 20px;
    margin: 0.4rem 0;
}
.registrer-form p {
    margin: 0.4rem 0;
}
.registrer-form a {
    text-decoration: none;
    color: #07a7e2;
}
.registrer-form .remember {
    font-size: 1.3rem;
}
.registrer-form .button-form {
    background-color: #07a7e2;
    border: none;
    outline: none;
    color: #fff;
    padding: 0.4rem 0;
    width: 9.5rem;
    font-size: 1.1rem;
    font-weight: 500;
    margin: 0.5rem 0;
    border-radius: 20px;
}

.search {
    padding-top: 7.6rem;
    padding-left: 4rem;
    padding-right: 4rem;
}
.search .search-input {
    height: 2.1rem;
    position: relative;
    width: 37rem;
    margin-top: 1.4rem;
}
.search .search-input input[type="search"] {
    height: 100%;
    width: 100%;
    border: 1px solid #07a7e2;
    padding: 0 0.5rem;
    outline: none;
}
.search .search-input .button {
    position: absolute;
    right: 0;
    height: 100%;
    background-color: #07a7e2;
    border: none;
    outline: none;
    color: #fff;
    width: 7.5rem;
}
.search .enlaces {
    margin-top: 0rem;
}
.search .enlaces a {
    color: rgb(139, 126, 126);
    text-decoration: none;
    margin-right: 0.3rem;
}
.search .enlaces a:active {
    color: inherit;
}

.filtros {
    margin: 1rem 0;
}
.filtros nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 4rem;
}
.filtros nav .p:hover {
    text-decoration: underline;
}
.filtros nav .p {
    margin: 0 0.3rem;
}
.filtros nav p {
    cursor: pointer;
    font-size: 0.8rem;
    /* margin: 0 0.3rem; */
    color: #000;
}
.filtros nav .link {
    color: #a8a8a2;
    font-size: 0.8rem;
    /* margin: 0 0.2rem; */
    padding: 0.6rem 0.9rem;
}
.active-f {
    text-decoration: underline;
}
.filtros nav .link-w {
    width: 15.7%;
}
.filtros nav .link.active {
    background-color: rgba(0, 0, 0, 0.456);
    color: #fff;
    padding: 0.6rem 0.9rem;
}
.filtros .category {
    background-image: url("http://hongkong.chinajack.com.cn/attach/picture/2021/08/25/202108251045121656.jpg");
    height: 23rem;
    padding: 0 4rem;
    display: flex;
    /* overflow: auto; */
}
.filtros .category .list {
    padding-top: 0.4rem;
    overflow: auto;
    width: 15.7%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.403);
}
.filtros .category .list p:hover {
    background-color: #fff;
    color: #000;
    text-decoration: underline;
    text-decoration-color: rgb(0, 0, 0);
}
.filtros .category .list p {
    padding: 0.7rem;
    color: #fff;
    font-size: 1rem;
}
.filtros .category .content-img {
    height: 100%;
    /* width: calc(100% -12.76rem); */
    width: 84.3%;
    background-color: rgba(0, 0, 0, 0.63);
    overflow: auto;
    padding: 1rem;
}

.filtros .category .content-img .title {
    margin-left: 1rem;
    color: #fff;
}
.filtros .category .content-img .article-imgs {
    margin-top: 1.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.filtros .category .content-img .article-imgs article {
    width: 8rem;
    color: #fff;
    margin: 0.5rem;
    text-align: center;
}
.filtros .category .content-img .article-imgs article img {
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.main {
    width: 100%;
    min-width: 100%;
}

.modelos {
    width: 100%;
}
.title-s {
    width: 100%;
    font-size: 1.1rem;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #07a7e2;
}
.modelos .content-m {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    flex-wrap: wrap;
    align-items: center;
}
.modelos .content-m article {
    width: 25%;
    text-align: center;
}
.modelos .content-m article img {
    outline: none;
    border: none;
    width: 100%;
    object-fit: cover;
}

/* formulario */
.section-form {
    margin-top: 7rem;
    width: 100%;
    padding: 2rem 3%;
    background-color: #eee;
}
.form-contenedor .form-title {
    text-align: center;
    font-size: 2rem;
    text-transform: uppercase;
    margin-bottom: 5rem;
}
.contendorp-form {
    display: flex;
    justify-content: space-between;
}
.contendorp-form .article-form1 {
    width: 70%;
}
.contendorp-form .article-form1 h2 {
    font-size: 1.5rem !important;
}
.contendorp-form .article-form1 label {
    font-size: 1rem !important;
    color: rgba(1, 1, 1, 0.833);
    margin-bottom: 0.2rem;
}

.article-form1 .content1,
.article-form1 .content2,
.article-form1 .content3 {
    background-color: white;
    width: 97%;
    border-radius: 10px;
    padding: 20px;
    margin: 4rem 0;
}
.article-form1 .content1 h2,
.article-form1 .content2 h2,
.article-form1 .content3 h2 {
    font-size: 1.7rem;
    margin-bottom: 3rem;
}

.article-form1 .content1 .text2,
.article-form1 .content1 .text1,
.article-form1 .content1 .text3,
.article-form1 .content2 .text2,
.article-form1 .content3 .text2,
.article-form1 .content2 .text4,
.article-form1 .content3 .text6,
.article-form1 .content3 .text7 {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.article-form1 .content1 .text1 [type="text"],
.article-form1 .content1 .text1 select,
.article-form1 .content1 .text2 [type="text"],
.article-form1 .content1 .text3 [type="text"],
.article-form1 .content2 .text2 [type="text"],
.article-form1 .content2 .text3 [type="text"],
.article-form1 .content2 .text4 [type="text"],
.article-form1 .content2 .text4 select,
.article-form1 .content3 .text6 [type="text"],
.article-form1 .content3 .text7 [type="text"] {
    background-color: #eee;
    width: 100%;
    outline: none;
    height: 2.6rem !important;
    border-radius: 15px !important;
    padding: 0 20px;
    border: none;
}
.article-form1 .content1 .text1 div,
.article-form1 .content1 .text2 div,
.article-form1 .content1 .text3 div,
.article-form1 .content2 .text2 div,
.article-form1 .content2 .text3 div,
.article-form1 .content2 .text4 div,
.article-form1 .content3 .text6 div,
.article-form1 .content3 .text7 div {
    width: 45%;
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
}

#comprobante {
    background-color: #eee;
    width: 100%;
    height: 5rem;
    border-radius: 20px;
}

.article-form1 .content3 .text8 {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.article-form1 .content3 .text8 [type="text"] {
    background-color: #eee;
    width: 100%;
    outline: none;
    height: 3rem !important;
    border-radius: 15px !important;
    padding: 0 20px;
    border: none;
}
.article-form1 .content3 .text8 div {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
}

.form-contenedor .content-btnform a {
    width: auto;
}
.form-contenedor .content-btnform {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.form-contenedor .button {
    width: 11rem !important;
    cursor: pointer;
    text-align: center;
    margin: 0 0.8rem;
    text-decoration: none;
    background-color: #07a7e2;
    border: none;
    outline: none;
    color: #fff;
    padding: 0.7rem 0.6rem !important;
    font-weight: bold;
    font-size: 1.1rem;
    margin: 0.5rem 0.9rem;
    border-radius: 20px;
}

.article-form2 {
    width: 30%;
    margin: 4rem 0;
}
.article-form2 h2 {
    font-size: 1.2rem;
    margin-bottom: 2rem;
}
.article-form2 .article-details.auto-f {
    height: auto;
}
.article-form2 .article-details {
    background-color: #fff;
    height: 4.5rem;
    overflow: hidden;
    padding: 1.6rem;
    border-radius: 10px;
    transition: 0.2s ease all;
}
.article-form2 .article-details article .info1 {
    display: flex;
    justify-content: space-between;
    font-size: 1rem;
    color: gray;
}
.article-form2 .article-details article .info1 .scroll-p {
    text-decoration: underline;
    cursor: pointer;
}
.article-form2 .article-details article .img-p {
    display: flex;
    align-items: center;
    margin: 1.5rem 0;
    justify-content: space-between;
}
.article-form2 .article-details article .img-p .div-img {
    width: 20%;
}
.article-form2 .article-details article .img-p .div-img img {
    width: 100%;
    object-fit: cover;
}
.article-form2 .article-details article .img-p .div-text {
    width: 77%;
}
.article-form2 .article-details article .img-p .div-text p {
    color: gray;
    font-size: 0.9rem;
}
.article-form2 .article-details article .img-p .div-text b {
    display: flex;
    font-size: 0.9rem;
    justify-content: space-between;
    margin-bottom: 0.6rem;
}
.article-form2 .article-details article .img-p .div-text b span {
    color: gray;
    font-weight: 100;
}
.article-form2 .article-details article .cart-f {
    color: gray;
    font-size: 1rem;
    text-decoration: underline;
}
.article-form2 .article-details article .total-p {
    margin: 2rem 0;
}
.article-form2 .article-details article .total-p p,
.article-form2 .article-details article .total-p b {
    display: flex;
    font-size: 1rem;
    justify-content: space-between;
    align-items: center;
    margin: 1.2rem 0;
}
.article-form2 .article-details article .input-c {
    display: flex;
    align-items: center;
    margin: 1.1rem 0;
}
.article-form2 .article-details article .input-c .checkbox {
    width: 2.4rem;
    height: 2.4rem;
}
.article-form2 .article-details article .input-c #check2 {
    width: 4.7rem;
    height: 4.7rem;
}
.article-form2 .article-details article .input-c label {
    font-size: 0.9rem;
    margin-left: 0.9rem;
    color: #000;
}
.article-form2 .article-details article .input-c label a {
    color: inherit;
}
.article-form2 .article-details article .input-c label a:active {
    color: inherit;
}

.new {
    width: 100%;
}
.new .contenedor-new {
    display: flex;
    flex-wrap: wrap;
    height: 30rem;
}
.new .contenedor-new .article-img {
    width: 25%;
    height: 100%;
}
.new .contenedor-new .article-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.new .contenedor-new .article-text {
    width: 75%;
    height: 100%;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    flex-wrap: wrap;
}
.new .contenedor-new .article-text .div-a {
    text-align: center;
    width: 12rem;
    height: auto;
    margin: 0.5rem;
}

.new .contenedor-new .article-text .div-a img {
    width: 100%;
    object-fit: cover;
}
.new .contenedor-new .article-text .div-a .prices {
    display: flex;
    justify-content: space-between;
    padding: 0 1rem;
    margin: 0.5rem 0;
}
.new .contenedor-new .article-text .div-a .prices .price {
    color: #07a7e2;
}

/* cart */
/* .contenedor-carrito {
    width: 100%;
    margin: 0;
    padding: 6rem 2rem;
}
.contenedor-carrito .title {
    font-size: 2.4rem;
    text-align: center;
    margin: 3rem 0;
}
.contenedor-carrito .content-car article {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #000;
    padding: 2rem 0;
    border-radius: 20px;
}
.contenedor-carrito .content-car article div {
    min-width: 20%;
    text-align: center;
}
.contenedor-carrito .content-car article .trash {
    font-size: 1.7rem;
    cursor: pointer;
}
.contenedor-carrito .content-car article .trash:hover {
    color: #003030;
}
.contenedor-carrito .content-car article img {
    width: 5rem;
    object-fit: cover;
}
.contenedor-carrito .content-resume {
    margin-top: 3rem;
    width: 100%;
    display: flex;
    justify-content: end;
}
.contenedor-carrito .content-resume article {
    width: 40%;
}
.contenedor-carrito .content-resume article p {
    position: relative;
    background-color: #00000017;
    border-radius: 10px;
    padding: 1rem;
    margin: 1rem 0;
}
.contenedor-carrito .content-resume article p b {
    position: absolute;
    right: 10px;
}
.contenedor-carrito .content-resume article .banner-btn {
    background-color: #07a7e2;
    border: none;
    outline: none;
    color: #fff;
    padding: 0.4rem 1rem;
    cursor: pointer;
    font-size: 1.1rem;
    font-weight: 500;
    margin: 0.5rem 0;
    border-radius: 20px;
} */

/* detalle del blog */
.blogs__detalles {
    margin-top: 7rem;
    padding-top: 2rem;
}
.blogs-detalle {
    display: flex;
    /* padding:4rem; */
    justify-content: space-between;
}
.blogs-detalle .detalle-text {
    width: 65%;
}
.blogs-detalle .detalle-recientes {
    width: 33%;
}
.blogs-detalle .detalle-recientes h2 {
    font-size: 1.5rem;
}
.blogs-detalle .detalle-recientes .blogs-recent {
    display: flex;
    margin-top: 2rem;
    flex-direction: column;
}
.blogs-detalle .detalle-recientes .blogs-recent article button {
    width: 13rem;
}
.blogs-detalle .detalle-recientes .blogs-recent article {
    width: 80%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: linear-gradient(to top, #00000084 0%, #0000007d 100%),
        url(https://cdn.pixabay.com/photo/2016/11/19/09/44/antique-1838324_1280.jpg);
    padding: 1rem;
    border-radius: 20px;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 16rem;
    margin: 1rem 0;
}
.blogs-detalle .detalle-recientes .blogs-recent article h3 {
    font-size: 1.2rem;
}
.blogs-detalle .detalle-recientes .blogs-recent article .btn-p {
    margin: 0.5rem 0;
}
.blogs-detalle .detalle-recientes .blogs-recent article p {
    margin: 0.5rem 0;
    font-size: 1rem;
}
.blogs-detalle .detalle-recientes .blogs-recent article img {
    width: 60%;
    object-fit: contain;
}
.blogs-detalle .detalle-text h2 {
    font-size: 1.8rem;
}
.blogs-detalle .detalle-text small {
    font-size: 0.9rem;
    display: block;
    margin: 0.3rem 0;
}
.blogs-detalle .detalle-text img {
    width: 80%;
    object-fit: contain;
    display: block;
}
.blogs-detalle .detalle-text .text-bd p {
    font-size: 1.1rem;
    text-align: justify;
}
.blogs-detalle .detalle-text .text-bd {
    font-size: 1rem;
}
.blogs-detalle .detalle-text .text-bd {
    display: flex;
    gap: 2rem;
    flex-direction: column;
}
.detalles-btn {
    margin: 2rem 0;
}

.link-header-top {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

.link-header-top:hover {
    text-decoration: underline;
}

.blogs_todos {
    width: 100%;
    margin-top: 140px;
    margin-bottom: 140px;
    padding: 0 5rem;
}
.blogs_todos .categorias__blogs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}
.blogs_todos .contenedor__todos-blogs {
    width: 30rem;
}

.blogs_todos .contenedor__todos-blogs {
    margin: 4rem auto;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem;
}
.blog-post {
    width: 320px;
    background-color: #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
    /* margin-bottom: 20px; */
}

.blog-post .image img {
    width: 100%;
    height: 12rem;
}

.blog-post .content {
    padding: 10px;
}

.blog-post .date {
    font-size: 14px;
    color: #888;
    margin-bottom: 10px;
}

.blog-post .title {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}

.blog-post a {
    text-decoration: none;
    margin-bottom: 1rem;
    display: block;
    width: 6rem;
}
.blog-post .read-more {
    display: inline-block; /* Mostrar en línea */
    text-decoration: none; /* Sin subrayado */
    color: #fff; /* Color de fuente del botón */
    background-color: #007bff; /* Color de fondo del botón */
    padding: 8px 16px; /* Espaciado interno del botón */
    border-radius: 4px; /* Borde redondeado del botón */
    transition: background-color 0.3s ease; /* Transición suave */
}

.blog-post .read-more:hover {
    background-color: #0056b3; /* Color de fondo del botón al pasar el cursor */
}

.blog {
    margin-top: 8rem;
}
.blog h1 {
    text-align: center;
    font-size: 2rem;
}

.blog .box-container {
    margin-top: 3rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(17rem, 1fr)) [auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
    gap: 2rem;
}

.blog .box-container .box {
    border: 1px solid #000;
    background: #f6fbf6;
    -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}

/* .blog .box-container .box:hover .image img {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  } */

.blog .box-container .box .image {
    height: 12rem;
    width: 100%;
    overflow: hidden;
}

.blog .box-container .box .image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.blog .box-container .box .content {
    padding: 1.5rem 2rem;
}

.blog .box-container .box .content h3 {
    font-size: 1.3rem;
    color: #000000;
    text-transform: capitalize;
}

.blog .box-container .box .content p {
    font-size: 1rem;
    color: #779;
    line-height: 2;
    padding: 1rem 0;
}

.blog .box-container .box .content .icons {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 0.1rem solid #1e3f74;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.blog .box-container .box .content .icons a {
    font-size: 1.4rem;
    color: #779;
}

.blog .box-container .box .content .icons a:hover {
    color: #1e3f74;
}

.blog .box-container .box .content .icons a i {
    padding-right: 0.5rem;
    color: #1e3f74;
}
.blog .box-container .box .content .button {
    background-color: #07a7e2;
    border: none;
    outline: none;
    color: #fff;
    padding: 0.4rem 0.6rem;
    font-weight: bold;
    font-size: 1.1rem;
    margin: 0.5rem 0;
    border-radius: 20px;
    text-decoration: none;
}

.detalle-blog {
    width: 100%;
    margin-top: 8rem;
}
.detalle-blog .container-detailsb {
    width: inherit;
}
.detalle-blog .container-detailsb .content1-details {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
}
.detalle-blog .container-detailsb .content1-details .article1 small {
    font-size: 0.9rem;
}
.detalle-blog .container-detailsb .content1-details .article1 p {
    font-size: 1.1rem;
}
.detalle-blog .container-detailsb .content1-details .article1 h2 {
    font-size: 1.8rem;
}
.detalle-blog .container-detailsb .content1-details .article1 img {
    width: 70%;
    object-fit: cover;
}
.detalle-blog .container-detailsb .content1-details .article1 {
    width: 70%;
    display: flex;
    flex-direction: column;
}
.detalle-blog .container-detailsb .content1-details .article2 {
    width: 27%;
}
.detalle-blog .container-detailsb .content1-details .article2 h3 {
    font-size: 1.4rem !important;
}
.detalle-blog
    .container-detailsb
    .content1-details
    .article2
    .relations-details {
    width: 100%;
}
.detalle-blog
    .container-detailsb
    .content1-details
    .article2
    .relations-details
    div {
    width: 80%;
    margin: 2rem 0;
    /* height: 25rem; */
    overflow: hidden;
    position: relative;
}
/* .detalle-blog .container-detailsb .content1-details .article2 .relations-details div:hover .parrafo-b{
    bottom: 0;
  } */
.detalle-blog
    .container-detailsb
    .content1-details
    .article2
    .relations-details
    div
    img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.detalle-blog
    .container-detailsb
    .content1-details
    .article2
    .relations-details
    div
    p {
    position: absolute;
    bottom: 0rem;
    /* font-weight: bold; */
    color: #fff;
    width: 100%;
    background-color: #000000d5;
    font-size: 1.2rem;
    padding: 0.8rem 0.3rem;
}
.detalle-blog .container-detailsb .content1-details .article2 h3 {
    font-size: 2rem;
    margin: 2rem 0;
}
.detalle-blog .container-detailsb .content1-details article h2 {
    font-size: 2.7rem;
    margin-bottom: 1rem;
}
.detalle-blog .container-detailsb .content1-details article img {
    width: 40rem;
    object-fit: cover;
    margin: 1rem 0;
}
.detalle-blog .container-detailsb .content1-details article small {
    margin-top: -1rem;
    font-size: 1.3rem;
}
.detalle-blog .container-detailsb .content1-details article p {
    font-size: 1.7rem;
}
.blog-recent {
    margin: 4rem 0;
}
.blog-recent h2 {
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 3rem;
}
.blog-recent .blog-recentd {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.blog-recent .blog-recentd article {
    cursor: pointer;
    margin: 0 1.3rem;
    width: 19rem;
}
.blog-recent .blog-recentd article img {
    width: 100%;
    object-fit: cover;
}
.blog-recent .blog-recentd article h3 {
    margin: 1rem 0;
    font-size: 1.5rem;
}
.blog-recent .blog-recentd article p {
    font-size: 1.1rem;
}

/* contact */
.contact {
    /* height: 100%; */
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5rem;
    /* background-color: #f2f2f2; */
}

.contact__image-wrapper {
    height: 100%;
    width: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact__image {
    width: 100%;
}

.contact__right-side {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding: 0 7.3% 0 4.7%;
    width: 50%;
}

.contact__title {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 70px;
    text-transform: uppercase;
}

.contact__form-wrapper,
.contact__input-line {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
}

.contact__input-line {
    margin-bottom: 45px;
}

.contact__label {
    font-size: 1rem;
    font-weight: 600;
}

.contact__input {
    height: 30px;
    outline: none;
    padding: 5px 0;
    border-bottom: 2px solid #121212;
    border-top: none;
    border-left: none;
    border-right: none;
    width: 100%;
    color: #121212;
    background-color: transparent;
}

.contact__input--textarea {
    height: 100px;
    outline: none;
    padding: 5px 0;
    border-bottom: 2px solid #121212;
    border-top: none;
    border-left: none;
    border-right: none;
    width: 100%;
    color: #121212;
    resize: none;
    background-color: transparent;
}

.contact__submit-button {
    /* padding: 18px 55px;
    background-color: #121212;
    border-radius: 50px;
    color: #f2f2f2;
    font-weight: 600;
    border: none;
    font-size: 18px;
    cursor: pointer; */
    background-color: #07a7e2;
    border: none;
    outline: none;
    color: #fff;
    padding: 0.9rem 1.1rem;
    font-weight: bold;
    font-size: 1.1rem;
    margin: 0.5rem 0;
    border-radius: 20px;
    text-decoration: none;
}

.contact__submit-button:hover {
    background-color: #2e2e2e;
}

/* categorias */
.category2 {
    margin-top: 8rem;
}
.category2 h2 {
    font-size: 2.2rem;
    margin-bottom: 3rem;
    text-align: center;
}
.container {
    width: 100%;
    max-width: 1200px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
}

.container .card {
    width: 330px;
    height: 430px;
    border-radius: 8px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    margin: 20px;
    text-align: center;
    transition: all 0.25s;
}

.container .card:hover {
    transform: translateY(-15px);
    box-shadow: 0 12px 16px rgba(0, 0, 0, 0.2);
}

.container .card img {
    width: 330px;
    height: 220px;
}

.container .card h4 {
    font-weight: 600;
    font-size: 1.3rem;
    margin: 0.4rem 0;
}

.container .card p {
    padding: 0 1rem;
    font-size: 16px;
    font-weight: 300;
}

.container .card .button {
    background-color: #07a7e2;
    border: none;
    outline: none;
    color: #fff;
    padding: 0.4rem 0.6rem;
    font-weight: bold;
    font-size: 1.1rem;
    border-radius: 20px;
    text-decoration: none;
    margin-top: 1rem;
}

.marcas {
    margin-top: 140px;
}
.our-clients {
    margin: 3rem auto;
    width: 100%;
    height: auto;
    text-align: center;
}

.our-clients ul {
    padding: 0;
    margin: 0;
}

.our-clients ul li p {
    font-size: 1rem;
}
.our-clients ul li {
    list-style: none;
    display: inline-block;
    width: 20rem;
    position: relative;
    /* overflow: hidden; */
    cursor: pointer;
    margin: 10px;
    box-shadow: 0px 0px 10px -7px #555;
    padding: 2rem;
    transition: 0.5s;
}

.img_marcass {
    width: 10rem;
    height: 2rem;
    object-fit: contain;
}
.about {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 4.3rem;
}
.about .image {
    width: 50%;
}
.about .image img {
    width: 95%;
}
.about .content {
    width: 50%;
}
.about .content span {
    font-size: 2rem;
    font-weight: bold;
    text-transform: uppercase;
}
.about .content h3 {
    margin: 1rem 0;
    font-size: 1.5rem;
}
.about .content p {
    font-size: 1rem;
}
/* services */
.services .box-container {
    margin-top: 3rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(10rem, 1fr)) [auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    gap: 1.5rem;
}

.services .box-container .box {
    padding: 2rem;
    text-align: center;
    border: 0.1rem solid #010101;
}

.services .box-container .box img {
    height: 8rem;
    margin-bottom: 1rem;
}

.services .box-container .box h3 {
    font-size: 1.4rem;
    color: #1e3f74;
}

.services .box-container .box .button {
    background-color: #07a7e2;
    border: none;
    outline: none;
    color: #fff;
    padding: 0.4rem 0.6rem;
    font-weight: bold;
    font-size: 1.1rem;
    font-weight: 500;
    margin: 0.5rem 0;
    border-radius: 20px;
    text-decoration: none;
}
.services .box-container .box p {
    font-size: 1rem;
    color: #779;
    line-height: 2;
    padding: 1rem 0;
}

.brands {
    width: 100%;
}
.brands .contenedor-marcas {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
}
.brands .contenedor-marcas img {
    width: 22%;
    object-fit: cover;
    margin: 1rem;
}

.testimonial {
    width: 100%;
}
.testimonial .content-test {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 2rem;
}
.testimonial .content-test article h2 {
    margin: 0.7rem 0;
}
.testimonial .content-test article {
    width: 20rem;
    margin: 2rem 1rem;
    text-align: center;
    /* background-color: red; */
}
.testimonial .content-test article img {
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
}

/* footer */

.footer {
    background: #f6fbf6;
    padding: 2rem 7%;
}

.footer .box-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(15rem, 1fr)) [auto-fit];
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: 1.5rem;
}

.footer .box-container .box h3 {
    font-size: 1.4rem;
    color: #1e3f74;
    padding: 1rem 0;
}

.footer .box-container .box p {
    font-size: 1.1rem;
    color: #779;
    padding-bottom: 1rem;
}

.footer .box-container .box a {
    font-size: 1.1rem;
    color: #779;
    padding: 1rem 0;
    display: block;
    text-decoration: none;
}

.footer .box-container .box a:hover {
    color: #1e3f74;
}

.footer .box-container .box a:hover i {
    padding-right: 2rem;
}

.footer .box-container .box a i {
    padding-right: 0.5rem;
    color: #1e3f74;
}

.footer .box-container .box form input[type="submit"] {
    background-color: #07a7e2;
    border: none;
    outline: none;
    color: #fff;
    padding: 0.4rem 0.6rem;
    font-weight: bold;
    font-size: 1.1rem;
    margin: 0.5rem 0;
    border-radius: 20px;
    text-decoration: none;
}
.footer .box-container .box form input[type="email"] {
    width: 80%;
    padding: 0.6rem 0.8rem;
    font-size: 1.1rem;
    color: #1e3f74;
    text-transform: none;
    margin: 0.7rem 0;
    border: 0.1rem solid #1e3f74;
}

@media (max-width: 964px) {
    .imagenes--categorias article img {
        transition: .3s ease all;
        border-radius: 20px;
        height: 100%;
    }
    .imagenes--categorias article h2 {
        text-transform: uppercase;
        font-size: .9rem;
        margin-top: 10px;
    }
    .imagenes--categorias article {
        width: calc(14% - .5rem);
        background-color: #fff;
        height: 120px;
        text-align: center;
        border-radius: 20px;
        border: 1px solid rgb(194, 192, 192);
    }
    .imagenes--categorias {
        gap: 0.5rem;
        flex-wrap: wrap;
        display: flex;
        justify-content: center;
        margin-top: 140px;
        margin-bottom: 100px;
    }
    .imagenes--categorias article:hover {
        box-shadow: 9px 10px 16px -9px rgba(0, 0, 0, 0.75);
        transition: 0.5s ease all;
        border: 4px solid #025cc2;
    }

    .section__banner .right_banner{
        right: .5rem;
    }
    .section__banner .left_banner{
        left: .5rem;
    }
    .imagenes--categorias{
        height: auto;
    }
    .imagenes--categorias article{
        width: 11rem;
        margin-bottom: 60px;
    }
    .header_modal_productos{
        display: none;
    }
    .header__principal .conteneedor-header__principal nav a i{
        display: none;
    }
    .header__principal .conteneedor-header__principal nav ul{
        padding: 0;
    }
    .descuento__banner .banner--descuento{
        justify-content: center;
    }
    .descuento__banner .banner--descuento article{
        width: 60% !important;
        height: auto !important;
    }
    .article-resumen{
        width: 70%;
    }
    .blog__card div {
        width: 100%;
    }
    .content-car article {
        flex-direction: column;
        width: 45%;
        justify-content: center;
        align-items: center;
        padding: 1rem;
    }
    .content-car article div:nth-child(5) {
        bottom: -1rem;
        right: 0;
    }
    .content-car article div img {
        display: block;
        margin: 0 auto;
        width: 8rem;
    }
    .content-car article div:nth-child(3) {
        justify-content: center;
    }
    .content-car article div:nth-child(2) {
        min-width: 100%;
        width: 100%;
    }
    .content-car article div {
        margin-bottom: 1rem;
        text-align: center;
        width: 100%;
    }
    .content-resume article {
        width: 100%;
    }
    .formulario__cotizar article form {
        width: 50%;
    }
    .contenedor-datosusuario .article-resumen,
    .contenedor-datosusuario .article-form1 {
        width: 95%;
    }
    .contenedor-datosusuario {
        flex-direction: column;
    }
    .blog-post {
        width: 280px;
    }
    .cerrar__catalogo {
        display: block !important;
        position: absolute;
        top: 10%;
        left: 5%;
        width: 2rem;
        height: 2rem;
        background-color: #fff;
        border-radius: 50%;
        font-size: 2rem;
        color: #004899;
    }
    .search__responsive {
        display: block;
        margin-top: 7rem;
    }
    .banner__detalle div button.active__btn {
        background-color: #f2e117;
        color: #000;
    }
    .banner__detalle div button {
        width: 11rem;
        padding: 0 1.1rem;
    }
    .banner__detalle .div__bannerp .container__btn-responsive {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .icon__dollar {
        display: none !important;
    }
    .text__buscador {
        display: block;
    }
    .menu__buscador {
        display: flex;
        gap: 0.3rem;
        align-items: center;
    }
    .input__hidden {
        display: none;
    }
    .input__responsive {
        display: block;
    }
    .banner__detalle {
        padding: 0.5rem 1rem;
    }
    .banner__detalle .div__bannerp select {
        width: 11rem;
    }
    .banner__detalle .div__bannerp:nth-child(1) {
        display: none;
    }
    .banner__detalle .banner__responsive.visible {
        display: flex;
    }
    .banner__detalle .banner__responsive {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 50%;
        text-align: left;
        height: 100vh;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #004899;
        z-index: 500;
        gap: 1rem;
    }
    .login__form .content__login {
        width: 50%;
    }
    .blogs-detalle article {
        width: 100% !important;
    }
    .blogs-detalle .detalle-recientes .blogs-recent article {
        width: 50% !important;
    }
    .blogs-detalle {
        flex-direction: column;
    }
    .section--banner {
        height: auto;
    }
    .section--banner .contenedor--banner .article--banner {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }
    .section--banner .contenedor--banner .article--banner article {
        width: 100% !important;
    }
    .section-nosotros {
        width: 100%;
        padding: 0 1rem;
    }
    .section-nosotros .article1-nosotros .article-textnosotros {
        height: 11rem;
    }
    .section-nosotros .article1-nosotros .article-textnosotros img {
        bottom: 0;
    }
    .section-nosotros .article1-nosotros {
        overflow: hidden;
        gap: .5rem;
    }
    .section-nosotros .article1-nosotros .article-imgnosotros2{
        margin-top: 4rem;
    }
    .section-nosotros .article1-nosotros .article-imgnosotros2 iframe{
        right: 2rem;
        bottom: 2rem;
    }
    .section-nosotros .article1-nosotros article {
        width: 100%;
    }
    .contenedor__pdetalle article {
        width: 100% !important;
    }
    .contenedor__pdetalle {
        flex-direction: column-reverse;
        width: 100%;
        gap: 1rem;
    }
    .banner__header button {
        padding: 0.5rem 1rem;
    }
    .section--marcas .right_marca,
    .section--marcas .left_marca {
        transform: translateY(0%);
    }
    .section--marcas .contenedor--marcas img {
        min-width: calc(25% - 1rem);
        width: calc(25% - 1rem);
    }
    .section__suscribete .contenedor__suscribete input[type="email"] {
        width: 12rem;
    }
    .section__suscribete .contenedor__suscribete {
        flex-wrap: wrap;
    }
    .btn__product {
        font-size: 0.7rem;
        padding: 0.5rem;
    }
    .section__banner .contenedor__banner article {
        height: 40vh;
    }
    .header__principal .conteneedor-header__principal nav.nav_visible {
        display: flex;
    }
    .header__principal .conteneedor-header__principal nav .cerrar__header {
        display: block;
        position: absolute;
        top: 10%;
        left: 5%;
        width: 2rem;
        height: 2rem;
        background-color: #fff;
        border-radius: 50%;
        font-size: 2rem;
        color: #004899;
    }
    .header__principal .conteneedor-header__principal nav {
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        display: none;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        z-index: 100000;
        height: 100vh;
        background-color: #004899;
    }
    .header__principal .conteneedor-header__principal .icons__header {
        gap: 0.5rem;
    }
    .header__principal .conteneedor-header__principal .icons__header i {
        display: block !important;
    }
    .header__principal .conteneedor-header__principal {
        padding: 0 0.8rem;
    }
    .banner__header .p_desktop {
        display: none;
    }
    .banner__header .p_movil {
        display: block;
    }
    .banner__header {
        gap: 2rem;
    }
    .banner__equipo .contenedor__banner-quipo {
        padding: 0 1rem;
    }
    .banner__equipo .contenedor__banner-quipo .article1 h2 {
        font-size: 1.7rem;
        width: 14rem;
    }
    .banner__equipo .contenedor__banner-quipo img {
        width: 6rem;
        height: 18rem;
    }
    .banner__equipo .contenedor__banner-quipo .img1 {
        left: 35%;
        top: 150%;
        transform: translateY(-50%) rotate(-30deg);
    }
    .banner__equipo .contenedor__banner-quipo .img2 {
        left: 43%;
        top: 110%;
        transform: translateY(-50%) rotate(-13deg);
    }
    .banner__equipo .contenedor__banner-quipo .img3 {
        left: 50%;
        top: 110%;
        transform: translateY(-50%) rotate(10deg);
    }
    .banner__equipo .contenedor__banner-quipo .article2 div {
        width: 7rem;
        height: 7rem;
    }
    .banner__equipo .contenedor__banner-quipo .article2 div h3 {
        font-size: 0.9rem;
    }
    .section__categorias .contenedor__categoria article {
        width: 13rem;
        height: 12rem;
    }
    .contenedor__asesores .article__product,
    .contenedor__ofertas .article__product,
    .contenedor__recomendados .article__product,
    .contenedor__vendidos .article__product {
        min-width: calc(33.5555% - 1rem);
        width: calc(33.5555% - 1rem);
    }
    .banner__delivery .contenedor__delivery article:nth-child(2) {
        justify-content: center;
    }
    .banner__delivery .contenedor__delivery article:nth-child(2) img {
        width: 6rem;
    }
    .banner__delivery .contenedor__delivery article {
        width: 100% !important;
    }
    .banner__delivery .contenedor__delivery {
        flex-wrap: wrap;
        gap: 1rem;
        padding: 0 2rem;
    }
    .banner__delivery {
        height: auto;
        padding: 2rem 0;
    }
    .section__marcas .contenedor__marcas {
        padding: 0 1rem;
    }
    .section__blog .contenedor__blog {
        width: 92%;
    }
    .section__blog .right_blog {
        right: 0.3rem;
    }
    .section__blog .left_blog {
        left: 0.3rem;
    }
    .section__blog .contenedor__blog .slider__blog .blog__card img {
        width: 100%;
        height: 9rem;
    }
    .section__blog .contenedor__blog .slider__blog .blog__card {
        min-width: calc(75% - 1rem);
        width: calc(75% - 1rem);
        flex-direction: column;
        gap: 1rem;
    }
    .banner__servicios .contenedor__servicios {
        gap: 0.8rem;
    }
    .banner__servicios .contenedor__servicios p {
        font-size: 0.9rem;
    }
    .header {
        padding: 0 0.5rem;
    }
    .header .nav input[type="search"] {
        display: none;
    }
    .header .nav h2 {
        display: none;
    }
    .nav-link a {
        font-size: 1.7rem !important;
        margin: 0.6rem 0 !important;
    }
    .nav-link .close-nav {
        display: block !important;
        font-size: 4rem !important;
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .filtros nav .link-w {
        width: auto;
    }
    .nav-link.visible-nav {
        right: 0;
    }
    .nav-link {
        width: 20rem;
        position: absolute;
        right: -110%;
        top: 4rem;
        text-align: center;
        background-color: #000;
        color: #fff;
        height: 35rem;
        transition: 0.2s ease all;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0 1.6rem;
        transition: 0.2s ease all;
    }
    .header .nav .menu {
        align-items: center;
        display: block;
    }
    .search {
        display: none;
    }
    .search .search-input {
        width: 100%;
    }
    section {
        margin: 2rem 0;
        padding: 1rem;
    }
    .filtros nav {
        padding: 0 1rem;
        margin: 0;
        flex-wrap: wrap;
        margin-bottom: 1rem;
    }
    .search {
        padding-top: 7.6rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .search .search-input {
        height: 2.1rem;
        position: relative;
        width: 100%;
        margin-top: 1.4rem;
    }
    .search .search-input input[type="search"] {
        height: 100%;
        width: 100%;
        border: 1px solid #07a7e2;
        padding: 0 0.5rem;
        outline: none;
    }
    .filtros .category {
        padding: 0;
        flex-direction: column;
        height: auto;
    }
    .filtros .category .content-img .title {
        margin-top: 0.5rem;
    }
    .filtros .category .list {
        padding: 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        background-color: rgba(0, 0, 0, 0.73);
        width: 70%;
        height: 30rem;
    }
    .filtros .category .content-img {
        background-color: #000;
        width: 100%;
        height: 28rem;
    }
    .modelos .content-m article {
        width: 100%;
        margin: 0.8rem;
    }
    .new .contenedor-new {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto;
    }
    .new .contenedor-new .article-text {
        width: 100%;
        height: auto;
    }
    .new .contenedor-new .article-text .div-a {
        margin: 2rem 0;
        width: 95%;
    }
    .new .contenedor-new .article-img {
        display: none;
    }
    .about {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column-reverse;
    }
    .about .image {
        width: 100%;
    }
    .about .image img {
        width: 95%;
    }
    .about .content {
        width: 100%;
    }
    .detalle-blog .container-detailsb .content1-details {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .detalle-blog .container-detailsb .content1-details .article1,
    .detalle-blog .container-detailsb .content1-details .article2 {
        width: 100%;
    }
    .detalle-blog
        .container-detailsb
        .content1-details
        .article2
        .relations-details
        div {
        width: 100%;
        height: auto;
    }
    .productos .container-p {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .productos .container-p .p-select {
        width: 100%;
    }
    .productos .container-p .description-p {
        width: 100%;
    }
    .productos
        .container-p
        .description-p
        .content-pictures
        .article-p
        article {
        width: 100%;
    }
    .footer {
        padding: 0.5rem 0.3rem;
    }
    .contact {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .contact__right-side {
        width: 100%;
    }
    .contact__image-wrapper {
        width: 100%;
    }
    .p-detalles .c-detalles .details {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 3rem;
    }
    .p-detalles .c-detalles .details article {
        width: 100%;
    }
    .p-detalles .c-detalles .reseñas .title-r p {
        font-size: 1.2rem;
    }
    .header {
        top: 3.6rem;
    }

    .header-2 {
        height: 3.6rem;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0;
    }
    .header-2 .header-cambio div {
        display: none;
    }
    .header-2 .header-cambio {
        justify-content: center;
        align-items: center;
    }
    .contenedor-equipo article {
        height: 24rem;
    }
    .cat-f {
        display: block;
    }
    .contendorp-form {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }
    .contendorp-form .article-form1,
    .contendorp-form .article-form2 {
        width: 100%;
    }
    .article-form1 .content1 .text2,
    .article-form1 .content1 .text1,
    .article-form1 .content1 .text3,
    .article-form1 .content2 .text2,
    .article-form1 .content3 .text2,
    .article-form1 .content2 .text4,
    .article-form1 .content3 .text6,
    .article-form1 .content3 .text7 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .article-form1 .content1 .text1 div,
    .article-form1 .content1 .text2 div,
    .article-form1 .content1 .text3 div,
    .article-form1 .content2 .text2 div,
    .article-form1 .content2 .text3 div,
    .article-form1 .content2 .text4 div,
    .article-form1 .content3 .text6 div,
    .article-form1 .content3 .text7 div {
        width: 100%;
    }
    .filtros {
        margin-top: 9rem;
    }
    .filtros .category {
        background-image: none;
    }
    .filtros .category .list {
        position: fixed;
        background-color: #000;
        width: 20rem;
        top: 20%;
        padding: 1rem;
        margin-left: 1rem;
        max-height: 70vh;
        height: auto;
        display: none;
    }
    .filtros .category .list.modal-visible {
        display: block;
    }
}
@media (max-width: 600px) { 
    .imagenes--categorias article img {
        transition: .3s ease all;
        border-radius: 20px;
        height: 100%;
    }
    .imagenes--categorias article h2 {
        text-transform: uppercase;
        font-size: .9rem;
        margin-top: 10px;
    }
    .imagenes--categorias article {
        /* width: calc(14% - .5rem); */
        background-color: #fff;
        height: 120px;
        text-align: center;
        border-radius: 20px;
        border: 1px solid rgb(194, 192, 192);
    }
    .imagenes--categorias {
        gap: 0.5rem;
        flex-wrap: wrap;
        display: flex;
        justify-content: center;
        margin-top: 140px;
        margin-bottom: 100px;
    }
    .imagenes--categorias article:hover {
        box-shadow: 9px 10px 16px -9px rgba(0, 0, 0, 0.75);
        transition: 0.5s ease all;
        border: 4px solid #025cc2;
    }

    .section__banner .contenedor__banner article{
        width: 75%;
        height: 30vh;
    }
    .section--banner .contenedor--banner .article--banner .article2-banner .list__img img{
        width: 8rem;
    }
    .section--banner .contenedor--banner .article--banner .article2-banner .list__img img:hover{
        animation: pulse;
        animation-duration: .5s;
    }
    .article2-banner{
        overflow: hidden;
    }
    .section--banner .contenedor--banner .article--banner .article2-banner .img_2{
        margin-left: .5rem;
    }
    .section--banner .contenedor--banner .article--banner .article2-banner .img_3{
        margin-left: 1.5rem;
    }
    .tiendas{
        padding: 0;
    }
    .tiendas .contenedor-tiendas article {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto;
        gap: 0;
        padding: .5rem 0;
    }
    .tiendas .contenedor-tiendas article img,
    .tiendas .contenedor-tiendas article div {
        width: 100%;
        padding:.5rem 1rem;
    }
    .tiendas .contenedor-tiendas article iframe {
        display: none;
    }
    .descuento__banner .banner--descuento article{
        width: 100% !important;
    }
    .article-resumen{
        width: 100%;
    }
    .banner__imagen .contenedor-banner__imagen {
        height: 17rem;
    }
    .escritorio {
        display: none;
    }
    .movil {
        display: block;
    }
    .imagenes__relacionadas {
        width: 95%;
    }
    .modal__marcas .contenedor__m-marcas article {
        width: 95% !important;
    }
    .contenedor__recomendados__todos .article__product {
        width: calc(50% - 1rem);
    }
    .section__footer .contenedor__footer article {
        width: 100%;
    }
    .content-car article {
        width: 100%;
    }
    .formulario__cotizar article form {
        width: 100%;
    }
    .numeracion-form {
        width: 100%;
    }
    .contenedor-datosusuario .article-form1 form select,
    .contenedor-datosusuario .article-form1 form input[type="text"] {
        width: 100%;
    }
    .blogs_todos {
        padding: 0 1rem;
    }
    .blog-post {
        width: 95%;
    }
    .banner__detalle .banner__responsive {
        width: 85%;
    }
    .section-nosotros .article1-nosotros .article-textnosotros {
        height: 17rem;
    }
    .header__principal .conteneedor-header__principal nav {
        width: 90%;
    }
    .login__form .content__login {
        width: 95%;
    }
    .blogs-detalle .detalle-recientes .blogs-recent article {
        width: 100% !important;
    }
    .blogs_todos .contenedor__todos-blogs .blog__card {
        min-width: 100%;
        width: 100%;
    }

    .section__blog .contenedor__blog .slider__blog .blog__card div {
        width: auto;
    }

    .section--banner .contenedor--banner .article--banner {
        gap: 1rem;
    }
    .section--banner {
        height: auto;
    }
    .section--banner .contenedor--banner .article--banner .article2-banner,
    .section--banner .contenedor--banner .article--banner .article1-banner {
        width: 100%;
    }
    .section--marcas .contenedor--marcas {
        width: 100%;
    }
    /* .section--marcas .contenedor--marcas img {
        min-width: calc(33.33% - 1rem);
        width: calc(33.33% - 1rem);
        margin: 0.5rem;
    } */

    .section--marcas .contenedor--marcas a {
        min-width: calc(33.333% - 1rem);
        width: calc(33.333% - 1rem);
    }
    .banner__movil {
        display: block !important;
    }
    .banner__escritorio {
        display: none !important;
    }
    .section__table .contenedor__table {
        overflow: auto;
    }
    .section__table .contenedor__table table th {
        min-width: 10rem;
        width: 10rem;
    }
    .banner__detalle .div__bannerp .categoria--select {
        height: auto;
        width: 15rem;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0rem;
    }
    .section__contacto {
        padding: 1rem;
    }
    .section__categorias .contenedor__categoria article {
        width: 10rem;
        height: 10rem;
    }
    .banner__equipo .contenedor__banner-quipo .article2 {
        justify-content: flex-end;
        z-index: 100;
    }
    .banner__equipo .contenedor__banner-quipo {
        height: auto;
        padding: 1rem 0.5rem;
    }
    .banner__equipo .contenedor__banner-quipo .img1 {
        left: 55%;
        top: 110%;
    }
    .banner__equipo .contenedor__banner-quipo .img2 {
        left: 68%;
        top: 120%;
    }
    .banner__equipo .contenedor__banner-quipo .img3 {
        left: 80%;
    }
    .section__blog .contenedor__blog article {
        width: 100%;
        height: 10rem;
    }
    .section__blog .contenedor__blog {
        flex-direction: column;
        gap: 1rem;
    }
    .section__blog .contenedor__blog .slider__blog .blog__card {
        min-width: calc(90% - 1rem);
        width: calc(90% - 1rem);
    }
    .section__blog .contenedor__blog .slider__blog {
        width: 90%;
    }

    .contenedor__asesores,
    .contenedor__ofertas,
    .contenedor__vendidos,
    .contenedor__recomendados {
        gap: 0 !important;
    }
    .contenedor__asesores .article__product,
    .contenedor__ofertas .article__product,
    .contenedor__vendidos .article__product,
    .contenedor__recomendados .article__product {
        min-width: calc(50% - 1rem);
        padding: 0.5rem;
        margin: 0.5rem;
        width: calc(50% - 1rem);
    }
    .section--marcas .left_marca {
        left: 0.3rem;
    }
    .section--marcas .right_marca {
        right: 0.3rem;
    }
    .section__asesores .right_asesor {
        right: 0.3rem;
    }
    .section__asesores .left_asesor {
        left: 0.3rem;
    }
    .section__vendidos .left_vendido {
        left: 0.3rem;
    }
    .section__vendidos .right_vendido {
        right: 0.3rem;
    }
    .section__ofertas .left_oferta {
        left: 0.3rem;
    }
    .section__ofertas .right_oferta {
        right: 0.3rem;
    }
    .section__recomendados .left_recomendado {
        left: 0.3rem;
    }
    .section__recomendados .right_recomendado {
        right: 0.3rem;
    }
    .section__detalle
        .contenedor__detalle
        .article__detail
        .contenedor__pd
        .precio {
        left: 0%;
        bottom: 15%;
    }
    .section__detalle
        .contenedor__detalle
        .article__detail
        .contenedor__pd
        .description__overlock
        img {
        width: 45%;
    }
    .section__detalle
        .contenedor__detalle
        .article__detail
        .contenedor__pd
        .description__overlock
        .text__p
        .btn__content {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        text-align: center;
    }
    .section__detalle
        .contenedor__detalle
        .article__detail
        .contenedor__pd
        .description__overlock {
        /* flex-direction: column; */
        height: auto;
        width: 100%;
    }
    .section__detalle .contenedor__detalle {
        flex-direction: column;
        gap: 2rem;
    }
    .section__detalle .contenedor__detalle article {
        width: 100% !important;
    }
}

.count {
    position: absolute;
    top: 37px;
    right: 135px;
    background: black;
    color: white;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 2px 4px;
    border: 1px solid white;
    border-radius: 20px;
}

.limite_parrafo {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* margin: 0 0 1em 0; */
}

.num-p {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3rem;
}
.num-p ul {
    margin: 0;
    padding: 0;
}

.num-p ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
    font-family: "Montserrat", sans-serif;
}
.num-p ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
    font-family: "Montserrat", sans-serif;
}

/* .num-p ul li:hover a,
.num-p ul li.active a {
    background-color: var(--orange);
    border-color: var(--orange);
    color: white;
} */
.num-p ul li a {
    height: 50px;
    width: 50px;
    line-height: 46px;
    border: 2px solid #ededed;
    text-align: center;
    display: block;
    font-weight: 700;
    text-decoration: none;
    outline: none;
    font-size: 1.5rem;
    color: #000;
}
.limite_parrafomarca {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0.5rem 0;
    margin-bottom: 1rem;
}
.modal__marcas.visible {
    display: block;
}
.modal__marcas {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000000000000;
    height: 100%;
    background-color: #0000009d;
}
.modal__marcas .contenedor__m-marcas {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal__marcas .contenedor__m-marcas article {
    width: 45%;
    border-radius: 5px;
    padding: 1.5rem;
    background-color: white;
}
.modal__marcas .contenedor__m-marcas article hr {
    margin: 0.5rem 0;
}
.modal__marcas .contenedor__m-marcas article p {
    font-size: 1rem;
    color: #000;
}
.num-p {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3rem;
}
.num-p ul {
    margin: 0;
    padding: 0;
}

.num-p ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
    font-family: "Montserrat", sans-serif;
}
.num-p ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
    font-family: "Montserrat", sans-serif;
}

.num-p ul li:hover a,
.num-p ul li.active a {
    background-color: #004899;
    border-color: #004899;
    color: white;
}
.num-p ul li a {
    height: 50px;
    width: 50px;
    line-height: 46px;
    border: 2px solid #ededed;
    text-align: center;
    display: block;
    font-weight: 700;
    text-decoration: none;
    outline: none;
    font-size: 1.5rem;
    color: #000;
}


@media (min-width: 965px) and (max-width: 1280px) {
    .section__banner {
        width: 100%;
        padding: 0.4rem 0;
        margin-top: 0.5rem;
        position: relative;
    }

    .menu_header {
        cursor: pointer;
        padding: 0 0.8rem;
        background-color: white;
        border-radius: 20px;
        border: 1px solid #000;
        color: #000;
        text-transform: uppercase;
        font-size: 0.9rem;
        outline: none;
        width: 13rem;
        position: relative;
        overflow: hidden;
        height: 2rem;
    }

    .buscador_menu_header {
        border: none !important;
        outline: none !important;
        width: 100% !important;
        height: 100% !important;
    }

    .i.bx.bx-search.i_buscador_menu_header {
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
        text-align: center !important;
        vertical-align: middle !important;
        padding: 0.55rem !important;
        color: #000 !important;
        border-radius: 50%;
        background-color: #f2e117 !important;
        font-weight: bold;

    }

    .header__principal .conteneedor-header__principal nav {
        display: flex;
        justify-content: space-around;
        gap: 0.3rem;
        flex-wrap: wrap;
        align-content: flex-end;
    }

    .contenedor--banner {
        height: 500px;
    }

    .section--banner {
        height: auto!important;
    }

    .section--banner .contenedor--banner .article--banner .article2-banner .img_1 {
        margin-left: 0rem!important;
    }

    .section--banner
    .contenedor--banner
    .article--banner
    .article2-banner
    .list__img
    img {
        height: 102px!important;
        
    }

    .section--banner .contenedor--banner .article--banner .article2-banner h2 {
        margin-bottom: 29px!important;
        margin-top: 36px!important;
    }

    .section--banner
    .contenedor--banner
    .article--banner
    .article1-banner
    .img--banner
    img {
        height: 360px!important;
        max-height: 360px!important;
    }

    .section--banner.contenedor--banner.article--banner.article2-banner.list__img {
        display: flex;
        align-items: center;
        gap: 3rem;
        cursor: pointer;
        margin: 1.5rem 0;
    }
    
    .div_banner_img {
        width: 50%;
        text-align: right;
    }

    .div_banner_h3 {
        width: 50%;
    }


    .imagenes--categorias {
        gap: 0.5rem;
        flex-wrap: wrap;
        display: flex;
        justify-content: center;
        height: 212px;
    }

    .imagenes--categorias article {
        width: calc(14% - .5rem);
        max-height: 212px;
    }

    .imagenes--categorias article img {
        width: 100%;
        height: auto;
        z-index: -1; 
        border-radius: 20px;
        border: 2px solid rgb(194, 192, 192);
        height: 146px;
    }

    .imagen--categoria {
        position: relative;
        box-sizing: border-box;
        background-color: transparent;
        height: 120px;
        text-align: center; 

    }


    /* .imagenes--categorias article:hover {
        box-shadow: 9px 10px 16px -9px rgba(0, 0, 0, 0.75);
        transition: 0.5s ease all;
        border: 4px solid #025cc2;
    }
     */

    .imagenes--categorias article h2 {
        position: relative;
        text-transform: uppercase;
        font-size: .9rem;
        margin-top: 10px;
        color: #000; 
        margin-top: 10px;
        text-align: center;
    }

    .section--categorias {
        width: 100%;
        height: 212px;
        margin-top: 0rem !important;
    }
    
}


@media (min-width: 1281px) and (max-width: 1440px) {

    .contenedor--banner {
        height: 500px;
    }

    .header__principal .conteneedor-header__principal {
        height: 4.3rem;
        padding: 0 3rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #fff;
    }

    .header__principal .conteneedor-header__principal nav {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1.3rem;
        flex-wrap: wrap;
        margin-top: 14px;
    }

    .menu_header {
        cursor: pointer;
        padding: 0 0.8rem;
        background-color: white;
        border-radius: 20px;
        border: 1px solid #000;
        color: #000;
        text-transform: uppercase;
        font-size: 0.9rem;
        outline: none;
        width: 13rem;
        position: relative;
        overflow: hidden;
        height: 2rem;
    }

    .section--banner {
        height: auto!important;
    }

    .section--banner .contenedor--banner .article--banner .article2-banner .img_1 {
        margin-left: 0rem!important;
    }

    .section--banner
    .contenedor--banner
    .article--banner
    .article2-banner
    .list__img
    img {
        height: 102px!important;
        
    }

    .section--banner .contenedor--banner .article--banner .article2-banner h2 {
        margin-bottom: 29px!important;
        margin-top: 36px!important;
    }

    .section--banner
    .contenedor--banner
    .article--banner
    .article1-banner
    .img--banner
    img {
        height: 360px!important;
        max-height: 360px!important;
    }

    .section--banner.contenedor--banner.article--banner.article2-banner.list__img {
        display: flex;
        align-items: center;
        gap: 3rem;
        cursor: pointer;
        margin: 1.5rem 0;
    }
    
    .div_banner_img {
        width: 50%;
        text-align: right;
    }

    .div_banner_h3 {
        width: 50%;
    }


    .imagenes--categorias {
        gap: 0.5rem;
        flex-wrap: wrap;
        display: flex;
        justify-content: center;
        height: 155px;
        margin-bottom: 32px;
    }

    .imagenes--categorias article {
        width: calc(14% - .5rem);
    }

    .imagenes--categorias article img {
        width: 100%;
        height: auto;
        z-index: -1; 
        border-radius: 20px;
        border: 2px solid rgb(194, 192, 192);
        height: 166px;
    }

    .imagen--categoria {
        position: relative;
        box-sizing: border-box;
        background-color: transparent;
        height: 120px;
        text-align: center; 

    }


    /* .imagenes--categorias article:hover {
        box-shadow: 9px 10px 16px -9px rgba(0, 0, 0, 0.75);
        transition: 0.5s ease all;
        border: 4px solid #025cc2;
    }
     */

    .imagenes--categorias article h2 {
        position: relative;
        text-transform: uppercase;
        font-size: .9rem;
        margin-top: 10px;
        color: #000; 
        margin-top: 10px;
        text-align: center;
    }

    .section--categorias {
        width: 100%;
        height: 200px;
        margin-top: 0rem !important;
    }
    
}

@media (min-width: 1441px) {

    .contenedor--banner {
        height: 500px;
    }

    .section--banner .contenedor--banner .article--banner .article2-banner {
        width: 30%;
        height: 100%;
    }
    .section--banner .contenedor--banner .article--banner .article1-banner {
        width: 70%;
        height: 100%;
    }

    .header__principal .conteneedor-header__principal {
        height: 4.3rem;
        padding: 0 3rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #fff;
    }

    .header__principal .conteneedor-header__principal nav {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1.3rem;
        flex-wrap: wrap;
        margin-top: 14px;
    }

    .menu_header {
        cursor: pointer;
        padding: 0 0.8rem;
        background-color: white;
        border-radius: 20px;
        border: 1px solid #000;
        color: #000;
        text-transform: uppercase;
        font-size: 0.9rem;
        outline: none;
        width: 13rem;
        position: relative;
        overflow: hidden;
        height: 2rem;
    }

    .section--banner {
        height: auto!important;
    }

    .section--banner .contenedor--banner .article--banner .article2-banner .img_1 {
        margin-left: 0rem!important;
    }

    .section--banner
    .contenedor--banner
    .article--banner
    .article2-banner
    .list__img
    img {
        height: 106px!important;
        
    }

    .section--banner .contenedor--banner .article--banner .article2-banner h2 {
        margin-bottom: 29px!important;
        margin-top: 36px!important;
    }

    .section--banner
    .contenedor--banner
    .article--banner
    .article1-banner
    .img--banner
    img {
        height: 374px!important;
        max-height: 374px!important;
    }

    .section--banner.contenedor--banner.article--banner.article2-banner.list__img {
        display: flex;
        align-items: center;
        gap: 3rem;
        cursor: pointer;
        margin: 1.5rem 0;
    }
    
    .div_banner_img {
        width: 50%;
        text-align: right;
    }

    .div_banner_h3 {
        width: 50%;
    }


    .imagenes--categorias {
        gap: 0.5rem;
        flex-wrap: wrap;
        display: flex;
        justify-content: center;
        height: 155px;
        margin-bottom: 32px;
    }

    .imagenes--categorias article {
        width: calc(14% - .5rem);
    }

    .imagenes--categorias article img {
        width: 100%;
        height: auto;
        z-index: -1; 
        border-radius: 20px;
        border: 2px solid rgb(194, 192, 192);
        height: 166px;
    }

    .imagen--categoria {
        position: relative;
        box-sizing: border-box;
        background-color: transparent;
        height: 120px;
        text-align: center; 

    }


    /* .imagenes--categorias article:hover {
        box-shadow: 9px 10px 16px -9px rgba(0, 0, 0, 0.75);
        transition: 0.5s ease all;
        border: 4px solid #025cc2;
    }
     */

    .imagenes--categorias article h2 {
        position: relative;
        text-transform: uppercase;
        font-size: .9rem;
        margin-top: 10px;
        color: #000; 
        margin-top: 10px;
        text-align: center;
    }

    .section--categorias {
        width: 100%;
        height: 200px;
        margin-top: 0rem !important;
    }

    
}