/*-----------------------------------*\
 * #style.css
\*-----------------------------------*/

/**
 * copyright 2022 codewithsadee
 */

/*-----------------------------------*\
 * #CUSTOM PROPERTY
\*-----------------------------------*/

:root {
    /**
   * colors
   */

    --maximum-blue-green_10: hsla(185, 75%, 45%, 0.1);
    --rich-black-fogra-29: hsl(217, 28%, 9%);
    --gray-x-11-gray: hsl(0, 0%, 74%);
    --oxford-blue_60: hsla(230, 41%, 14%, 0.6);
    --bittersweet: #065398;
    --smoky-black: rgb(7, 6, 1);
    --gainsboro: hsl(0, 0%, 88%);
    --black_90: hsla(0, 0%, 0%, 0.9);
    --cultured: hsl(200, 12%, 95%);
    --salmon: #065398;
    --white: hsl(0, 0%, 100%);
    --black: hsl(0, 0%, 0%);
    --onyx: hsl(0, 0%, 27%);

    /**
   * typography
   */

    --ff-roboto: "Roboto", sans-serif;
    --ff-josefin-sans: "Josefin Sans", sans-serif;

    --fs-1: 3rem;
    --fs-2: 2.6rem;
    --fs-3: 2.2rem;
    --fs-4: 2rem;
    --fs-5: 1.8rem;
    --fs-6: 1.6rem;
    --fs-7: 1.4rem;
    --fs-8: 1.2rem;

    --fw-300: 300;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;

    /**
   * transition
   */

    --transition-1: 0.25s ease;
    --transition-2: 0.5s ease;
    --cubic-out: cubic-bezier(0.51, 0.03, 0.64, 0.28);
    --cubic-in: cubic-bezier(0.33, 0.85, 0.56, 1.02);

    /**
   * spacing
   */

    --section-padding: 60px;
}

/*-----------------------------------*\
 * #RESET
\*-----------------------------------*/

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

li {
    list-style: none;
}

a {
    text-decoration: none;
}

a,
img,
span,
table,
tbody,
button,
ion-icon {
    display: block;
}

button,
input {
    font: inherit;
    background: none;
    border: none;
}

input {
    width: 100%;
}

button {
    cursor: pointer;
}

/* whatsapp */

.bottomright {
    position: fixed;
    bottom: 20px;
    left: 75px;
    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); */
}

.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;
    /* left: 16px; */
    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;
}

/* whatsapp */

/* .section-footer .social-footer a{
    height: 4rem;
    background-color: #85abcd;
} */

address {
    font-style: normal;
    line-height: 1.8;
}

html {
    /* font-family: var(--ff-josefin-sans); */
    font-family: "Kanit", sans-serif;
    font-size: 10px;
    scroll-behavior: smooth;
}

body {
    background: var(--white);
    font-size: 1.6rem;
    padding-block-start: 90px;
    background-color: #d5dfee53 !important;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: hsl(0, 0%, 95%);
}

::-webkit-scrollbar-thumb {
    background: hsl(0, 0%, 80%);
}

::-webkit-scrollbar-thumb:hover {
    background: hsl(0, 0%, 70%);
}

/*-----------------------------------*\
 * #REUSED STYLE
\*-----------------------------------*/

.container {
    padding-inline: 15px;
}

.section {
    background-color: #d5dfee53 !important;
    padding-block: var(--section-padding);
}

.h1,
.h2,
.h3,
.h4 {
    color: var(--rich-black-fogra-29);
}

.h1 {
    font-size: var(--fs-1);
    font-weight: var(--fw-300);
    line-height: 1.5;
}

.h2 {
    font-size: var(--fs-2);
}

.h3 {
    font-size: var(--fs-4);
}

.h4 {
    font-size: var(--fs-5);
    text-transform: uppercase;
}

.btn-header {
    background: #065398;
    color: var(--color, var(--white));
    font-size: var(--fs-5);
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 10px;
    padding: 4px 10px 4px 10px;
    border: 1px solid #fff;
}

.btn-header:hover {
    background: #fff;
    color: #065398;
    transition: .5s;
}

.btn-cancel {
    background: #d9edfe;
    color: #065398;
    font-size: var(--fs-5);
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 10px;
    padding: 10px 20px 10px 20px;
}
.btn-cancel:hover {
    transition: .5s;
    box-shadow: 1px 1px 19px 0px rgba(0, 0, 0, 0.5);
}

.btn {
    background: #065398;
    color: var(--color, var(--white));
    font-size: var(--fs-5);
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 10px;
    padding: 10px 20px 10px 20px;
    border: 2px solid #fff;
}

.btn:hover {
    transition: .5s;
    box-shadow: 1px 1px 19px 0px rgba(0, 0, 0, 0.5);
}

.btn-primary:is(:hover, :focus) {
    --background: var(--salmon);
    --border-color: var(--salmon);
}

.btn-secondary {
    --background: transparent;
    --border-color: var(--black);
    --color: var(--black);
}

.btn-secondary:is(:hover, :focus) {
    --background: hsla(0, 0%, 0%, 0.1);
}

.has-scrollbar {
    display: flex;
    gap: 25px;
    overflow-x: auto;
    padding-bottom: 20px;
    scroll-snap-type: inline mandatory;
}

.has-scrollbar > li {
    min-width: 100%;
    scroll-snap-align: start;
}

.has-scrollbar::-webkit-scrollbar {
    height: 10px;
}

.has-scrollbar::-webkit-scrollbar-track {
    background: var(--white);
    border-radius: 20px;
    outline: 2px solid var(--bittersweet);
}

.has-scrollbar::-webkit-scrollbar-thumb {
    background: var(--bittersweet);
    border: 2px solid var(--white);
    border-radius: 20px;
}

.has-scrollbar::-webkit-scrollbar-button {
    width: calc(25% - 40px);
}

.card-banner {
    background: var(--cultured);
    position: relative;
    height: 350px;
    overflow: hidden;
}

.image-contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transition: var(--transition-2);
}

.product-card:is(:hover, :focus) .image-contain {
    transform: scale(1.1);
}

.card-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--bittersweet);
    color: var(--white);
    padding: 5px 15px;
    /* font-family: var(--ff-roboto); */
    font-family: "Kanit", sans-serif;

    font-size: var(--fs-7);
    border-radius: 25px;
}

.card-action-list {
    position: absolute;
    top: 20px;
    right: -20px;
    opacity: 0;
    transition: var(--transition-1);
}

.product-card:is(:hover, :focus) .card-action-list {
    right: 20px;
    opacity: 1;
}

.card-action-item {
    position: relative;
}

.card-action-item:not(:last-child) {
    margin-bottom: 10px;
}

.card-action-btn {
    background: var(--white);
    color: var(--rich-black-fogra-29);
    font-size: 18px;
    padding: 10px;
    border-radius: 50%;
    transition: var(--transition-1);
}

.card-action-btn ion-icon {
    --ionicon-stroke-width: 30px;
}

.card-action-btn:is(:hover, :focus) {
    background: var(--bittersweet);
    color: var(--white);
}

.card-action-tooltip {
    position: absolute;
    top: 50%;
    right: calc(100% + 5px);
    transform: translateY(-50%);
    width: max-content;
    background: var(--black_90);
    color: var(--white);
    /* font-family: var(--ff-roboto); */
    font-family: "Kanit", sans-serif;
    font-size: var(--fs-7);
    padding: 4px 8px;
    border-radius: 4px;
    opacity: 0;
    pointer-events: none;
    transition: var(--transition-1);
}

.card-action-btn:is(:hover, :focus) + .card-action-tooltip {
    opacity: 1;
}

.card-content {
    padding: 24px 15px 0;
    text-align: center;
}

.card-cat {
    /* font-family: var(--ff-roboto); */
    font-family: "Kanit", sans-serif;
    color: var(--onyx);
    font-size: var(--fs-7);
    margin-bottom: 12px;
}

.card-cat-link {
    display: inline-block;
    color: inherit;
    transition: var(--transition-1);
}

.card-cat-link:is(:hover, :focus) {
    color: var(--bittersweet);
}

.product-card .card-title {
    margin-bottom: 12px;
}

.product-card .card-title > a {
    color: inherit;
    transition: var(--transition-1);
}

.product-card .card-title > a:is(:hover, :focus) {
    color: var(--bittersweet);
}

.card-price {
    color: var(--bittersweet);
    /* font-family: var(--ff-roboto); */
    font-family: "Kanit", sans-serif;
    font-weight: var(--fw-600);
}

.card-price del {
    color: var(--gray-x-11-gray);
    margin-left: 8px;
}

.btn-link {
    --background: none;
    --border-color: none;
    padding: 0;
    margin-inline: auto;
    max-width: max-content;
    /* font-family: var(--ff-roboto); */
    font-family: "Kanit", sans-serif;
    font-size: var(--fs-6);
    font-weight: var(--fw-500);
    padding-bottom: 6px;
    border-bottom: 1px solid var(--white);
}

.btn-link:is(:hover, :focus) {
    border-color: transparent;
}

/* team */
.section-team {
    width: 100%;
}

.section-team .contenedor-botones i {
    margin: 0 0.6rem;
    cursor: pointer;
}
.section-team .contenedor-botones {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3rem;
    margin-bottom: 1rem;
}
.section-team .contenedor-equipo {
    width: 79%;
    display: flex;
    margin: 0 auto;
    align-items: center;
    margin-top: 0rem;
    overflow: auto;
    height: auto;
    scroll-behavior: smooth;
}
.contenedor-equipo::-webkit-scrollbar {
    height: 0;
}
.section-team .contenedor-equipo article h2 {
    font-size: 2rem;
    color: #fff;
}
.section-team .contenedor-equipo article {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 32%;
    width: 32%;
    margin: 0 0.6rem;
    padding: 4.5rem 1rem;
    position: relative;
    text-align: center;
    background-color: #065398;
    border-radius: 25px;
}
.section-team .contenedor-equipo article img {
    width: 11rem;
    height: 11rem;
    object-fit: cover;
    border-radius: 50%;
}
/* .section-team .contenedor-equipo article {
  min-width: 31%;
  width: 31%;
  margin: 0 1rem;
  height: 30rem;
  position: relative;
  text-align: center;
}
.section-team .contenedor-equipo article img {
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-team .contenedor-equipo article .text-team {
  position: absolute;
  background-color: #fff;
  bottom: -4rem;
  width: 85%;
  left: 8%;
  padding: 1rem;
} */
.section-team .contenedor-equipo article .text-team a {
    color: #fff;
    font-size: 2rem;
    margin-top: 1.3rem;
}
.section-team .contenedor-equipo article .text-team a:active {
    color: inherit;
}

/* puntos en maquinas */

/* mascotas */
.mascotas1-6 {
    bottom: 40%;
    right: 30%;
}
.mascotas1-5 {
    bottom: 19%;
    right: 73%;
}
.mascotas1-4 {
    bottom: 43%;
    right: 70%;
}
.mascotas1-3 {
    bottom: 60%;
    right: 45%;
}
.mascotas1-2 {
    bottom: 65%;
    right: 45%;
}
.mascotas1-1 {
    bottom: 55%;
    right: 49%;
}

/* mochilas */
.mochilas2-8 {
    bottom: 40%;
    right: 25%;
}
.mochilas2-7 {
    bottom: 20%;
    right: 27%;
}
.mochilas2-6 {
    bottom: 29%;
    right: 50%;
}
.mochilas2-5 {
    bottom: 38%;
    right: 65%;
}
.mochilas2-4 {
    bottom: 55%;
    right: 40%;
}
.mochilas2-3 {
    bottom: 73%;
    right: 60%;
}
.mochilas2-2 {
    bottom: 82%;
    right: 64%;
}
.mochilas2-1 {
    bottom: 85%;
    right: 48%;
}
.mochilas1-6 {
    bottom: 41%;
    right: 78%;
}
.mochilas1-5 {
    bottom: 37%;
    right: 50%;
}
.mochilas1-4 {
    bottom: 60%;
    right: 50%;
}
.mochilas1-3 {
    bottom: 55%;
    right: 45%;
}
.mochilas1-2 {
    bottom: 60%;
    right: 66%;
}
.mochilas1-1 {
    bottom: 80%;
    right: 48%;
}

/* tapicería */
.tapiceria1-5 {
    bottom: 49%;
    right: 65%;
}
.tapiceria1-4 {
    bottom: 19%;
    right: 34%;
}
.tapiceria1-3 {
    bottom: 50%;
    right: 30%;
}
.tapiceria1-2 {
    bottom: 74%;
    right: 9%;
}
.tapiceria1-1 {
    bottom: 89%;
    right: 23%;
}

/* gorras */
.gorras1-7 {
    right: 80%;
    bottom: 37%;
}
.gorras1-6 {
    bottom: 26%;
    right: 50%;
}
.gorras1-5 {
    bottom: 37%;
    right: 55%;
}
.gorras1-4 {
    bottom: 55%;
    right: 40%;
}
.gorras1-3 {
    bottom: 69%;
    right: 55%;
}
.gorras1-2 {
    bottom: 69%;
    right: 63%;
}
.gorras1-1 {
    bottom: 83%;
    right: 52%;
}

/* ropa de bebe */
.ropa-de-bebe2-5 {
    right: 63%;
    bottom: 32%;
}
.ropa-de-bebe2-4 {
    bottom: 18%;
    right: 83%;
}
.ropa-de-bebe2-3 {
    right: 78%;
    bottom: 50%;
}
.ropa-de-bebe2-2 {
    bottom: 58%;
    right: 50%;
}
.ropa-de-bebe2-1 {
    bottom: 82%;
    right: 60%;
}

.ropa-de-bebe1-6 {
    bottom: 55%;
    right: 31%;
}
.ropa-de-bebe1-5 {
    bottom: 16%;
    right: 60%;
}
.ropa-de-bebe1-4 {
    bottom: 44%;
    right: 70%;
}
.ropa-de-bebe1-3 {
    bottom: 60%;
    right: 75%;
}
.ropa-de-bebe1-2 {
    bottom: 81%;
    right: 70%;
}
.ropa-de-bebe1-1 {
    bottom: 87%;
    right: 42%;
}

/* jeans */
.jeans1-15 {
    bottom: 85%;
    right: 39%;
}
.jeans1-14 {
    bottom: 76%;
    right: 49%;
}
.jeans1-13 {
    bottom: 92%;
    right: 30%;
}
.jeans1-12 {
    bottom: 94%;
    right: 50%;
}
.jeans1-11 {
    bottom: 79%;
    right: 71%;
}
.jeans1-10 {
    bottom: 16%;
    right: 58%;
}
.jeans1-9 {
    bottom: 5%;
    right: 30%;
}
.jeans1-8 {
    bottom: 40%;
    right: 24%;
}
.jeans1-7 {
    bottom: 55%;
    right: 45%;
}
.jeans1-6 {
    right: 73%;
    bottom: 86%;
}
.jeans1-5 {
    right: 50%;
    bottom: 78%;
}
.jeans1-4 {
    bottom: 89%;
    right: 53%;
}
.jeans1-3 {
    bottom: 90%;
    right: 44%;
}
.jeans1-2 {
    bottom: 83%;
    right: 36%;
}
.jeans1-1 {
    bottom: 91%;
    right: 30%;
}

/* ropa-deportiva */
.ropa-industrial1-12 {
    bottom: 20%;
    right: 60%;
}
.ropa-industrial1-11 {
    bottom: 5%;
    right: 41%;
}
.ropa-industrial1-10 {
    bottom: 89%;
    right: 59%;
}
.ropa-industrial1-9 {
    right: 74%;
    bottom: 52%;
}
.ropa-industrial1-8 {
    bottom: 31%;
    right: 45%;
}
.ropa-industrial1-7 {
    bottom: 40%;
    right: 48%;
}
.ropa-industrial1-6 {
    bottom: 55%;
    right: 50%;
}
.ropa-industrial1-5 {
    bottom: 62%;
    right: 48%;
}
.ropa-industrial1-4 {
    bottom: 72%;
    right: 46%;
}
.ropa-industrial1-3 {
    right: 55%;
    bottom: 75%;
}
.ropa-industrial1-2 {
    bottom: 78%;
    right: 37%;
}
.ropa-industrial1-1 {
    bottom: 90%;
    right: 40%;
}

/* pantalon y terno */
.pantalon-y-terno2-8 {
    bottom: 4%;
    right: 36%;
}
.pantalon-y-terno2-7 {
    bottom: 6%;
    right: 90%;
}
.pantalon-y-terno2-6 {
    bottom: 95%;
    right: 50%;
}
.pantalon-y-terno2-5 {
    bottom: 85%;
    right: 27%;
}
.pantalon-y-terno2-4 {
    bottom: 80%;
    right: 15%;
}
.pantalon-y-terno2-3 {
    bottom: 32%;
    right: 73%;
}
.pantalon-y-terno2-2 {
    bottom: 33%;
    right: 50%;
}
.pantalon-y-terno2-1 {
    bottom: 49%;
    right: 50%;
}

.pantalon-y-terno1-9 {
    right: 50%;
    bottom: 54%;
}
.pantalon-y-terno1-8 {
    bottom: 75%;
    right: 78%;
}
.pantalon-y-terno1-7 {
    bottom: 80%;
    right: 6%;
}
.pantalon-y-terno1-6 {
    bottom: 2%;
    right: 54%;
}
.pantalon-y-terno1-5 {
    bottom: 60%;
    right: 60%;
}
.pantalon-y-terno1-4 {
    bottom: 90%;
    right: 72%;
}
.pantalon-y-terno1-3 {
    bottom: 94%;
    right: 53%;
}
.pantalon-y-terno1-2 {
    bottom: 83%;
    right: 40%;
}
.pantalon-y-terno1-1 {
    bottom: 91%;
    right: 22%;
}

/* camisas */
.camisa1-14 {
    bottom: 5%;
    right: 90%;
}
.camisa1-13 {
    bottom: 4%;
    right: 5%;
}
.camisa1-12 {
    bottom: 85%;
    right: 50%;
}
.camisa1-11 {
    bottom: 25%;
    right: 10%;
}
.camisa1-10 {
    bottom: 40%;
    right: 73%;
}
.camisa1-9 {
    bottom: 80%;
    right: 80%;
}
.camisa1-8 {
    bottom: 5%;
    right: 10%;
}
.camisa1-7 {
    bottom: 5%;
    right: 40%;
}
.camisa1-6 {
    bottom: 48%;
    right: 52%;
}
.camisa1-5 {
    bottom: 59%;
    right: 50%;
}
.camisa1-4 {
    bottom: 72%;
    right: 50%;
}
.camisa1-3 {
    bottom: 67%;
    right: 38%;
}
.camisa1-2 {
    bottom: 90%;
    right: 50%;
}
.camisa1-1 {
    bottom: 87%;
    right: 40%;
}

/* ropa deportiva */
.ropa-deportiva2-7 {
    bottom: 88%;
    right: 80%;
}
.ropa-deportiva2-6 {
    bottom: 85%;
    right: 50%;
}
.ropa-deportiva2-5 {
    bottom: 4%;
    right: 80%;
}
.ropa-deportiva2-4 {
    bottom: 43%;
    right: 40%;
}
.ropa-deportiva2-3 {
    bottom: 80%;
    right: 85%;
}
.ropa-deportiva2-2 {
    bottom: 74%;
    right: 50%;
}
.ropa-deportiva2-1 {
    bottom: 85%;
    right: 25%;
}

.ropa-deportiva1-7 {
    bottom: 30%;
    right: 78%;
}
.ropa-deportiva1-6 {
    bottom: 10%;
    right: 35%;
}
.ropa-deportiva1-5 {
    bottom: 92%;
    right: 58%;
}
.ropa-deportiva1-4 {
    bottom: 5%;
    right: 90%;
}
.ropa-deportiva1-3 {
    bottom: 70%;
    right: 84%;
}
.ropa-deportiva1-2 {
    bottom: 84%;
    right: 25%;
}
.ropa-deportiva1-1 {
    bottom: 80%;
    right: 50%;
}

/* polo y tejido */
.polo-y-tejido1-10 {
    bottom: 47%;
    right: 75%;
}
.polo-y-tejido1-9 {
    bottom: 85%;
    right: 53%;
}
.polo-y-tejido1-8 {
    bottom: 4%;
    right: 53%;
}
.polo-y-tejido1-7 {
    bottom: 80%;
    right: 17%;
}
.polo-y-tejido1-6 {
    bottom: 62%;
    right: 15%;
}
.polo-y-tejido1-5 {
    bottom: 75%;
    right: 35%;
}
.polo-y-tejido1-4 {
    bottom: 66%;
    right: 50%;
}
.polo-y-tejido1-3 {
    bottom: 72%;
    right: 50%;
}
.polo-y-tejido1-2 {
    bottom: 80%;
    right: 50%;
}
.polo-y-tejido1-1 {
    bottom: 91%;
    right: 50%;
}

/* botones de moda fitness */
.moda-fitness2-5 {
    bottom: 70%;
    right: 26%;
}
.moda-fitness2-4 {
    bottom: 3%;
    right: 24%;
}
.moda-fitness2-3 {
    bottom: 38%;
    right: 68%;
}
.moda-fitness2-2 {
    bottom: 75%;
    right: 57%;
}
.moda-fitness2-1 {
    bottom: 89%;
    right: 42%;
}

.moda-fitness1-4 {
    bottom: 90%;
    right: 20%;
}
.moda-fitness1-3 {
    bottom: 20%;
    right: 90%;
}
.moda-fitness1-2 {
    bottom: 12%;
    right: 42%;
}
.moda-fitness1-1 {
    bottom: 76%;
    right: 45%;
}

/* botones de lencería y ropa */
.lenceria-y-ropa4-5 {
    bottom: 13%;
    right: 87%;
}
.lenceria-y-ropa4-4 {
    bottom: 51%;
    right: 22%;
}
.lenceria-y-ropa4-3 {
    bottom: 15%;
    right: 55%;
}
.lenceria-y-ropa4-2 {
    bottom: 13%;
    right: 44%;
}
.lenceria-y-ropa4-1 {
    bottom: 45%;
    right: 40%;
}

.lenceria-y-ropa3-4 {
    bottom: 55%;
    right: 60%;
}
.lenceria-y-ropa3-3 {
    bottom: 8%;
    right: 57%;
}
.lenceria-y-ropa3-2 {
    bottom: 47%;
    right: 30%;
}
.lenceria-y-ropa3-1 {
    bottom: 49%;
    right: 47%;
}

.lenceria-y-ropa2-4 {
    bottom: 60%;
    right: 60%;
}
.lenceria-y-ropa2-3 {
    bottom: 56%;
    right: 47%;
}
.lenceria-y-ropa2-2 {
    bottom: 40%;
    right: 40%;
}
.lenceria-y-ropa2-1 {
    bottom: 70%;
    right: 27%;
}

.lenceria-y-ropa1-4 {
    bottom: 50%;
    right: 75%;
}
.lenceria-y-ropa1-3 {
    bottom: 2%;
    right: 31%;
}
.lenceria-y-ropa1-2 {
    bottom: 52%;
    right: 38%;
}
.lenceria-y-ropa1-1 {
    bottom: 75%;
    right: 33%;
}

/* MAQUINAS DETALLES */
.contenedor-detallesm {
    margin-top: 3rem;
    width: 100%;
}
.contennedor__imgs-maquinas {
    width: 100%;
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 3rem;
}
.maquinas-detalles {
    width: 100%;
    max-width: 1200px;
    margin: 2rem auto;
}
.maquinas-detalles .detallesm-contenedor {
    width: 100%;
}
.maquinas-detalles .detallesm-contenedor article {
    width: 100%;
}
.maquinas-detalles .detallesm-contenedor article h2 {
    font-size: 3.4rem;
    margin-bottom: 1.5rem;
}
.maquinas-detalles .detallesm-contenedor article p {
    font-size: 1.6rem;
}
.maquinas-detalles .detallesm-contenedor article .container-img {
    margin-top: 4rem;
    position: relative;
    width: 45%;
    height: 50%;
}

.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm1 {
    padding: 1rem;
    display: flex;
    position: absolute;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm1
    .modal-maquina.modal-hidden {
    display: none;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm1
    .modal-maquina
    h2 {
    font-size: 2rem;
    font-weight: 500;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm1
    .modal-maquina
    a {
    font-size: 1.5rem;
    text-decoration: none;
    color: #000;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm1
    .modal-maquina
    a:hover {
    text-decoration: underline;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm1
    .modal-maquina {
    width: 24rem;
    height: auto;
    /* margin-right: 1rem; */
    overflow: hidden;
    text-align: center;
    box-shadow: 1px 1px 19px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    z-index: 100;
    padding: 2rem;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm1
    .modal-maquina
    img {
    height: 17rem;
    width: 90%;
    display: block;
    margin: auto;
    object-fit: contain;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm1
    .span-m1 {
    position: absolute;
    bottom: -1rem;
    right: -3rem;
    cursor: pointer;
    background-color: #fff;
    border-radius: 50% 50% 50% 0;
    border: 8px solid var(--bittersweet);
    width: 35px;
    height: 35px;
    transform: rotate(45deg);
    vertical-align: top;
    line-height: 14px;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm1
    .span-m1
    div {
    color: #000000;
    transform: rotate(-45deg);
    font-weight: 700;
    padding: 3px 0;
    text-align: center;
    font-size: 12px;
}

.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm2 {
    padding: 0.2rem;
    display: flex;
    position: absolute;
    top: 10%;
    right: 30%;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm2
    .modal-maquina2.modal-hidden {
    display: none;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm2
    .modal-maquina2 {
    width: 22rem;
    height: auto;
    margin-right: 3.5rem;
    overflow: hidden;
    text-align: center;
    box-shadow: 1px 1px 19px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    z-index: 100;
    padding: 0.6rem;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm2
    .modal-maquina2
    h2 {
    font-size: 2rem;
    font-weight: 500;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm2
    .modal-maquina2
    a {
    font-size: 1.5rem;
    text-decoration: none;
    color: #000;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm2
    .modal-maquina2
    a:hover {
    text-decoration: underline;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm2
    .modal-maquina2
    img {
    width: 85%;
    object-fit: cover;
}

.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm2
    .span-m2 {
    position: absolute;
    top: 0rem;
    right: 0.4rem;
    cursor: pointer;
    background-color: #fff;
    border-radius: 50% 50% 50% 0;
    border: 8px solid var(--bittersweet);
    width: 35px;
    height: 35px;
    transform: rotate(45deg);
    vertical-align: top;
    line-height: 14px;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm2
    .span-m2
    div {
    color: #000000;
    transform: rotate(-45deg);
    font-weight: 700;
    padding: 3px 0;
    text-align: center;
    font-size: 12px;
}

.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm3 {
    padding: 0.2rem;
    display: flex;
    position: absolute;
    bottom: 70%;
    right: 40%;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm3
    .modal-maquina3.modal-hidden {
    display: none;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm3
    .modal-maquina3 {
    width: 22rem;
    height: auto;
    margin-right: 3.5rem;
    overflow: hidden;
    text-align: center;
    box-shadow: 1px 1px 19px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    z-index: 100;
    padding: 0.6rem;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm3
    .modal-maquina3
    h2 {
    font-size: 2rem;
    font-weight: 500;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm3
    .modal-maquina3
    a {
    font-size: 1.5rem;
    text-decoration: none;
    color: #000;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm3
    .modal-maquina3
    a:hover {
    text-decoration: underline;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm3
    .modal-maquina3
    img {
    width: 85%;
    object-fit: cover;
}
.link-nosotros-mapa {
    color:#000;
    display:inline;
}
.link-nosotros-mapa:hover {
    text-decoration: underline;
}

.link-calzado:hover{
    color:#000;
    text-decoration: underline;
    cursor:pointer;
}

.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm3
    .span-m3 {
    position: absolute;
    bottom: 0rem;
    right: 0.4rem;
    cursor: pointer;
    background-color: #fff;
    border-radius: 50% 50% 50% 0;
    border: 8px solid var(--bittersweet);
    width: 35px;
    height: 35px;
    transform: rotate(45deg);
    vertical-align: top;
    line-height: 14px;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm3
    .span-m3
    div {
    color: #000000;
    transform: rotate(-45deg);
    font-weight: 700;
    padding: 3px 0;
    text-align: center;
    font-size: 12px;
}

.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm4 {
    padding: 0.2rem;
    display: flex;
    position: absolute;
    bottom: 50%;
    right: 74%;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm4
    .modal-maquina4.modal-hidden {
    display: none;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm4
    .modal-maquina4 {
    width: 22rem;
    height: auto;
    margin-right: 3.5rem;
    overflow: hidden;
    text-align: center;
    box-shadow: 1px 1px 19px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    z-index: 100;
    padding: 0.6rem;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm4
    .modal-maquina4
    h2 {
    font-size: 2rem;
    font-weight: 500;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm4
    .modal-maquina4
    a {
    font-size: 1.5rem;
    text-decoration: none;
    color: #000;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm4
    .modal-maquina4
    a:hover {
    text-decoration: underline;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm4
    .modal-maquina4
    img {
    width: 85%;
    object-fit: cover;
}

.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm4
    .span-m4 {
    position: absolute;
    bottom: 0rem;
    right: 0.4rem;
    cursor: pointer;
    background-color: #fff;
    border-radius: 50% 50% 50% 0;
    border: 8px solid var(--bittersweet);
    width: 35px;
    height: 35px;
    transform: rotate(45deg);
    vertical-align: top;
    line-height: 14px;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm4
    .span-m4
    div {
    color: #000000;
    transform: rotate(-45deg);
    font-weight: 700;
    padding: 3px 0;
    text-align: center;
    font-size: 12px;
}

.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm5 {
    padding: 0.2rem;
    display: flex;
    position: absolute;
    bottom: 30%;
    right: 20%;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm5
    .modal-maquina5.modal-hidden {
    display: none;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm5
    .modal-maquina5 {
    width: 22rem;
    height: auto;
    margin-right: 3.5rem;
    overflow: hidden;
    text-align: center;
    box-shadow: 1px 1px 19px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    z-index: 100;
    padding: 0.6rem;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm5
    .modal-maquina5
    h2 {
    font-size: 2rem;
    font-weight: 500;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm5
    .modal-maquina5
    a {
    font-size: 1.5rem;
    text-decoration: none;
    color: #000;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm5
    .modal-maquina5
    a:hover {
    text-decoration: underline;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm5
    .modal-maquina5
    img {
    width: 85%;
    object-fit: cover;
}

.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm5
    .span-m5 {
    position: absolute;
    bottom: 0rem;
    right: 0.4rem;
    cursor: pointer;
    background-color: #fff;
    border-radius: 50% 50% 50% 0;
    border: 8px solid var(--bittersweet);
    width: 35px;
    height: 35px;
    transform: rotate(45deg);
    vertical-align: top;
    line-height: 14px;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm5
    .span-m5
    div {
    color: #000000;
    transform: rotate(-45deg);
    font-weight: 700;
    padding: 3px 0;
    text-align: center;
    font-size: 12px;
}

.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm6 {
    padding: 0.2rem;
    display: flex;
    position: absolute;
    top: 10%;
    right: 74%;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm6
    .modal-maquina6.modal-hidden {
    display: none;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm6
    .modal-maquina6 {
    width: 22rem;
    height: auto;
    margin-right: 3.5rem;
    overflow: hidden;
    text-align: center;
    box-shadow: 1px 1px 19px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    z-index: 100;
    padding: 0.6rem;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm6
    .modal-maquina6
    h2 {
    font-size: 2rem;
    font-weight: 500;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm6
    .modal-maquina6
    a {
    font-size: 1.5rem;
    text-decoration: none;
    color: #000;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm6
    .modal-maquina6
    a:hover {
    text-decoration: underline;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm6
    .modal-maquina6
    img {
    width: 85%;
    object-fit: cover;
}

.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm6
    .span-m6 {
    position: absolute;
    top: 0rem;
    right: 0.4rem;
    cursor: pointer;
    background-color: #fff;
    border-radius: 50% 50% 50% 0;
    border: 8px solid var(--bittersweet);
    width: 35px;
    height: 35px;
    transform: rotate(45deg);
    vertical-align: top;
    line-height: 14px;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm6
    .span-m6
    div {
    color: #000000;
    transform: rotate(-45deg);
    font-weight: 700;
    padding: 3px 0;
    text-align: center;
    font-size: 12px;
}

.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm7 {
    padding: 0.2rem;
    display: flex;
    position: absolute;
    top: 15%;
    right: 55%;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm7
    .modal-maquina7.modal-hidden {
    display: none;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm7
    .modal-maquina7 {
    width: 22rem;
    height: auto;
    margin-right: 3.5rem;
    overflow: hidden;
    text-align: center;
    box-shadow: 1px 1px 19px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    z-index: 100;
    padding: 0.6rem;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm7
    .modal-maquina7
    h2 {
    font-size: 2rem;
    font-weight: 500;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm7
    .modal-maquina7
    a {
    font-size: 1.5rem;
    text-decoration: none;
    color: #000;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm7
    .modal-maquina7
    a:hover {
    text-decoration: underline;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm7
    .modal-maquina7
    img {
    width: 85%;
    object-fit: cover;
}

.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm7
    .span-m7 {
    position: absolute;
    top: 0rem;
    right: 0.4rem;
    cursor: pointer;
    background-color: #fff;
    border-radius: 50% 50% 50% 0;
    border: 8px solid var(--bittersweet);
    width: 35px;
    height: 35px;
    transform: rotate(45deg);
    vertical-align: top;
    line-height: 14px;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm7
    .span-m7
    div {
    color: #000000;
    transform: rotate(-45deg);
    font-weight: 700;
    padding: 3px 0;
    text-align: center;
    font-size: 12px;
}

.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm8 {
    padding: 0.2rem;
    display: flex;
    position: absolute;
    bottom: 55%;
    right: 60%;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm8
    .modal-maquina8.modal-hidden {
    display: none;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm8
    .modal-maquina8 {
    width: 22rem;
    height: auto;
    margin-right: 3.5rem;
    overflow: hidden;
    text-align: center;
    box-shadow: 1px 1px 19px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    z-index: 100;
    padding: 0.6rem;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm8
    .modal-maquina8
    h2 {
    font-size: 2rem;
    font-weight: 500;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm8
    .modal-maquina8
    a {
    font-size: 1.5rem;
    text-decoration: none;
    color: #000;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm8
    .modal-maquina8
    a:hover {
    text-decoration: underline;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm8
    .modal-maquina8
    img {
    width: 85%;
    object-fit: cover;
}

.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm8
    .span-m8 {
    position: absolute;
    bottom: 0rem;
    right: 0.4rem;
    cursor: pointer;
    background-color: #fff;
    border-radius: 50% 50% 50% 0;
    border: 8px solid var(--bittersweet);
    width: 35px;
    height: 35px;
    transform: rotate(45deg);
    vertical-align: top;
    line-height: 14px;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm8
    .span-m8
    div {
    color: #000000;
    transform: rotate(-45deg);
    font-weight: 700;
    padding: 3px 0;
    text-align: center;
    font-size: 12px;
}

.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm9 {
    padding: 0.2rem;
    display: flex;
    position: absolute;
    bottom: 25%;
    right: 70%;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm9
    .modal-maquina9.modal-hidden {
    display: none;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm9
    .modal-maquina9 {
    width: 22rem;
    height: auto;
    margin-right: 3.5rem;
    overflow: hidden;
    text-align: center;
    box-shadow: 1px 1px 19px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    z-index: 100;
    padding: 0.6rem;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm9
    .modal-maquina9
    h2 {
    font-size: 2rem;
    font-weight: 500;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm9
    .modal-maquina9
    a {
    font-size: 1.5rem;
    text-decoration: none;
    color: #000;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm9
    .modal-maquina9
    a:hover {
    text-decoration: underline;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm9
    .modal-maquina9
    img {
    width: 85%;
    object-fit: cover;
}

.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm9
    .span-m9 {
    position: absolute;
    bottom: 0rem;
    right: 0.4rem;
    cursor: pointer;
    background-color: #fff;
    border-radius: 50% 50% 50% 0;
    border: 8px solid var(--bittersweet);
    width: 35px;
    height: 35px;
    transform: rotate(45deg);
    vertical-align: top;
    line-height: 14px;
}
.maquinas-detalles
    .detallesm-contenedor
    article
    .container-img
    .container-modalm9
    .span-m9
    div {
    color: #000000;
    transform: rotate(-45deg);
    font-weight: 700;
    padding: 3px 0;
    text-align: center;
    font-size: 12px;
}

.maquinas-detalles .detallesm-contenedor article .container-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* maquinas */
.container-maquinas {
    margin-top: 3rem;
    width: 100%;
}
.container-maquinas .contenedor-maquinas {
    padding: 3rem;
}
.container-maquinas .contenedor-maquinas .title-maquinas {
    font-size: 4rem;
    margin: 1rem 0;
}
.container-maquinas .contenedor-maquinas .d-maquinas {
    font-size: 2.1rem;
    margin: 2rem 0;
}
.container-maquinas .contenedor-maquinas .article-maquinas {
    width: 100%;
    margin-top: 6rem;
}
.container-maquinas .contenedor-maquinas .article-maquinas .content-m {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 3rem 0;
    /* align-items: center; */
}
.container-maquinas .contenedor-maquinas .article-maquinas .content-m .text-m {
    width: 63%;
}
.container-maquinas
    .contenedor-maquinas
    .article-maquinas
    .content-m
    .text-m
    h2 {
    margin-bottom: 2rem;
    font-size: 3.7rem;
}
.container-maquinas
    .contenedor-maquinas
    .article-maquinas
    .content-m
    .text-m
    button {
    margin: 1rem 0;
}
.container-maquinas
    .contenedor-maquinas
    .article-maquinas
    .content-m
    .text-m
    p {
    font-size: 1.9rem;
}
.container-maquinas .contenedor-maquinas .article-maquinas .content-m .img-m {
    width: 35%;
}
.container-maquinas
    .contenedor-maquinas
    .article-maquinas
    .content-m
    .img-m
    img {
    width: 100%;
    height: 30rem;
    object-fit: contain;
}

/* blog detalles */
.categorias__blogs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}
.categorias__blogs a:active {
    color: inherit;
}
.categorias__blogs a.enlace-activo {
    background-color: #065398;
    color: #fff;
}
.categorias__blogs a {
    text-align: center;
    color: #000;
    outline: none;
    padding: 1rem 2rem;
    border-radius: 20px;
    border: 2px solid #065398;
}
.blogs-detalle {
    display: flex;
    padding: 0 4rem;
    justify-content: space-between;
}
.blogs-detalle .detalle-text {
    width: 65%;
}
.blogs-detalle .detalle-recientes {
    width: 30%;
}
.blogs-detalle .detalle-recientes h2 {
    font-size: 2.5rem;
}
.blogs-detalle .detalle-recientes .blogs-recent {
    display: flex;
    margin-top: 2rem;
    flex-direction: column;
}
.blogs-detalle .detalle-recientes .blogs-recent article div {
    position: absolute;
    bottom: 0;
    padding: 1rem;
    width: 100%;
    left: 0;
}
.blogs-detalle .detalle-recientes .blogs-recent article {
    width: 100%;
    margin: 2rem 0;
    height: 23rem;
    cursor: pointer;
    border-radius: 15px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: black;
    color: #fff;
    background-position: center;
}
.blogs-detalle .detalle-recientes .blogs-recent article h3 {
    font-size: 1.7rem;
}
.blogs-detalle .detalle-recientes .blogs-recent article p {
    margin: 0.5rem 0;
    font-size: 1.3rem;
}
.blogs-detalle .detalle-recientes .blogs-recent article img {
    width: 60%;
    /* display: block;
    margin: 0 auto; */
    object-fit: contain;
}
.blogs-detalle .detalle-text h2 {
    font-size: 3rem;
}
.blogs-detalle .detalle-text small {
    font-size: 1.5rem;
}
.blogs-detalle .detalle-text img {
    width: 80%;
    object-fit: contain;
    display: block;
}
.blogs-detalle .detalle-text .text-bd p {
    font-size: 1.6rem;
    text-align: justify;
}
.blogs-detalle .detalle-text .text-bd {
    font-size: 2.1rem;
}
.blogs-detalle .detalle-text .text-bd {
    display: flex;
    gap: 2rem;
    flex-direction: column;
}
.detalles-btn {
    margin-left: 4rem;
}

/* blogs */

.section-blogs {
    width: 100%;
    padding: 5rem 0;
    background-color: #d5dfee53;
}
.contenedor-blogs {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 7rem 0;
}
.contenedor-blogs article button {
    padding: 0.9rem 1.5rem;
    margin: auto;
}
.contenedor-blogs article {
    width: 34rem;
    padding: 1.2rem;
    margin: 1rem;
    background-color: #ffffff;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 1.7rem;
    /* box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.55); */
    text-align: left;
}
.contenedor-blogs article h3 {
    font-size: rem;
    color: #065398;
}
.contenedor-blogs article img {
    max-width: 100%;
    min-width: 100%;
    height: 25rem;
    object-fit: cover;
    border-radius: 20px;
}


/* asesores */
.section__asesores {
    width: 100%;
    padding: 5rem 0;
    position: relative;
}
.section__asesores .left__asesor,
.section__asesores .right__asesor {
    position: absolute;
    font-size: 5rem;
    cursor: pointer;
    top: 50%;
}
.section__asesores .right__asesor {
    right: 6rem;
}
.section__asesores .left__asesor {
    left: 4rem;
}
.section__asesores .contenedor__asesores::-webkit-scrollbar {
    background-color: transparent;
    height: 0;
}
.section__asesores .contenedor__asesores {
    width: 85%;
    margin: 7rem auto;
    scroll-behavior: smooth;
    display: flex;
    align-items: center;
    gap: 2rem;
    overflow: auto;
}
.section__asesores .contenedor__asesores article a:active {
    color: #065398;
}
.section__asesores .contenedor__asesores article a i {
    vertical-align: middle;
}
.section__asesores .contenedor__asesores article a {
    color: #065398;
    font-size: 1.8rem;
}
.section__asesores .contenedor__asesores article b {
    width: 100%;
    display: block;
    background-color: #065398;
    color: #fff;
    font-size: 2rem;
}
.section__asesores .contenedor__asesores article {
    background-color: white;
    min-width: calc(20% - 2rem);
    width: calc(20% - 2rem);
    text-align: center;
    border: 2px solid #0653987c;
    border-radius: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.section__asesores .contenedor__asesores article:hover {
    border: 4px solid #0653987c;
    box-shadow: 1px 1px 19px 0px rgba(0, 0, 0, 0.55);
    transition: 0.5s  ease all;
}
.section__asesores .contenedor__asesores article img {
    height: 17rem;
    width: 100%;
    padding: 1rem;
    object-fit: cover;
}

/* marcas */
.section__marcas {
    width: 100%;
    padding: 5rem 0;
    position: relative;
}
.section__marcas .left__marca,
.section__marcas .right__marca {
    position: absolute;
    font-size: 5rem;
    cursor: pointer;
    top: 17%;
}
.section__marcas .right__marca {
    right: 6rem;
}
.section__marcas .left__marca {
    left: 4rem;
}
.section__marcas .contenedor__marcas::-webkit-scrollbar {
    background-color: transparent;
    height: 0;
}
.section__marcas .contenedor__marcas {
    width: 85%;
    margin: 7rem auto;
    scroll-behavior: smooth;
    display: flex;
    align-items: center;
    gap: 2rem;
    overflow: auto;
}
.section__marcas .contenedor__marcas article a:active {
    color: #065398;
}
.section__marcas .contenedor__marcas article a i {
    vertical-align: middle;
}
.section__marcas .contenedor__marcas article a {
    color: #065398;
    font-size: 1.8rem;
}
.section__marcas .contenedor__marcas article b {
    width: 100%;
    display: block;
    background-color: #065398;
    color: #fff;
    font-size: 2rem;
}
.section__marcas .contenedor__marcas article {
    background-color: white;
    min-width: calc(20% - 2rem);
    width: calc(20% - 2rem);
    text-align: center;
    border-radius: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}
.section__marcas .contenedor__marcas article:hover {
    border: 4px solid #0653987c;
    box-shadow: 1px 1px 19px 0px rgba(0, 0, 0, 0.55);
    transition: 0.5s  ease all;
}
.section__marcas .contenedor__marcas article img {
    height: 6rem;
    width: 100%;
    max-width: 180px;
    padding: 1rem;
    margin: 0 auto;
}


/* todos los asesores */
.contenedor_todos_asesores {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
    padding: 5rem 0;
}
.contenedor_todos_asesores article a {
    color: #065398;
    font-size: 1.8rem;
}
.contenedor_todos_asesores article b {
    width: 100%;
    display: block;
    background-color: #065398;
    color: #fff;
    font-size: 2rem;
}
.contenedor_todos_asesores article img {
    height: 19rem;
    width: 100%;
    padding: 1rem;
    object-fit: cover;
}
.contenedor_todos_asesores article {
    background-color: white;
    text-align: center;
    width: 19%;
    border: 2px solid #0653987c;
    border-radius: 5px;
}

/* marcas */
.section-marcas {
    width: 100%;
    padding: 5rem 0;
}
.section-marcas .contenedor-marcas::-webkit-scrollbar {
    height: 10px;
}

.section-marcas .contenedor-marcas::-webkit-scrollbar-track {
    background: var(--white);
    border-radius: 20px;
    outline: 2px solid var(--bittersweet);
}

.section-marcas .contenedor-marcas::-webkit-scrollbar-thumb {
    background: var(--bittersweet);
    border: 2px solid var(--white);
    border-radius: 20px;
}

.section-marcas .contenedor-marcas::-webkit-scrollbar-button {
    width: calc(25% - 40px);
}

.section-marcas .contenedor-marcas {
    overflow: auto;
    display: flex;
    padding: 1rem;
    width: 90%;
    margin-top: 7rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 7rem;
    gap: 5rem;
    scroll-behavior: smooth;
}
.section-marcas .contenedor-marcas img {
    /* height: 7rem; */
    /* width: 15rem; */
    min-width: calc(14.5% - 5rem);
    width: calc(14.5% - 5rem);
    /* margin: 0 0.7rem; */
    object-fit: contain;
}

/* tienda */
.section-tienda {
    width: 100%;
}
.section-tienda .contenedor-tienda {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 62%;
    margin: 4rem auto;
    position: relative;
}
.section-tienda .contenedor-tienda article .tienda-text a {
    font-size: 2rem;
    color: #000;
    margin-bottom: 1rem;
}
.section-tienda .contenedor-tienda article .tienda-text h2 {
    margin-bottom: 1rem;
}
.section-tienda .contenedor-tienda article .tienda-text {
    margin-left: 2rem;
}
.section-tienda .contenedor-tienda article {
    display: flex;
    opacity: 0;
    pointer-events: none;
}
.content-hidden {
    position: absolute;
    top: 0;
}
.section-tienda .contenedor-tienda .article.box-container-show {
    pointer-events: unset;
    opacity: 1;
    transition: opacity 1.5s ease-in-out;
}
.section-tienda .content-arrowst i {
    margin: 0 0.8rem;
    font-size: 3rem;
    padding: 1rem;
    cursor: pointer;
    font-weight: bold;
}
.section-tienda .content-arrowst {
    margin-top: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal-map .close {
    font-size: 6rem;
    color: #fff;
    top: 0;
    position: absolute;
    right: 10px;
    font-weight: bold;
    cursor: pointer;
}
.modal-map.visible {
    display: none;
}
.modal-map {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.508);
    min-width: 100%;
    min-height: 100vh;
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* formulario de pago */
.datos__user {
    margin-top: 10rem;
}
.pagination__form {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    margin: 2rem;
    /* gap: 2rem; */
}
.pagination__form article.active__pay span {
    background-color: #fff;
    color: #000;
}
.pagination__form article.active__pay {
    background-color: #065398;
    color: #fff;
}
.pagination__form article {
    background-color: #eee;
    width: 20rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: -2.5rem;
    height: 10rem;
    clip-path: polygon(0 0, 90% 0, 100% 50%, 92% 100%, 0 100%, 12% 49%);
}
.pagination__form article span {
    font-size: 1.7rem;
    margin-bottom: 0.3rem;
    font-weight: bold;
    width: 2.4rem;
    display: grid;
    place-items: center;
    height: 2.4rem;
    border-radius: 50%;
    background-color: #000;
    color: #fff;
}
.pagination__form article p {
    font-size: 1.5rem;
    font-weight: bold;
    width: 70%;
    text-align: center;
    height: 4rem;
}
.contenedor__form {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 4rem;
}
.content__entrega {
    margin-top: 2rem;
    margin-left: 3rem;
    flex-wrap: wrap;
    display: flex;
    justify-content: flex-start;
    gap: 3rem;
}
.content__entrega article.active__retiro {
    background-color: #0653980b;
    font-weight: bold;
    border: 4px solid #065398;
    border-radius: 20px;
}
.content__entrega article.active__retiro:hover {
    box-shadow: 1px 1px 19px 0px rgba(0, 0, 0, 0.5);
    transition: 0.5s  ease all;
    border: 4px solid #065398;
}
.content__entrega article {
    width: 20rem;
    cursor: pointer;
    height: 10rem;
    background-color: #f8f8f8;
    border: 1px solid #065398;
    display: grid;
    place-items: center;
    border-radius: 20px;
}
.content__entrega article:hover {
    box-shadow: 1px 1px 19px 0px rgba(0, 0, 0, 0.5);
    transition: 0.5s  ease all;
    border: 4px solid #065398;
}
.contenedeor__informacion {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
}
.contenedeor__informacion h2 {
    margin: 3rem 0;
}
.contenedeor__informacion article:nth-child(2) div {
    width: 100%;
    height: 100%;
}
.contenedeor__informacion article:nth-child(2) {
    width: 40rem;
    height: 30rem;
    background-color: #eee;
}
.contenedeor__informacion p {
    margin-left: 2rem;
}

.resumen__form h2 {
    margin-bottom: 2rem;
}
.resumen__form p {
    font-size: 1.8rem;
    margin: 1rem 2rem;
}

/* banner top */
.banner__top {
    display: flex;
    margin-top: 4rem;
    height: 18rem;
    width: 100%;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(to top, #ffffff6c 0%, #ffffff86 100%),
        url(https://rab-import-assets.s3.amazonaws.com/sudamericana-coser/nosotros/img1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.banner__top h2 p {
    transform-style: preserve-3d;
    transform: skew(40deg);
}
.banner__top h2 {
    color: #fff;
    padding: 0.3rem 3rem;
    font-size: 3rem;
    transform-style: preserve-3d;
    transform: skew(-40deg);
    background-color: #065398d7;
}

.section__maquinas {
    width: 100%;
    display: block;
    margin: auto;
}
.section__maquinas .controladores-maquinas {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 3rem;
}
.section__maquinas .controladores-maquinas span {
    width: 3rem;
    height: 4px;
    cursor: pointer;
    background-color: gray;
}
.section__maquinas .controladores-maquinas span.active-arrow {
    height: 8px;
    width: 4rem;
    background-color: #b62828;
}
.section__maquinas .contenedor__maquinas .right__maquina {
    margin-left: 1rem;
}
.section__maquinas .contenedor__maquinas .left__maquina {
    margin-right: 1rem;
}
.section__maquinas .contenedor__maquinas i {
    font-size: 5rem;
    cursor: pointer;
}
.section__maquinas .contenedor__maquinas {
    width: 80%;
    margin: auto;
    display: flex;
    align-items: center;
}
.section__maquinas .contenedor__maquinas .slider__maquina {
    width: 100%;
    display: flex;
    align-items: center;
    overflow: auto;
    gap: 1rem;
    scroll-behavior: smooth;
}
.section__maquinas .contenedor__maquinas .slider__maquina::-webkit-scrollbar {
    background-color: transparent;
    height: 0;
}
.section__maquinas .contenedor__maquinas .slider__maquina .article__maquina {
    min-width: calc(100% - 1rem);
    width: calc(100% - 1rem);
    display: flex;
    gap: 1rem;
}
.section__maquinas
    .contenedor__maquinas
    .slider__maquina
    .article__maquina
    .text__maquina
    a {
    margin-top: 0.5rem;
    width: 12rem;
}
.section__maquinas
    .contenedor__maquinas
    .slider__maquina
    .article__maquina
    .text__maquina {
    width: calc(70% - 1rem);
    /* background-color: #06539823; */
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* padding: 2rem; */
    gap: 0.5rem;
}
.section__maquinas
    .contenedor__maquinas
    .slider__maquina
    .article__maquina
    .img__maquina {
    width: calc(30% - 1rem);
}
.section__maquinas
    .contenedor__maquinas
    .slider__maquina
    .article__maquina
    .img__maquina
    img {
    width: 100%;
    height: 30rem;
    /* display: block;
    margin: auto; */
    object-fit: contain;
}
.section__maquinas
    .contenedor__maquinas
    .slider__maquina
    .article__maquina
    article {
    /* width: calc(50% - 1rem); */
    display: flex;
    justify-content: flex-start;
}

/* nosotros 2 */
/* .section__nosotros {
    margin-top: 6rem;
} */
.nosotros__container__tiendas h2{
    font-size: 4rem;
    margin-bottom: 2rem;
    text-align: center;
}
.nosotros__container__tiendas{
    margin-top: 8rem;
}
.nosotros__tiendas article h3 {
    font-size: 2.3rem;
    margin-bottom: 0.7rem;
    padding: 5px;
}
.nosotros__tiendas article p ion-icon{
    display: inline-block;
    font-style: 1rem;
}
.nosotros__tiendas article p {
    font-size: 1.6rem;
    /* margin: 1rem 0; */
    padding: 5px;
}
.nosotros__tiendas article {
    height: 50rem;
    background-color: #ffff;
    padding: 20px;
    border-radius: 20px;
    display: flex;
    width: 30%;
    flex-direction: column;
    border: 1px solid #000;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.nosotros__tiendas article iframe{
    display: none;
}
.nosotros__tiendas article iframe,
.nosotros__tiendas article div,
.nosotros__tiendas article img {
    width: 100%;
    height: auto;
    border-radius: 20px;
}
.nosotros__tiendas {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
}
.section__nosotros .card__nosotros {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
    padding: 0 4%;
    margin-top: 8rem;
}
.section__nosotros .card__nosotros article b {
    margin: 1.5rem 0;
}
.section__nosotros .contenedor__nosotros article p {
    margin-bottom: 1rem;
    text-align: justify;
}
.section__nosotros .card__nosotros article {
    width: calc(24% - 2rem);
}
/* .section__nosotros .card__nosotros article p {
    text-align: justify;
} */
.section__nosotros .card__nosotros article iframe{
    width: 100%;
    height: 100%;
}
.section__nosotros .card__nosotros article img {
    width: 100%;
    height: 100%;
    /* object-fit: contain; */
}
.section__nosotros .card__nosotros article:nth-child(1) {
    width: calc(30% - 1rem);
    height: 25rem;
    /* background-color: #065398; */
    color: #fff;
    padding:0rem;
    border-radius: 10px;
    /* border-radius: 20px; */
    display: flex;
    justify-content: center;
    font-size: 2.5rem;
    align-items: center;
}
.section__nosotros .card__nosotros article:nth-child(2),
.section__nosotros .card__nosotros article:nth-child(3),
.section__nosotros .card__nosotros article:nth-child(4) {
    background-color: #eee;
    padding: 2rem;
    /* border-radius: 20px; */
    border: 2px solid #000;
    border-radius: 10px;
}
.section__nosotros .contenedor__nosotros {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 3rem;
}
.section__nosotros .contenedor__nosotros article:nth-child(1) {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    border-radius: 10px;
    gap: 2rem;
}
.section__nosotros .contenedor__nosotros article:nth-child(1) .div1 img {
    width: 80%;
    height: 80%;
    object-fit: contain;
}
.section__nosotros .contenedor__nosotros article:nth-child(1) .div1 {
    height: 20rem;
    width: calc(50% - 1rem);
    /* border-radius: 20px; */
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #065398;
}
.section__nosotros .contenedor__nosotros article:nth-child(1) .div1 h3 {
    color: #fff;
    font-size: 3rem;
    margin-bottom: 1rem;
}
.section__nosotros .contenedor__nosotros article:nth-child(1) .img1 {
    width: calc(50% - 1rem);
    height: 20rem;
    border-radius: 10px;
    /* border-radius: 20px; */
    overflow: hidden;
}
.section__nosotros .contenedor__nosotros article:nth-child(1) .img2 {
    width: 100%;
    height: 15rem;
    /* border-radius: 20px; */
    border-radius: 10px;
    overflow: hidden;
}
.section__nosotros .contenedor__nosotros article div img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.section__nosotros .contenedor__nosotros article h2 {
    margin-bottom: 1rem;
}
.section__nosotros .contenedor__nosotros article {
    width: 45%;
}

/* nosotros */
.section-nosotros {
    width: 100%;
}
.section-nosotros .contenedor-nosotros {
    width: 90%;
    display: block;
    margin: 0 auto;
}
.section-nosotros .contenedor-nosotros .article-empresa img {
    width: 40rem;
    border-radius: 15px;
    margin-right: 2rem;
}
.section-nosotros .contenedor-nosotros .article-empresa {
    display: flex;
    justify-content: space-between;
}
.section-nosotros .contenedor-nosotros .article-empresa .text-empresa {
    width: 70rem;
}
.section-nosotros .contenedor-nosotros .article-empresa .text-empresa h2 {
    margin-bottom: 3rem;
}
.section-nosotros .contenedor-nosotros .article-empresa .text-empresa p {
    margin-bottom: 1rem;
    font-size: 1.8rem;
}
.section-nosotros .contenedor-nosotros .article-mv {
    margin-top: 9rem;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    flex-wrap: wrap;
}
.section-nosotros .contenedor-nosotros .article-mv div {
    text-align: center;
    width: 35rem;
    background-color: #fff;
    /* box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.55); */
    border: 3px solid #065398;
    padding: 3rem 1rem;
    margin: 1rem;
    border-radius: 15px;
}
.section-nosotros .contenedor-nosotros .article-mv p {
    font-size: 1.8rem;
}
.section-nosotros .contenedor-nosotros .article-mv h3 {
    margin-bottom: 1rem;
    font-size: 2.6rem;
}

/* contacto */
.section-contacto {
    width: 100%;
    padding: 0 5rem;
    margin-top: 3rem;
}
.section-contacto .contenedor-contacto {
    margin: 2rem 0;
    display: flex;
    justify-content: space-between;
}
.section-contacto .contenedor-contacto .form-contacto textarea,
.section-contacto .contenedor-contacto .form-contacto input[type="text"] {
    width: 95%;
    padding: 1.2rem 1.5rem;
    border: none;
    background-color: #eee;
    border-radius: 20px;
    resize: none;
    outline: none;
    margin-bottom: 2rem;
}
.section-contacto .contenedor-contacto .form-contacto {
    width: 55%;
}
.section-contacto .contenedor-contacto .social-contacto {
    width: 45%;
    background-color: #065398;
    color: #fff;
    padding: 3rem;
    font-size: 2.1rem;
    height: 43rem;
}
.section-contacto .contenedor-contacto .social-contacto .link-social {
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-contacto .contenedor-contacto .social-contacto .link-social i {
    margin: 0 0.7rem;
    font-size: 3.5rem;
}
.section-contacto .contenedor-contacto .social-contacto a {
    color: inherit;
    margin-bottom: 3rem;
}

/* testimonios */

.info__testimonio img {
    object-fit: contain;
    height: 28rem;
    width: 40%;
}
.jquery-modal {
    z-index: 10000 !important;
}
.info__testimonio p {
    width: 50%;
}
.info__testimonio {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}
.section-testimonios {
    width: 100%;
}
.section-testimonios .contenedor-flechas {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-testimonios .contenedor-flechas i {
    font-size: 6rem;
    color: gray;
    cursor: pointer;
}
.section-testimonios .contenedor-flechas i:hover {
    color: #065398;
}
.section-testimonios .contenedor-testimonios {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    overflow: auto;
    /* margin-top: 4rem; */
    scroll-behavior: smooth;
}
.section-testimonios .contenedor-testimonios::-webkit-scrollbar {
    background-color: transparent;
    height: 0;
}
.section-testimonios .contenedor-testimonios article {
    min-width: 30%;
    width: 30%;
    margin: 0 1.6rem;
}
/* .section-testimonios .contenedor-testimonios article p::after{
    content: "";
    position: absolute;
    bottom: -1rem;
    left: 2rem;
    width: 20px; 
    height: 20px; 
    border: 3px solid #555; 
    background: #428bca;
    transform: rotate(45deg);

} */
.section-testimonios .contenedor-testimonios article p {
    /* position: relative; */
    padding: 1.7rem;
    border-radius: 5px;
    border: 1px solid gray;
}
.section-testimonios .contenedor-testimonios article .informacion {
    width: 100%;
    display: flex;
    margin: 2rem 0;
    align-items: center;
    /* justify-content: center; */
}
.section-testimonios .contenedor-testimonios article .informacion .nombre h2 {
    font-size: 2.3rem;
}
.section-testimonios .contenedor-testimonios article .informacion .nombre {
    margin-left: 1rem;
}
.section-testimonios .contenedor-testimonios article img {
    width: 7rem;
    height: 7rem;
    object-fit: cover;
    object-position: 0 0;
    border-radius: 50%;
}

/* contactanos */
.section-contactanos {
    width: 100%;
    padding: 5rem 0;
}
.section-contactanos h2 {
    margin-top: 5rem;
    position: relative;
    text-align: center;
}
.section-contactanos h2::after {
    position: absolute;
    content: "";
    width: 13%;
    height: 4px;
    background-color: #b62828;
    left: 50%;
    bottom: -0.5rem;
    transform: translateX(-50%);
}
.section-contactanos .contenedor-form {
    width: 90%;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    margin: 4rem auto;
}
.section-contactanos .contenedor-form .location .social-media a {
    font-size: 2.2rem;
    background-color: #065398;
    color: white;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    text-align: center;
    line-height: 4.7rem;
}
.section-contactanos .contenedor-form .location .social-media {
    /* padding-left: 2rem; */
    display: flex;
    gap: 2rem;
}
.section-contactanos .contenedor-form .location .at i {
    margin-right: 0.3rem;
    vertical-align: middle;
}
.section-contactanos .contenedor-form .location .noat {
    color: #065398;
    margin: 1.7rem 0;
    font-size: 1.9rem;
}
.section-contactanos .contenedor-form .location .at {
    color: #065398;
    margin: 1.7rem 0;
    font-size: 1.9rem;
}
.section-contactanos .contenedor-form .location .at:hover {
    text-decoration: underline;
}
.section-contactanos .contenedor-form .location {
    /* padding-top: 4rem; */
    padding-left: 5rem;
    width: 50%;
}
.section-contactanos .contenedor-form .form label {
    margin-top: 1rem;
}
.section-contactanos .contenedor-form .form {
    width: 50%;
}
.section-contactanos .contenedor-form .form textarea:focus,
.section-contactanos .contenedor-form .form input[type="text"]:focus {
    border: 2px solid #000;
}
.section-contactanos .contenedor-form .form textarea {
    height: 9rem;
    resize: none;
}
.section-contactanos .contenedor-form .form textarea,
.section-contactanos .contenedor-form .form input[type="text"] {
    margin: 1rem 0;
    background-color: #fff;
    border-radius: 5px;
    outline: none;
    border: none;
    width: 100%;
    padding: 1.3rem 1rem;
}

/*-----------------------------------*\
 * #HEADER

 \*-----------------------------------*/
.header__responsive {
    display: none;
}
.header-2 {
    background-color: #065398;
    height: 5rem;
    z-index: 1000;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 7%;
    position: fixed;
    top: 0;
    left: 0;
}


.ul-modal .li-modal i {
    font-size: 2rem;
    color: #fff;
    vertical-align: middle;
}

/* .text-modalh .enlace-ul{
    width: 9rem;
} */
.navbar-item{
    display: flex;
    align-items: center;
}
.text-modalh a{
    color: #fff;
    text-decoration: none;
    display: inline;
}
.text-modalh a:hover{
    animation: pulse;
    animation-duration: .5s;
}
.text-modalh {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ul-modal .li-modal .ul-modal-2 .article-header article img {
    width: 100%;
    height: 22rem;
    border-radius: 20px;
}
.ul-modal .li-modal .ul-modal-2 .article-header article a {
    font-weight: 600;
    margin: 0.7rem 0;
    color: #055398;
    font-size: 1.8rem;
    text-align: center;
}
.ul-modal .li-modal .ul-modal-2 .article-header article {
    width: 23rem;
    border-radius: 20px;
    height: 30rem;
    cursor: pointer;
    padding: 1.5rem;
    cursor: pointer;
    border: 2px solid #055398;

}
.ul-modal .li-modal .ul-modal-2 .article-header article:hover {
    box-shadow: 1px 1px 19px 0px rgba(0, 0, 0, 0.5);
    transition: 0.5s  ease all;
    border: 4px solid #055398;

}
.ul-modal .li-modal .ul-modal-2 .article-header {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    padding: 1rem 4%;
    background-color:#fff;
    box-shadow: 1px 1px 19px 0px rgba(0, 0, 0, 0.35);
    width: 100%;
    gap: 3rem;
    border-top: 1px solid #dededebc;
}
.ul-modal .li-modal .ul-modal-2 .botones-modal button {
    margin-right: 0.6rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.ul-modal .li-modal .ul-modal-2 .botones-modal {
    /* margin-top: 1rem; */
    background-color: #fff;
    padding: 0 6%;
}
.ul-modal .li-modal .ul-modal-2.li-visible {
    visibility: visible;
    opacity: 1;
}

.ul-modal .li-modal .ul-modal-2 {
    /* padding: 2rem 0; */
    /* padding-top: 4rem; */
    /* margin-top: 3rem; */
    background-color: transparent;
    position: absolute;
    /* bottom: -27rem; */
    width: 100%;
    left: 0;
    z-index: 10;
    transition: 0.1s ease all;
   visibility: hidden;
    opacity: 0;
    /* display: block; */
}

.ul-modal .li-modal {
    list-style: none;
    /* position: relative; */
}


.header__modal.visible__header {
    top: 15rem;
}
.header__modal {
    z-index: 1000;
    transition: 0.3s ease all;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    position: fixed;
    top: -10rem;
    right: 1rem;
}
.header__modal .header__mc i {
    position: absolute;
    right: 2%;
    font-size: 3rem;
    top: 50%;
    transform: translateY(-50%);
}
.header__modal .header__mc input[type="text"] {
    width: 100%;
    padding: 0 1rem;
    height: 100%;
    border: none;
    outline: none;
}
.header__modal .header__mc {
    box-shadow: 1px 1px 14px 0px rgba(0, 0, 0, 0.379);
    width: 40%;
    height: 4.5rem;
    position: relative;
    background-color: white;
}

.carrito__header {
    position: relative;
}
.carrito__header span {
    right: -1rem;
    top: -1rem;
    position: absolute;
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    background-color: #b62828;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}
.header-2 .header-info {
    display: flex;
    /* margin-top: -2rem; */
}
.header-2 .header-info a {
    font-size: 1.7rem;
    color: #fff;
    margin: 0 0.6rem;
    text-decoration: none;
}
.header-2 .header-info a:hover {
    animation: pulse;
    animation-duration: .5s;
    text-decoration: underline;
}
.header-2 .header-info a:active {
    color: inherit;
}
.header-2 .header-cambio {
    display: flex;
    background-color: white;
    color: #065398;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 0.8rem 2rem;
    gap: 2rem;
    font-weight: bold;
}
.header-2 .header-cambio i {
    font-size: 1.9rem;
    margin: 0 0.2rem;
}
.header-2 img {
    margin-top: 2.5rem;
    width: 40rem;
    height: 6rem;
    object-fit: cover;
}
.header-2 img:hover {
    animation: pulse;
    animation-duration: 1s;
}
.header-2 h2 {
    margin-top: 5rem;
    color: white;
    font-size: 3rem;
}
.header-2 .header-cambio div {
    display: flex;
    gap: 1rem;
}
.header-2 .header-cambio a {
    font-size: 1.9rem;
    color: #065398;
    text-decoration: none;
}
.footer-icon-redes-a {
    font-size: 3rem;
    color: #fff;
    margin-right: 10px;
    text-decoration: none;
}
.header-2 .header-cambio a:hover {
    animation: pulse;
    animation-duration: .5s;
    text-decoration: underline;
}
.header-2 .header-cambio a:active {
    color: inherit;
}
.title__section {
    position: relative;
}
.title__section button {
    position: absolute;
    right: 8%;
    top: 60%;
    transform: translateY(-50%);
}
.header {
    background: #065398;
    position: fixed;
    top: 3rem;
    left: 0;
    width: 100%;
    transition: var(--transition-1);
    z-index: 999;
    /* z-index: 2000; */
    padding: 0 4%;
    box-shadow: 1px 1px 19px 0px rgba(0, 0, 0, 0.449);
}

.header.active {
    box-shadow: 0 2px 10px hsla(0, 0%, 0%, 0.1);
}

.header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-block: 20px;
    padding-top: 38px;
}
.header .container .logo-header {
    display: none;
}

.nav-open-btn {
    font-size: 30px;
    background: var(--bittersweet);
    color: var(--white);
    padding: 8px;
}

.nav-open-btn:is(:hover, :focus) {
    background: var(--salmon);
}

.nav-open-btn ion-icon {
    --ionicon-stroke-width: 40px;
}

.navbar {
    background: var(--white);
    position: fixed;
    top: 0;
    left: -280px;
    width: 100%;
    max-width: 270px;
    height: 100%;
    border-right: 3px solid var(--rich-black-fogra-29);
    /* font-family: var(--ff-roboto); */
    font-family: "Kanit", sans-serif;
    overflow-y: auto;
    overscroll-behavior: contain;
    z-index: 2;
    visibility: hidden;
    transition: 0.25s var(--cubic-out);
}

.navbar.active {
    visibility: visible;
    transform: translateX(280px);
    transition: 0.5s var(--cubic-in);
}

.nav-close-btn {
    color: var(--rich-black-fogra-29);
    position: absolute;
    top: 0;
    right: 0;
    padding: 13px;
    font-size: 25px;
    transition: var(--transition-1);
}

.nav-close-btn ion-icon {
    --ionicon-stroke-width: 55px;
}

.nav-close-btn:is(:hover, :focus) {
    color: var(--bittersweet);
}

.navbar .logo {
    background: var(--maximum-blue-green_10);
    padding-block: 50px 40px;
}

.navbar .logo img {
    margin-inline: auto;
}

.navbar-list,
.nav-action-list {
    margin: 30px;
}

.navbar-list {
    padding: 20px;
    border-bottom: 1px solid var(--gainsboro);
}

.navbar-link.active-nav {
    border-bottom: 2px solid #b62828;
}
.navbar-link {
    color: #fff;
    padding-block: 10px;
    transition: var(--transition-1);
}
.navbar-link:hover {
    animation: pulse;
    animation-duration: .5s;
}
/* 
.navbar-link:is(:hover, :focus) {
    color: #fff3ff;
} */

.navbar-item:not(:last-child) {
    border-bottom: 1px solid var(--gainsboro);
}

/* .nav-action-list > li:first-child {
    display: none;
} */

/* .nav-action-btn a:active {
    color: #fff;
} */
.nav-action-btn a {
    color: #fff;
}
.nav-action-btn {
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding-block: 10px;
    transition: var(--transition-1);
}

/* .nav-action-btn:is(:hover, :focus) {
    color: #fff;
} */

.nav-action-btn i,
.nav-action-btn ion-icon {
    font-size: 22px;
    --ionicon-stroke-width: 25px;
}

.nav-action-text strong {
    font-weight: initial;
    color: var(--bittersweet);
}

.nav-action-badge {
    margin-left: auto;
    font-size: var(--fs-8);
    /* background: var(--bittersweet); */
    background-color: #b62828;
    color: var(--white);
    width: 18px;
    height: 18px;
    display: grid;
    place-items: center;
    border-radius: 50%;
}

.overlay {
    position: fixed;
    inset: 0;
    background: hsla(0, 0%, 0%, 0.6);
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    transition: var(--transition-1);
}

.overlay.active {
    opacity: 1;
    pointer-events: all;
}

.header2-contacto {
    display: flex;
}

.seccion-titulo {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 1rem 0;
}
.seccion-titulo h2 {
    position: relative;
    font-size: 3.5rem;
}
.seccion-titulo h2::after {
    position: absolute;
    content: "";
    width: 70%;
    height: 4px;
    background-color: #b62828;
    left: 50%;
    transform: translateX(-50%);
    bottom: -1.5rem;
}

/* suscribete */
.section-suscribete {
    padding: 5rem 0;
    text-align: center;
    background-image: linear-gradient(to top, #fff 0%, #065398 100%);
}
.section-suscribete .contenedor-suscribete p {
    color: white;
}
.section-suscribete .contenedor-suscribete {
    width: 60%;
    margin: 3rem auto;
}
.section-suscribete .contenedor-suscribete .input-suscribete {
    margin-top: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    color: white;
}
.section-suscribete
    .contenedor-suscribete
    .input-suscribete
    input[type="text"] {
    background-color: white;
    outline: none;
    border: none;
    padding: 1.5rem;
}

/* seccion ofertas */
.section-ofertas {
    padding: 5rem 0;
    position: relative;
}
.section-ofertas .left__oferta,
.section-ofertas .right__oferta {
    cursor: pointer;
    font-size: 5rem;
    position: absolute;
    transform: translateY(50%);
}
.section-ofertas .right__oferta {
    top: 50%;
    right: 6%;
}
.section-ofertas .left__oferta {
    top: 50%;
    left: 6%;
}
.section-ofertas .controladores-ofertas {
    width: 100%;
    bottom: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}
.section-ofertas .controladores-ofertas span.active-oferta {
    height: 8px;
    width: 4rem;
    background-color: #b62828;
}
.section-ofertas .controladores-ofertas span {
    width: 3rem;
    height: 4px;
    cursor: pointer;
    background-color: gray;
}
.section-ofertas .contenedor-ofertas::-webkit-scrollbar-thumb {
    background-color: transparent;
}
.section-ofertas .contenedor-ofertas::-webkit-scrollbar {
    background-color: transparent;
}
.section-ofertas .contenedor-ofertas::-webkit-scrollbar {
    background-color: transparent;
    height: 0;
}
.section-ofertas .contenedor-ofertas {
    width: 80%;
    margin: 7rem auto;
    margin-bottom: 0;

    display: flex;
    align-items: center;
    gap: 2rem;
    overflow: auto;
    scroll-behavior: smooth;
}
.section-ofertas .contenedor-ofertas article {
    min-width: calc(50% - 2rem);
    width: calc(50% - 2rem);
    display: flex;
}
.section-ofertas .contenedor-ofertas article img {
    width: 50%;
    border-radius: 20px;
}
.section-ofertas .contenedor-ofertas article div {
    width: 50%;
    padding: 2rem 3rem;
}
.section-ofertas .contenedor-ofertas article div p {
    margin: 2rem 0;
}

/* testimonios */
.section-testimonial {
    padding: 5rem 12rem;
    position: relative;
}
.section-testimonial ion-icon {
    font-size: 4rem;
    position: absolute;
    top: 50%;
    cursor: pointer;
    font-weight: bold;
}
.section-testimonial #right-te {
    right: 50px;
}
.section-testimonial #left-te {
    left: 50px;
}
.section-testimonial .div-testimonio::-webkit-scrollbar {
    background-color: transparent;
    height: 0;
}
.section-testimonial .div-testimonio {
    /* width: 80%; */
    width: 100%;
    /* margin: 4rem auto; */
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 1rem;
    height: 54rem;
    overflow-y: auto;
    scroll-behavior: smooth;
}
.section-testimonial .div-testimonio .contenedor__testimonio {
    min-width: calc(100% - 1rem);
    width: calc(100% - 1rem);
    display: flex;
    justify-content: space-between;
}
.section-testimonial .div-testimonio article {
    /* min-width: calc(50% - 9rem); */
    /* width: calc(50% - 9rem); */
    width: 50%;
    height: 45rem;
    vertical-align: middle;
}
.section-testimonial .div-testimonio article img {
    width: auto;
    height: 100%;
    /* max-width: 400px; */
    border-radius: 50px;
    padding: 25px;
}

.section-testimonial2 .div-testimonio article {
    /* min-width: calc(50% - 9rem); */
    /* width: calc(50% - 9rem); */
    width: 50%;
    height: 45rem;
    vertical-align: middle;
}
.section-testimonial2 .div-testimonio article img {
    width: auto;
    height: 100%;
    /* max-width: 400px; */
    border-radius: 50px;
}

.section-testimonial .div-testimonio .img-te {
    position: relative;
    display: flex;
    justify-content: center;
}


.section-testimonial .div-testimonio .img-te::after {
    position: absolute;
    content: "";
    height: 89%;
    width: 53%;
    border: 6px solid #b62828;
    left: 30%;
    z-index: -1;
    top: 10%;
    border-radius: 20px;
}

.section-testimonial2 .div-testimonio2 .img-te2 img{
    width: 100%;
    height: 48rem;
    /* max-width: 400px; */
    border-radius: 50px;
    /* padding: 25px; */
}

.section-testimonial2 .div-testimonio2 .img-te2 {
    position: relative;
    display: flex;
    justify-content: center;
}

.section-testimonial2 .div-testimonio2 .img-te2::after {
    position: absolute;
    content: "";
    height: 96%;
    width: 84%;
    border: 6px solid #b62828;
    left: 15%;
    z-index: -1;
    top: 10%;
    border-radius: 20px;
}

.section-testimonial .div-testimonio article h2 {
    font-size: 4rem;
    position: relative;
}
.section-testimonial .div-testimonio article p {
    margin: 3rem 0;
}
.section-testimonial .div-testimonio article h2::after {
    position: absolute;
    content: "";
    width: 20%;
    height: 4px;
    background-color: #b62828;
    left: 0%;
    bottom: -0.5rem;
}
.section-testimonial .div-testimonio article .datos_testimonio {
    width: 70%;
    background-color: #065398;
    padding: 2rem;
    color: #fff;
    border-radius: 20px;
}
.datos_testimonio {
    width: 70%;
    background-color: #065398;
    padding: 2rem;
    color: #fff;
}
.section-testimonial .div-testimonio article div b {
    font-size: 2.2rem;
}
.section-testimonial .div-testimonio article div p {
    margin: 0.7rem 0;
    text-align: justify;
}

/* footer */



.footer-kaizen {
    width: 100%;
    display: flex;
    /* justify-content: space-between; */
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}
.footer-kaizen nav a {
    /* color: #fff; */
    color: gray;
    font-size: 1.6rem;
}
.footer-kaizen nav {
    background-color: white;
    /* background-color: #e3403e; */
    padding: 1rem 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}
.footer-kaizen .center-footer {

    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
}
.footer-kaizen .center-footer .article1-footer {
    /* width: 26%;  cambio para 2 fotos*/
    width: 30%;
    margin-right: 20px;
}
.footer-kaizen .center-footer .article1-footer h2 {
    font-size: 1.8rem;
    color: #e3403e;
}
.footer-kaizen .center-footer .article1-footer div {
    display: flex;
    margin: 0.8rem 0;
    width: 20rem;
}
.footer-kaizen .center-footer .article1-footer div button {
    border-radius: 0;
    background-color: e3403e;
    width: 35%;
    color: #fff;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.footer-kaizen .center-footer .article1-footer input[type="text"] {
    width: 65%;
    padding: 0.5rem;
    border: 2px solid gray;
    outline: none;
}
.footer-kaizen .center-footer .article1-footer button {
    width: 30%;
}
.footer-kaizen .center-footer .article1-footer img {
    width: 250px;
}
.footer-kaizen .center-footer .article1-footer p {
    margin: 0.8rem 0;
    font-size: 1.5rem;
    /* color: gray; */
    color: white;
}
.footer-kaizen .center-footer .article2-footer {
    display: flex;
    /* justify-content: center; */
    /*align-items: center;*/
    flex-wrap: wrap;
    gap: 2rem;
    width: 55%;
}
.footer-kaizen .center-footer .article2-footer div img{
    /* margin-top: 40px; */
    /* width: 250px; */
    border: 2px solid #85abcd;
    
}
.footer-kaizen .center-footer .article2-footer div {
    width: 48%;
}
.footer-kaizen .center-footer .article2-footer div b,
.footer-kaizen .center-footer .article2-footer div p,
.footer-kaizen .center-footer .article2-footer div a {
    margin: 0.5rem 0;
    color: #ccc;
    font-size: 1.6rem;
    color: #85abcd;
}
.footer-kaizen .center-footer .article2-footer div a:hover {
    text-decoration: underline;
    animation: pulse;
    animation-duration: .5s;
}




.copyright p{
    text-align: center;
    font-size: 1.5rem;
    color: #000;
}
.copyright{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    padding: .5rem;
    gap: .5rem;
}

.section-footer::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: -2rem;
    top: -3rem;
    border-left: 0px solid transparent;
    border-right: 190px solid transparent;
    border-bottom: 250px solid #b62828;
    transform: rotate(90deg);
}
.section-footer {
    position: relative;
    background-color: #065398;
    color: white;
    padding: 5rem 4%;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    /* gap: 2rem; */
}
.section-footer .footer1 img{
    width: 25rem;
}
.section-footer .footer1 h3 {
    font-size: 2.5rem;
    margin: 3rem 0;
}
.section-footer .footer1 div a {
    font-size: 3rem;
}
.section-footer .footer1,
.section-footer .footer2,
.section-footer .footer3,
.section-footer .footer4 {
    width: 25rem;
}
.section-footer .footer2 h2,
.section-footer .footer3 h2,
.section-footer .footer4 h2 {
    margin-bottom: 2rem;
}
.section-footer .footer2 nav a,
.section-footer .footer3 nav a,
.section-footer .footer4 nav a {
    color: rgba(255, 255, 255, 0.786);
    margin: 1rem 0;
}
.section-footer .footer4 nav a b {
    color: white;
}
.section-footer .footer1 div {
    gap: 1rem;
    display: flex;
}
.section-footer div a {
    color: white;
}

.section-footer .social-media-footer a {
    height: 4rem;
    width: 4rem;
    line-height: 4.5rem;
    border-radius: 0.5rem;
    font-size: 2.3rem;
    color: #fff;
    margin-right: 0.2rem;
    background: #85abcd;
    text-align: center;
}

.section-footer .social-media-footer a:hover{
    color: #85abcd;
    background-color: #fff;
    border: 1px solid var(--orange);
}


/* servicios */
.section-servicios {
    padding: 5rem 0;
}
.section-servicios .contenedor-servicios {
    margin: 7rem auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 3rem;
}
.section-servicios .contenedor-servicios article:hover img {
    width: 105%;
}
.section-servicios .contenedor-servicios article {
    width: 28rem;
    text-align: center;
    transition: 0.3s ease all;
    cursor: pointer;
}
.section-servicios .contenedor-servicios article h2 {
    font-size: 2rem;
    margin: 0.9rem 0;
}
.section-servicios .contenedor-servicios article img {
    transition: 0.3s ease all;
    width: 100%;
}

/* productos top */
.section-top {
    padding: 3rem 0;
    /* background-color: #065398; */
    background-image: radial-gradient(circle at 39.32% 60.68%, #6a9aff 0, #3c78f2 50%, #0057ba 100%);
    position: relative;
}
.section-top ion-icon {
    font-size: 4rem;
    position: absolute;
    top: 50%;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
}
.section-top #left-top {
    left: 150px;
}
.section-top #right-top {
    right: 150px;
}
.section-top .contenedor-top::-webkit-scrollbar {
    background-color: transparent;
    height: 0;
}
.section-top .contenedor-top {
    width: 60%;
    margin: 4rem auto;
    display: flex;
    overflow: auto;
    scroll-behavior: smooth;
    align-items: center;
    /* gap: 5rem; */
}
.section-top .contenedor-top .contenedor__ofertas {
    min-width: 100%;
    width: 100%;
    display: flex;
    gap: 2rem;
}
.section-top .contenedor-top article button {
    border: 2px solid white;
}
.section-top .contenedor-top article {
    min-width: calc(50% - 2rem);
    width: calc(50% - 2rem);
    color: white;
}
.section-top .contenedor-top article h2 {
    font-size: 3rem;
    position: relative;
}
.section-top .contenedor-top article h2::after {
    position: absolute;
    content: "";
    width: 20%;
    height: 4px;
    background-color: #b62828;
    left: 0%;
    bottom: -0.5rem;
}
.section-top .contenedor-top article p {
    font-size: 2rem;
    margin: 2rem 0;
}
.section-top .contenedor-top article img {
    width: 100%;
    border-radius: 20px;
}

/* seccion categorias 2 */
.section-categorias2 {
    padding: 5rem 0;
    background-color: #d5dfee53;
}
.section-categorias2 .contenedor-categorias2 {
    margin: 7rem auto;
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 2rem;
}
.section-categorias2 .contenedor-categorias2 article {
    height: 66rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 40rem;
    padding: 3rem;
    padding-top: 0rem;
    background-color: #e8eef6;
    border-radius: 10px;
    position: relative;
    border: 2px solid #85abcd;

}
.section-categorias2 .contenedor-categorias2 article button {
    width: 18rem;
    position: absolute;
    bottom: 3%;
    transform: translateX(-50%);
    left: 50%;
    display: block;
    margin-top: 20px;
}
.section-categorias2 .contenedor-categorias2 article p {
    margin: 1rem 0;
}

/* vista categoria */
.vista__categorias article img{
    width: 100%;
    height: 100%;
    border-radius: 20px;
}
.vista__categorias article{
    border-radius: 20px;
    width: 30rem;
    height: 30rem;
}
.vista__categorias article:hover{
    box-shadow: 1px 1px 14px 0px rgba(0, 0, 0, 0.5);
    transition: 0.5s ease all;
    border: 4px solid #055398;
}
.vista__categorias{
    display: flex;
    margin: 3rem 0;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 5rem;
}

/* seccion categoria */
/* .section-categorias {
    padding: 5rem 0;
} */
.section-categorias .div-categoria {
    margin: 7rem auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 4rem;
}
.section-categorias .div-categoria article img {
    width: 100%;
    object-fit: cover;
}

.section-categorias .div-categoria .article-t {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 3rem;
}
.section-categorias .div-categoria .article-t div a {
    margin-bottom: 1rem;
    /* margin-top: 5px; */
    border-radius: 10px;
    color: #fff;
    background-color: #055398;
    padding: 10px 20px 10px 20px;
    border: 2px solid #fff;
    align-items: center;
    width: 90%;
}

.section-categorias .div-categoria .article-t div a:hover {
    transition: .5s;
    box-shadow: 1px 1px 19px 0px rgba(0, 0, 0, 0.5);
}

.section-categorias .div-categoria .article-t .contenedor-padre-categoria {
    width: calc(53% - 3rem);
    height: auto;
    background-color: #e8eef6;
    border: 2px solid #85abcd;
    color: #065398;
    display: flex;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* gap: 2rem; */
    border-radius: 10px;
}

.section-categorias .div-categoria article {
    width: 50rem;
    display: flex;
    justify-content: center;
}

.section-categorias .div-categoria .img-categoria{
    width: 100%;
    height: 100%;
}

/* sucursales */
.section-sucursales {
    /* padding: 5rem 0; */
    width: 100%;
}
.contenedor-tiendas {
    width: 90%;
    margin: 2rem auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* margin: 2rem; */
    gap: 1.5rem;
}
.contenedor-tiendas article h3 {
    font-size: 2.3rem;
    margin-bottom: 0.7rem;
}
.contenedor-tiendas article p ion-icom{
    display: inline-block;
}
.contenedor-tiendas article p {
    font-size: 1.6rem;
    margin: 1rem 0;
}
.contenedor-tiendas article {
    height: 28rem;
    background-color: #fff;
    padding: 2rem 0rem;
    border: 1px solid #000;
    border-radius: 20px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.contenedor-tiendas article iframe,
.contenedor-tiendas article div,
.contenedor-tiendas article img {
    width: 32%;
    height: 100%;
    padding: 5px;
}
.section-sucursales h2 {
    text-align: center;
    position: relative;
    font-size: 3rem;
    margin-top: 5rem;
}
.section-sucursales article p ion-icon{
    display: inline-block;
}
.section-sucursales article p {
    margin: 2rem 0;
}
.section-sucursales h2::after {
    position: absolute;
    content: "";
    width: 20%;
    height: 4px;
    background-color: #b62828;
    left: 50%;
    bottom: -0.5rem;
    transform: translateX(-50%);
}
.section-sucursales .contenedor-sucursales {
    width: 80%;
    margin: 7rem auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    /* gap: 5rem; */
}
.section-sucursales .contenedor-sucursales article:nth-child(1) p:active{
    color: #000;
}
.section-sucursales .contenedor-sucursales article:nth-child(1) p {
    font-size: 1.6rem;
    display: flex;
    color: #000;
    gap: .3rem;
}
.section-sucursales .contenedor-sucursales article:nth-child(1) {
    padding-right: 6rem;
}
.section-sucursales .contenedor-sucursales article {
    width: 50rem;
    cursor: pointer;
}
.section-sucursales .contenedor-sucursales .img-sucursal {
    display: flex;
    /* justify-content: center; */
    align-items: center;
    flex-wrap: wrap;
    gap: 2rem;
}
.section-sucursales .contenedor-sucursales .img-sucursal div img {
    object-fit: cover;
    width: 8rem;
    height: 8rem;
    /* border-radius: 50%; */
    margin-bottom: 0.5rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.section-sucursales .contenedor-sucursales .img-sucursal div:nth-child(2) {
    position: relative;
    top: 50%;
    transform: translateY(50%);
}
.section-sucursales .contenedor-sucursales .img-sucursal div h3 {
    font-size: 1.7rem;
}
.section-sucursales .contenedor-sucursales .img-sucursal div a{
    color: #fff;
    text-align: center;
}
.section-sucursales .contenedor-sucursales .img-sucursal div p {
    font-size: 1.4rem;
    margin: 1rem 0;
    text-align: left;
}
.section-sucursales .contenedor-sucursales .img-sucursal div {
    width: 23rem;
    padding: 1rem;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #065398;
    height: 23rem;
    text-align: center;
}
.section-sucursales .contenedor-sucursales article iframe {
    width: 95%;
    height: 37rem;
}
.section-sucursales .contenedor-sucursales article h2 {
    position: relative;
    font-size: 3rem;
}
.section-sucursales .contenedor-sucursales article p {
    margin: 2rem 0;
}
.section-sucursales .contenedor-sucursales article h2::after {
    position: absolute;
    content: "";
    width: 20%;
    height: 4px;
    background-color: #b62828;
    left: 0%;
    bottom: -0.5rem;
}
/* banner */
.section-banner {
    margin-top: 8rem;
    height: 44rem;
    max-width: 100%;
    width: 100%;
    position: relative;
    padding-left: 0;
    padding-right: 0;
}
.section-banner .slider-container {
    width: 100%;
    height: 100%;
}
.section-banner .slider-container .flecha-derecha,
.section-banner .slider-container .flecha-izquierda {
    position: absolute;
    cursor: pointer;
    font-size: 7rem;
    z-index: 100;
    color: white;
    font-weight: bold;
    transform: translateY(-50%);
}
.section-banner .slider-container .flecha-derecha {
    right: 1rem;
    top: 50%;
}
.section-banner .slider-container .flecha-izquierda {
    left: 1rem;
    top: 50%;
}
.section-banner .slider-container .contenedor-principal {
    width: 100%;
    height: 100%;
}
.section-banner .banner__escritorio {
    display: block !important;
}
.section-banner .banner__movil {
    display: none !important;
}
.section-banner .banner__content {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.section-banner .contenedor-banner {
    height: 100%;
    width: 100%;
    position: relative;
    text-align: center;
}
.section-banner .contenedor-banner img {
    width: 100%;
    cursor: pointer;
    max-height: 100vh;
    height: inherit;
    vertical-align: top;
    transition: 2s;
    margin-top: 7rem;
    animation: fadeIn;
    animation-duration: 1s;
}
.section-banner .contenedor-banner article {
    min-width: 100%;
    width: 100%;
    height: 100%;
}
.section-banner .contenedor-banner article img {
    width: 100%;
    height: 100%;
}
.section-banner .controladores-banner {
    width: 100%;
    position: absolute;
    bottom: -2rem;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}
.section-banner .controladores-banner span {
    width: 3rem;
    height: 4px;
    cursor: pointer;
    background-color: gray;
    transition: 0.6s ease all;
}
.section-banner .controladores-banner span.active-arrow {
    height: 8px;
    width: 4rem;
    background-color: #b62828;
}

/*-----------------------------------*\
 * #HERO
\*-----------------------------------*/

.hero {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
    min-height: 400px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.hero-title {
    margin-bottom: 10px;
}

.hero-title > strong {
    display: block;
}

.hero-text {
    color: var(--onyx);
    /* font-family: var(--ff-roboto); */
    font-family: "Kanit", sans-serif;
    font-size: var(--fs-8);
    line-height: 1.8;
    max-width: 46ch;
    margin-bottom: 25px;
}

/*-----------------------------------*\
 * #COLLECTION
\*-----------------------------------*/

.collection-card {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding-block: 45px 25px;
}

/* registrer */
.section-registrer {
    width: 100%;
}
.section-registrer p a {
    color: #000;
}
.section-registrer p {
    display: flex;
    color: #000;
    margin: 0.9rem 0;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}
.section-registrer .form h2 {
    text-align: center;
    font-size: 3.6rem;
    color: #065398;
    margin-bottom: 2rem;
}
.section-registrer .form {
    width: 40%;
    box-shadow: 0px -5px 0px 0px #065398;
    border-radius: 17px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #dbdde1;
    padding: 2.5rem 2rem;
}
.section-registrer .form button {
    text-align: center;
    display: block;
    margin: 2rem auto;
}
.section-registrer .form select {
    background-color: rgb(255, 255, 255);
    margin: 0.8rem 0;
    padding: 1.3rem 1.2rem;
    border: none;
    border-radius: 10px;
    outline: none;
    width: 100%;
}
.section-registrer .form input[type="text"],
.section-registrer .form input[type="text"],
.section-registrer .form input[type="date"],
.section-registrer .form input[type="email"] {
    width: 100%;
    background-color: rgb(255, 255, 255);
    margin: 0.8rem 0;
    border-radius: 10px;
    padding: 1.3rem 1.2rem;
    border: none;
    outline: none;
}

/* login */
.section-login {
    width: 100%;
}
.section-login .form h2 {
    text-align: center;
    font-size: 3.6rem;
    color: #065398;
    margin-bottom: 2rem;
}
.section-login .form {
    width: 32%;
    box-shadow: 0px -5px 0px 0px #065398;
    border-radius: 17px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #dbdde1;
    padding: 2.5rem 2rem;
}
.section-login .form button {
    text-align: center;
    display: block;
    margin: 2rem auto;
}
.section-login .form input[type="text"],
.section-login .form input[type="password"] {
    background-color: rgb(255, 255, 255);
    margin: 0.7rem 0;
    padding: 1.3rem 1.2rem;
    border: none;
    outline: none;
    border-radius: 10px;
    width: 100%;
}
.section-login .form p {
    display: flex;
    color: #000;
    margin: 0.9rem 0;
    justify-content: center;
    align-items: center;
}
.section-login .form p a {
    margin: 0 0.5rem;
    color: inherit;
}
.section-login .form p a:active {
    color: inherit;
}

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

.content1 fieldset,
.content2 fieldset,
.content3 fieldset {
    border: none;
}
.content1,
.content2,
.content3 {
    /* background-color: white; */
    background-color: #dbdde1;
    box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.116);
    width: 97%;
    border-radius: 17px;
    padding: 30px;
    margin: 4rem 0;
}
.content1 h2,
.content2 h2,
.content3 h2 {
    font-size: 1.7rem;
    margin-bottom: 3rem;
}

.content1 .text2,
.content1 .text1,
.content1 .text3,
.content2 .text2,
.content3 .text2,
.content2 .text4,
.content3 .text6,
.content3 .text7 {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.content1 .text1 [type="text"],
.content1 .text1 select,
.content1 .text2 [type="text"],
.content1 .text3 [type="text"],
.content2 .text2 [type="text"],
.content2 .text3 [type="text"],
.content2 .text4 [type="text"],
.content2 .text4 select,
.content3 .text6 [type="text"],
.content3 .text6 select,
.content3 .text7 select,
.content3 .text7 [type="text"] {
    background-color: #fff;
    width: 100%;
    outline: none;
    height: 4rem !important;
    /* border-radius: 15px !important; */
    padding: 0 1.2rem;
    /* border: none; */
    /* border: 1px solid #065398; */
    border: none;
    border-radius: 10px;
}
.content1 .text1 div,
.content1 .text2 div,
.content1 .text3 div,
.content2 .text2 div,
.content2 .text3 div,
.content2 .text4 div,
.content3 .text6 div,
.content3 .text7 div {
    width: 48%;
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
}

#comprobante {
    /* background-color: #eee;
    width: 100%;
    height: 5rem;
    border-radius: 20px; */
    background-color: #fff;
    width: 100%;
    outline: none;
    height: 4rem !important;
    /* border-radius: 15px !important; */
    padding: 0 20px;
    /* border: none; */
    border: 1px solid #065398;
}

.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: 3.6rem !important;
    border-radius: 15px !important;
    padding: 0 20px;
    border: none; */
    background-color: #fff;
    width: 100%;
    outline: none;
    height: 4rem !important;
    /* border-radius: 15px !important; */
    padding: 0 20px;
    /* border: none; */
    border: 1px solid #065398;
}
.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 .btn {
    margin: 1rem;
}
/* .form-contenedor .button{
  width: 11rem !important;
  cursor: pointer;
  text-align: center;
  margin: 0 .8rem;
  text-decoration: none;
  background-color: #07a7e2;
  border: none;
  outline: none;
  color: #fff;
  padding: 0.7rem .6rem !important;
  font-weight: bold;
  font-size: 1.1rem;
  margin: 0.5rem .9rem;
  border-radius: 20px;
} */

.article-form2 {
    width: 30%;
    margin: 4rem 0;
}
.article-form2 h2 {
    font-size: 2rem;
    margin-bottom: 3rem;
}
.article-form2 .article-details.auto-f {
    height: auto;
}
.article-form2 .article-details {
    border-radius: 17px;
    background-color: #dbdde1;
    height:6.5rem;
    overflow: hidden;
    padding: 1.9rem;
}
.article-form2 .article-details article .info1 {
    display: flex;
    justify-content: space-between;
    font-size: 1.7rem;
    color: gray;
}
.article-form2 .article-details article .info1 .scroll-p ion-icon {
    margin-left: 0.6rem;
    margin-top: .5rem;
}
.article-form2 .article-details article .info1 .scroll-p {
    display: flex;
    text-decoration: underline;
    cursor: pointer;
}
.article-form2 .article-details article .img-p {
    display: flex;
    align-items: center;
    margin: 2.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: 1.7rem;
}
.article-form2 .article-details article .img-p .div-text b {
    display: flex;
    font-size: 1.7rem;
    justify-content: space-between;
    margin-bottom: 0.9rem;
}
.article-form2 .article-details article .img-p .div-text b span {
    color: gray;
    font-weight: 500;
}
.article-form2 .article-details article .cart-f {
    color: gray;
    font-size: 1.7rem;
    text-decoration: underline;
    display: flex;
}
.article-form2 .article-details article .cart-f ion-icon {
    margin-right: 0.6rem;
}
.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: 1.5rem;
    justify-content: space-between;
    align-items: center;
    margin: 1rem 0;
}
.article-form2 .article-details article .input-c {
    display: flex;
    align-items: center;
    margin: 1.8rem 0;
}
.article-form2 .article-details article .input-c input[type="checkbox"] {
    /* width: 2.4rem !important;
    height: 2.4rem !important; */
    width: auto;
}
/* .article-form2 .article-details article .input-c #check2{
    width: 4.7rem ;
    height: 4.7rem ;
  } */
.article-form2 .article-details article .input-c label {
    font-size: 1.7rem;
    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;
}

/*-----------------------------------*\
 * #PRODUCTS
\*-----------------------------------*/

.product .section-title {
    text-align: center;
    margin-bottom: 25px;
}

.filter-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
}

.filter-btn {
    color: var(--onyx);
    padding: 10px 16px;
    /* font-family: var(--ff-roboto); */
    font-family: "Kanit", sans-serif;
    font-size: var(--fs-7);
    font-weight: var(--fw-500);
    border: 1px solid var(--gainsboro);
    border-radius: 30px;
}

.filter-btn.active {
    background: var(--bittersweet);
    color: var(--white);
    border-color: var(--bittersweet);
}

.product-list {
    display: grid;
    gap: 50px 25px;
    padding: 0 4rem;
}

/* productos filtros */
.s-detalles {
    margin-top: 0rem;
    background-color: #eee;
}
.menu__filtros i {
    font-size: 2rem;
    vertical-align: middle;
}
.menu__filtros {
    display: none;
    position: fixed;
    left: 0;
    top: 12.5rem;
    width: 100%;
    background-color: #065398;
    color: white;
    padding: 0.5rem;
    z-index: 500;
    font-size: 1.6rem;
}
.contenedor-detalles {
    padding: 0 5rem;
    display: flex;
    justify-content: space-between;
    margin-top: 5rem;
}
.contenedor-detalles .select-detalles article h2 {
    margin: 2rem 0;
    text-transform: uppercase;
    font-size: 2rem;
}

.contenedor-detalles .select-detalles {
    width: 26%;
    border-radius: 20px;
    background-color: #fff;
    /* box-shadow: 2px 1px 10px 0px rgba(0, 0, 0, 0.35); */
    height: auto;
    transition: 0.3s ease all;
    padding: 2.2rem;
}
.contenedor-detalles .select-detalles hr {
    border: none;
    height: 1px;
    outline: none;
    background-color: #e2dddd;
    margin-top: 2.5rem;
}
.contenedor-detalles .select-detalles article {
    padding: 0;
}
.contenedor-detalles .select-detalles .chec2-d {
    overflow: auto;
    height: 25rem;
}
.contenedor-detalles .select-detalles .chec-d {
    overflow: auto;
    height: 28rem;
}
.contenedor-detalles .select-detalles .chec-d::-webkit-scrollbar,
.contenedor-detalles .select-detalles .chec2-d::-webkit-scrollbar {
    /* height: 10px; */
    width: 12px;
}

.contenedor-detalles .select-detalles .chec-d::-webkit-scrollbar-track,
.contenedor-detalles .select-detalles .chec2-d::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 20px;
    /* outline: 2px solid var(--bittersweet); */
}

.contenedor-detalles .select-detalles .chec-d::-webkit-scrollbar-thumb,
.contenedor-detalles .select-detalles .chec2-d::-webkit-scrollbar-thumb {
    /* background: var(--bittersweet); */
    /* background-color: gray; */
    border: 2px solid var(--white);
    border-radius: 20px;
}

.contenedor-detalles .select-detalles .chec-d::-webkit-scrollbar-button,
.contenedor-detalles .select-detalles .chec2-d::-webkit-scrollbar-button {
    width: calc(25% - 40px);
}
.contenedor-detalles .select-detalles .chec-d div,
.contenedor-detalles .select-detalles .chec2-d div {
    display: flex;
    width: 100%;
    margin-bottom: 2rem;
}
.contenedor-detalles .select-detalles .chec-d div input[type="checkbox"],
.contenedor-detalles .select-detalles .chec2-d div input[type="checkbox"] {
    width: 1.5rem;
    margin-right: 0.3rem;
}
#categoriaP {
    width: 100%;
    background-color: white;
}
.contenedor-detalles .select-detalles .chec2-d div label::first-letter {
    text-transform: uppercase;
}
.contenedor-detalles .select-detalles .chec2-d div label,
.contenedor-detalles .select-detalles .chec-d div label::first-letter {
    text-transform: uppercase;
}
.contenedor-detalles .select-detalles .chec-d div label {
    font-size: 1.6rem;
    width: 28rem;
    text-transform: lowercase;
    color: rgb(31, 17, 17);
}

.contenedor-detalles .contenedor-principald {
    width: 72%;
    /* margin-top: 5rem; */
}
.contenedor-detalles .contenedor-principald .numd {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-radius: 20px;
}
.contenedor-detalles .contenedor-principald .numd button {
    margin: 0 0.6rem;
    padding: 0.5rem 2rem;
    border-radius: 50px;
}
.contenedor-detalles
    .contenedor-principald
    .detalles-productos
    .productos__content
    p:nth-child(1) {
    height: auto !important;
}
.contenedor-detalles
    .contenedor-principald
    .detalles-productos
    .productos__content {
    margin: 0 !important;
    width: calc(33.8% - 2rem);
}
.contenedor-detalles .contenedor-principald .detalles-productos {
    width: 100%;
    gap: 2rem;
    /* padding: 0 3rem; */
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.productos__content .text-d {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* height: 9.3rem; */
    height: auto;
}
.productos__content .text-d p:nth-child(1) {
    color: #000;
    height: 6rem;
    cursor: pointer;
}
.productos__content .text-d p:nth-child(2) {
    color: gray;
}
.productos__content .text-d .price__cart ion-icon {
    font-size: 2rem;
    color: #fff;
    width: 2rem;
    height: 2rem;
    padding: 0.4rem;
    cursor: pointer;
    background-color: #000;
    border-radius: 50%;
}
.productos__content .text-d .price__cart {
    display: flex;
    justify-content: space-between;
}
.productos__content .text-d p {
    margin-bottom: 0.8rem;
}
.productos__content hr {
    border: none;
    height: 1px;
    background-color: #e2dddd;
}
.pagination__content {
    /* height: 6.5rem; */
    display: flex;
    margin-bottom: 1rem;
    background-color: white;
    /* justify-content: flex-end; */
    align-items: center;
}

.productos__content {
    width: 30%;
    height: 36rem;
    text-align: left;
    margin: 1rem;
    position: relative;
    overflow: hidden;
    font-size: 16px;
    padding: 1rem;
    padding-bottom: 1rem;
    background-color: #fff;
    border-radius: 20px;
}
.productos__content:hover {
    box-shadow: 1px 1px 19px 0px rgba(0, 0, 0, 0.5);
    transition: 0.5s  ease all;
}
.productos__content img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    margin: auto;
    /* padding: 2rem; */
}
.productos__content .content-icons {
    position: absolute;
    top: 1rem;
    left: -3rem;
    display: flex;
    flex-direction: column;
    transition: 0.2s ease all;
}
.productos__content .content-icons .icon-d {
    font-size: 2rem;
    cursor: pointer;
    margin-bottom: 0.8rem;
    background-color: #065398;
    padding: 0.4rem;
    color: #fff;
    border-radius: 6px;
}
.productos__content .content-icons .icon-d:hover {
    color: #065398;
    background-color: #fff;
}

.detalle-productos .productos__review {
    margin: 3rem 0;
}
.detalle-productos .productos__review .article_review1.height-auto {
    height: auto;
}
.detalle-productos .productos__review .article_review2.height-auto {
    height: auto;
}
.detalle-productos .productos__review article {
    height: 7rem;
    overflow: hidden;
    margin-top: 1re;
    margin-bottom: 2rem;
    transition: 0.3s ease all;
}
.detalle-productos .productos__review article .content__description {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    margin-top: 3rem;
}
.detalle-productos .productos__review article .content__description h3 {
    font-size: 3rem;
    text-transform: uppercase;
    margin-bottom: 2rem;
}
.detalle-productos .productos__review article .content__description img {
    width: 30rem;
}
.detalle-productos .productos__review h2 {
    cursor: pointer;
    margin: 2rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.detalle-productos {
    width: 100%;
    padding: 0 4rem;
    display: flex;
    flex-direction: column;
    gap: 7rem;
    /* margin-top: 4rem; */
}
.detalle-productos .detalles-p {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* .detalle-productos .detalles-p .article-img {
    width: 55%;
    height: 45rem;
} */
.detalle-productos .detalles-p .article-img {
    width: 47.5%;
}
.detalle-productos .detalles-p .article-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.detalle-productos .detalles-p .imagen__detalles {
    width: 95%;
    height: 35rem;
}
.more__images {
    position: relative;
    width: 70%;
    display: block;
    margin: auto;
}
.more__images ion-icon {
    font-size: 3rem;
    position: absolute;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
}
.more__images .more__left {
    left: -8%;
}
.more__images .more__right {
    right: -8%;
}
.more__images .contenedor__moreimgs::-webkit-scrollbar {
    background-color: transparent;
    height: 0;
}
.more__images .contenedor__moreimgs {
    width: 100%;
    display: flex;
    align-items: center;
    overflow: auto;
    scroll-behavior: smooth;
    margin:3rem auto;
}
.more__images .contenedor__moreimgs article {
    min-width: calc(33.3%);
    width: calc(33.3%);
    padding: 1rem;
    background-color: #f7f2f2d8;
    height: 10rem;
    border: 1px solid #0000004e;
}
.more__images .contenedor__moreimgs article img {
    cursor: pointer;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.section__productos {
    display: flex;
    justify-content: space-between;
    padding-right: 3rem;
    flex-wrap: wrap;
    padding-left: 3rem;
}
.article-text {
    width: 50%;
    text-align: left;
    /* position: sticky;
    height: 40rem;
    margin-top: 5rem; 
    top: 16rem;
    */
}
.article-text h2 {
    font-weight: 600;
    font-size: 2.5rem;

    margin-bottom: 1.5rem;
}
.article-text h3 {
    margin-bottom: 1.5rem;
}
.article-text .price {
    font-size: 4.5rem;
    font-weight: bold;
}
.article-text .title__description {
    font-size: 1.9rem;
    margin: 1rem 0;
    font-weight: bold;
}
.article-text .text__categoria {
    font-size: 1.6rem;
    text-transform: initial;
    margin-bottom: 1rem;
}
.article-text .description-d {
    /* margin-bottom: 1.1rem; */
    font-size: 1.6rem;
}
.article-text .category-d b {
    font-size: 1.5rem;
}
.article-text .category-d {
    font-size: 1.9rem;
}
.article-text .button-d {
    margin: 1.1rem 0;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: center;
}
.detalle__responsive{
    margin-top: 1.5rem;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: center;
}
.detalle-productos .reviews h3 {
    margin-top: 5rem;
    border-bottom: 3px solid #b62828;
    margin-bottom: 2rem;
    text-align: center;
    font-size: 3rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 9rem;
}
.detalle-productos .reviews iframe {
    width: 90%;
    display: block;
    margin: auto;
    height: 40rem;
}
.detalle-productos .reviews .title-review {
    display: flex;
    margin-bottom: 3rem;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 3rem;
}
.detalle-productos .reviews .title-review h2 {
    font-size: 2rem;
    cursor: pointer;
    transition: 0.3s ease all;
}
.detalle-productos .reviews .title-review h2:hover {
    border-bottom: 3px solid #b62828;
}
.detalle-productos .reviews .title-review h2.active-review {
    border-bottom: 3px solid #b62828;
}
.detalle-productos .reviews .text-review {
    margin-top: 2rem;
    margin-left: 5%;
}
.detalle-productos .reviews .text-review h2 {
    font-size: 3rem;
    margin-bottom: 2rem;
}
.detalle-productos .reviews .text-review ul li {
    list-style-type: "● ";
    vertical-align: middle;
    font-size: 1.7rem;
}
.detalle-productos .reviews .text-review p {
    color: rgb(61, 58, 58);
    margin-bottom: 2rem;
    font-size: 1.8rem;
}
.detalle-productos .relations {
    margin-top: 6rem;
    position: relative;
}
.detalle-productos .relations .right-d,
.detalle-productos .relations .left-d {
    position: absolute;
    top: 50%;
    font-size: 3.5rem;
    color: #065398;
    cursor: pointer;
    transition: 0.2s ease all;
}
.detalle-productos .relations .left-d {
    left: -1.3rem;
}
.detalle-productos .relations .right-d {
    right: -1.3rem;
}
.detalle-productos .relations .right-d:hover,
.detalle-productos .relations .left-d:hover {
    font-weight: bold;
    font-size: 3.9rem;
}
.detalle-productos .relations .title {
    text-align: center;
    font-size: 3.3rem !important;
}
.detalle-productos .relations .relation-slider::-webkit-scrollbar {
    background-color: transparent;
    height: 0;
}
.detalle-productos .relations .relation-slider {
    display: flex;
    /* justify-content: center; */
    align-items: center;
    overflow: auto;
    scroll-behavior: smooth;
}
.detalle-productos .relations .relation-slider article {
    min-width: 31%;
    width: 31%;
    margin: 0 1rem;
    text-align: center;
}
.detalle-productos .relations .relation-slider article img {
    width: 100%;
}
.detalle-productos .relations .relation-slider article h2 {
    font-size: 2.1rem;
    color: #065398;
    margin-bottom: 0.3rem;
}
.detalle-productos .relations .relation-slider article b {
    font-size: 1.8rem;
}

/* .productos__relacionados {
    margin-top: 4rem;
} */
.productos__relacionados {
    position: relative;
}
.productos__relacionados .left__relations,
.productos__relacionados .right__relations {
    position: absolute;
    top: 50%;
    cursor: pointer;
    z-index: 100;
    font-size: 4rem;
}
.productos__relacionados .left__relations {
    left: -5%;
}
.productos__relacionados .right__relations {
    right: -5%;
}
.container__detalles-img h2{
    margin-bottom: 2rem;
    border-bottom: 3px solid #b62828;
    text-align: center;
    font-size: 3rem;
    width: 14rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.productos__relacionados h2 {
    margin-bottom: 2rem;
    border-bottom: 3px solid #b62828;
    text-align: center;
    font-size: 3rem;
    width: 35rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.productos__relacionados .contenedor__relacionados::-webkit-scrollbar {
    background-color: transparent !important;
    height: 0;
}
.productos__relacionados .contenedor__relacionados {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 2rem 0;
    padding-left: 1rem;
    scroll-behavior: smooth;
    overflow: auto;
}
.productos__relacionados .contenedor__relacionados article {
    min-width: calc(25% - 1rem);
    width: calc(25% - 1rem);
    margin: 0;
    cursor: pointer;
}
.productos__relacionados .contenedor__relacionados article:hover {
    transition: .5 ease;
    box-shadow: 1px 3px 10px 0px rgba(0, 0, 0, 0.5);
}

/* compra exitosa */
.compra__exitosa {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5rem 0;
}
.compra__exitosa article b {
    display: block;
    font-size: 2rem;
    margin-top: 1rem;
}
.compra__exitosa article {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.25);
    width: 37rem;
    height: 31rem;
    padding: 1rem;
    text-align: center;
    vertical-align: middle;
}
.compra__exitosa article img {
    width: 10rem;
    object-fit: contain;
    margin-top: 1rem;
}

/* carrito de compras */
.section__cart {
    width: 100%;
}
.section__cart .banner__cart {
    vertical-align: baseline;
    display: flex;
    align-items: center;
    gap: 5px;
    text-align: center;
    border: 1px solid #065398;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin: 0 auto;
    color: #065398;
    font-weight: 600;
    padding: 10px 16px;
    border-radius: 5px;
    font-size: 13px;
    line-height: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 25px;
    margin-top: 10px;
    background: #06539816;
}
.contenedor__cart {
    display: flex;
    width: 90%;
    margin: auto;
    justify-content: space-between;
}
.contenedor__cart .content__cart div img {
    width: 15rem;
}
.contenedor__cart article:nth-child(1) .decription__cart div {
    display: flex;
    gap: 0.5rem;
    flex-direction: column;
}
.contenedor__cart article:nth-child(1) .decription__cart {
    display: flex;
    width: 33rem;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}
.contenedor__cart article:nth-child(1) {
    width: 68%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.contenedor__cart article:nth-child(1) button i {
    font-size: 3rem;
    color: gray;
}
.contenedor__cart article:nth-child(2) {
    width: 30%;
}
.contenedor__cart article:nth-child(2) .resume__cart button {
    width: 13rem;
    text-align: center;
}
.contenedor__cart article:nth-child(2) .resume__cart {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border: 1px solid rgba(128, 128, 128, 0.411);
    border-radius: 5px;
    margin-top: 1rem;
    background-color: #0653980e;
}
.contenedor__cart article:nth-child(2) .resume__cart div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.contenedor__cart article h2 {
    font-size: 1.8rem;
}
.contenedor__cart .content__cart {
    width: 100%;
    border-radius: 5px;
    display: flex;
    border: 1px solid rgba(128, 128, 128, 0.411);
    justify-content: space-between;
    align-items: center;
    height: 18rem;
    padding: 0 2rem;
}

/* boton de formulario */
.btn-bottom {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-right: 50px solid #b62828;
    border-top: 50px solid transparent;
    border-left: 50px solid transparent;
    border-bottom: 50px solid #b62828;
    color: #fff;
}
.btn-bottom i {
    margin-left: 2rem;
    font-size: 1.7rem;
    position: absolute;
    bottom: -3.5rem;
    right: -3rem;
    transform: rotate(-45deg);
}
.btn-bottom p {
    font-size: 1.5rem;
    margin-top: 1rem;
    width: 10rem;
    transform: rotate(-45deg);
    text-align: center;
    margin-top: 0.3rem;
    margin-left: -4rem;
}
.container-form__modal.hidden__modal {
    display: flex;
}
.container-form__modal {
    width: 100%;
    height: 100vh;
    background-color: #00000061;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1059;
    /* z-index: 10000; */
}
.form__modal {
    width: 40rem;
    padding: 1.5rem;
    background-color: #fff;
    box-shadow: 1px 1px 14px 0px rgba(0, 0, 0, 0.442);
    position: relative;
    border-radius: 10px;
}
.form__modal .close__modal {
    position: absolute;
    right: 5px;
    font-size: 4rem;
    top: 5px;
    cursor: pointer;
    color: #000;
}
.form__modal h2 {
    margin-top: 3rem;
    font-size: 2rem;
    margin-bottom: 2rem;
}
.form__modal input[type="text"],
.form__modal textarea {
    border: 1px solid #00000055;
    border-radius: 5px;
    padding: 0.4rem 1rem;
    margin-bottom: 1rem;
    width: 100%;
    outline: none;
}
.form__modal textarea {
    height: 7rem;
    resize: none;
}
.form__modal button {
    padding: 0.9rem 2rem;
}

/* cotizar */
.contenedor__cotizar {
    margin-top: 2rem;
    margin-bottom: 4rem;
}
.article__num {
    font-size: 2.4rem;
}

.form__cotizar .content1 {
    width: 100%;
    box-shadow: 0px -5px 0px 0px #065398 !important;
    background-color: #dbdde1 !important;
    border-radius: 17px !important;
}
.form__cotizar {
    padding: 2rem;
    display: flex;
    width: 45%;
    display: block;
    margin: auto;
    flex-direction: column;
}
.article__num span,
.article__num p {
    border: 1px solid #000;
}
.article__num p {
    padding: 0.4rem 1.2rem;
}
.article__num span {
    cursor: pointer;
    padding: 0.4rem 1.2rem;
}

/* carrito de compras */
.contenedor-carrito .title-car {
    text-align: center;
    font-size: 3.8rem;
}
.details-car {
    display: flex;
    flex-direction: column;
    margin-top: 3rem;
    padding: 0 2rem;
}
.details-car article {
    display: flex;
    align-items: center;
}
.details-car article .cont1 {
    display: flex;
    align-items: center;
    width: 55%;
    justify-content: center;
    height: 100%;
    border-left: 2px solid rgb(255, 255, 255);
    border-right: 2px solid rgb(255, 255, 255);
}
.details-car article .cont,
.details-car article .cont,
.details-car article .cont {
    width: 22.5%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 2px solid rgb(255, 255, 255);
    border-right: 2px solid rgb(255, 255, 255);
    padding: 0 1rem;
    height: 100%;
}
.details-car .car-d div b {
    font-size: 2rem;
}
.details-car .car-d {
    /* padding: 0 0.8rem; */
    /* background-color: #e4e4e4; */
    background-color: #065398e3;
    color: #fff;
    height: 4rem;
}

.details-car .car-p .cont1 img {
    width: 13rem;
    height: 100%;
    object-fit: contain;
    margin: 0 2rem;
}
.details-car .car-p {
    /* padding: .5rem .8rem; */
    height: 13rem;
    display: flex;
    align-items: center;
}
.details-car .car-p div {
    border-right: 1px solid rgba(0, 0, 0, 0.242);
    border-bottom: 1px solid rgba(0, 0, 0, 0.242);
    border-left: 1px solid rgba(0, 0, 0, 0.242);
    height: 100%;
    background-color: #e5e7e9;
    display: flex;
    padding: 0 1rem;
    align-items: center;
    height: 100%;
}

.details-car .car-p .cont1 .name-car {
    font-weight: bold;
    font-size: 2.2rem;
}
.details-car .car-p .cont1 ion-icon {
    font-size: 2.6rem;
    color: gray;
}
.details-car .car-p .cont1 ion-icon:hover {
    color: #065398;
    font-weight: bold;
}
.details-car .car-p .cont .price-car {
    /* font-weight: bold; */
    font-size: 2rem;
}
.contenedor-carrito .resumen-cart {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 3rem;
    padding: 0 2rem;
}
.contenedor-carrito .resumen-cart .container-resumen h3 {
    margin-bottom: 2rem;
    font-size: 2.3rem;
}
.contenedor-carrito .resumen-cart .container-resumen {
    width: 35%;
}
.contenedor-carrito .resumen-cart .container-resumen .resumen-content {
    background-color: #fff;
    border-radius: 10px;
    padding: 1rem 0.8rem;
}
.contenedor-carrito
    .resumen-cart
    .container-resumen
    .resumen-content
    article
    b {
    font-size: 2rem;
}
.contenedor-carrito .resumen-cart .container-resumen .resumen-content article {
    display: flex;
    justify-content: space-between;
}
.contenedor-carrito .resumen-cart .container-resumen .btn {
    display: block;
    margin: 1rem 0;
}

/*-----------------------------------*\
 * #CTA
\*-----------------------------------*/

.cta-list {
    display: grid;
    gap: 40px;
}

.cta-card {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: var(--white);
    text-align: center;
    padding: 50px 20px;
}

.cta-card .card-subtitle {
    font-size: var(--fs-5);
    margin-bottom: 15px;
}

.cta-card .card-title {
    color: inherit;
    line-height: 1.3;
    margin-bottom: 20px;
}

/*-----------------------------------*\
 * #SPECIAL
\*-----------------------------------*/

.special-banner {
    height: 500px;
    background-color: var(--smoky-black);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding: 50px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.special-banner .banner-title {
    color: var(--white);
    font-weight: var(--fw-600);
}

.special .section-title {
    margin-block: 40px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.special .section-title .text {
    min-width: max-content;
}

.special .section-title .line {
    width: 100%;
    height: 1px;
    background: var(--gainsboro);
}

/*-----------------------------------*\
 * #SERVICE
\*-----------------------------------*/

.service-list {
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: center;
    gap: 30px;
    padding-inline: 30px;
    margin-top: 4rem;
}

.service-item {
    width: 220px;
}

.service-card {
    display: flex;
    align-items: center;
    gap: 15px;
}

.service-card .card-icon {
    background: var(--bittersweet);
    min-width: 55px;
    height: 55px;
    border-radius: 50%;
    display: grid;
    place-items: center;
}

.service-card .card-icon img {
    filter: brightness(0) invert(1);
    width: 60%;
    height: auto;
}

.service-card .card-title {
    font-size: var(--fs-6);
    margin-bottom: 8px;
}

.service-card .card-text {
    color: var(--onyx);
    /* font-family: var(--ff-roboto); */
    font-family: "Kanit", sans-serif;
    font-size: var(--fs-7);
}

.service-card .card-text span {
    display: inline-block;
    color: var(--bittersweet);
}

/*-----------------------------------*\
 * #INSTA POST
\*-----------------------------------*/

.insta-post-list {
    gap: 0;
}

.insta-post-list .insta-post-item {
    position: relative;
    min-width: 33.33%;
    aspect-ratio: 1 / 1;
}

.insta-post-link {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: var(--oxford-blue_60);
    opacity: 0;
    transition: var(--transition-1);
}

.insta-post-link ion-icon {
    color: var(--white);
    font-size: 40px;
}

.insta-post-link:is(:hover, :focus) {
    opacity: 1;
}

/*-----------------------------------*\
 * #FOOTER
\*-----------------------------------*/

.footer {
    /* font-family: var(--ff-roboto); */
    font-family: "Kanit", sans-serif;
}

.footer-top {
    background: var(--cultured);
}

.footer-brand {
    padding-bottom: 50px;
    border-bottom: 1px solid var(--gainsboro);
    margin-bottom: 50px;
}

.footer-brand .logo {
    margin-bottom: 15px;
}

.social-list {
    display: flex;
    align-items: center;
    gap: 8px;
}

.social-link {
    background: var(--gainsboro);
    color: var(--onyx);
    font-size: 20px;
    padding: 10px;
    transition: var(--transition-1);
}

.social-link:is(:hover, :focus) {
    background: var(--bittersweet);
    color: var(--white);
}

.footer-list-title {
    position: relative;
    color: var(--rich-black-fogra-29);
    /* font-family: var(--ff-josefin-sans); */
    font-family: "Kanit", sans-serif;
    font-size: var(--fs-3);
    font-weight: var(--fw-700);
    margin-bottom: 25px;
}

.footer-list-title::after {
    content: "";
    display: block;
    background: var(--bittersweet);
    width: 50px;
    height: 2px;
    margin-top: 10px;
}

.footer-link {
    color: var(--onyx);
    display: flex;
    align-items: center;
    gap: 10px;
    padding-block: 6px;
    transition: var(--transition-1);
}

a.footer-link:is(:hover, :focus) {
    color: var(--bittersweet);
}

.footer-link-text {
    flex: 1;
}

.footer-list:not(:last-child) {
    margin-bottom: 30px;
}

.footer-list:first-child ion-icon {
    color: var(--bittersweet);
    font-size: 22px;
}

.table-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    text-align: left;
    padding-block: 6px;
}

.table-head {
    color: var(--rich-black-fogra-29);
    font-weight: var(--fw-500);
}

.table-data {
    color: var(--onyx);
}

.newsletter-text {
    color: var(--onyx);
    line-height: 1.7;
    margin-bottom: 20px;
}

.newsletter-form {
    position: relative;
}

.newsletter-input {
    background: var(--white);
    color: var(--onyx);
    padding: 15px 25px;
    padding-right: 120px;
}

.newsletter-form .btn-primary {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    /* font-family: var(--ff-josefin-sans); */
    font-family: "Kanit", sans-serif;
    font-size: var(--fs-6);
    font-weight: var(--fw-600);
    padding-inline: 20px;
}

.footer-bottom {
    background: var(--rich-black-fogra-29);
    padding-block: 20px;
}

.copyright {
    text-align: center;
    background-color: #fff;
}

.copyright-link {
    display: inline-block;
    color: var(--bittersweet);
}

/*-----------------------------------*\
 * #GO TOP
\*-----------------------------------*/

.go-top-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: var(--bittersweet);
    color: var(--white);
    font-size: 20px;
    padding: 10px;
    border: 4px solid var(--white);
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition-1);
    z-index: 2;
}

.go-top-btn.active {
    opacity: 1;
    visibility: visible;
}

.go-top-btn:is(:hover, :focus) {
    background: var(--salmon);
}

/*-----------------------------------*\
 * #MEDIA QUERIES
\*-----------------------------------*/

/**
 * responsive for larger than 575px screen
 */

@media (min-width: 575px) {
    /**
   * CUSTOM PROPERTY
   */

    :root {
        /**
     * typography
     */

        --fs-1: 4rem;
    }

    /**
   * REUSED STYLE
   */

    .container {
        max-width: 650px;
        width: 100%;
        margin-inline: auto;
    }

    .has-scrollbar > li {
        min-width: calc(50% - 12.5px);
    }

    /**
   * HERO
   */

    .hero-text {
        font-size: var(--fs-7);
    }

    /**
   * PRODUCTS
   */

    .product-list {
        grid-template-columns: 1fr 1fr;
    }

    /**
   * CTA
   */

    .cta-card {
        text-align: left;
    }

    .cta-card .card-title {
        max-width: 14ch;
    }

    .cta-card .btn-link {
        margin-inline: 0;
    }

    /**
   * INSTA POST
   */

    .insta-post-list .insta-post-item {
        min-width: 25%;
    }

    /**
   * FOOTER
   */

    .footer-brand .logo {
        margin-bottom: 0;
    }

    .footer-brand {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .footer-link-box {
        width: 100%;
        display: flex;
        justify-content: center;
        /* align-items: center; */
        flex-wrap: wrap;
        /* grid-template-columns: 1fr 1fr; */
        /* column-gap: 30px; */
        justify-content: center;
    }
}

/**
 * responsive for larger than 768px screen
 */

@media (min-width: 768px) {
    /**
    
   * CUSTOM PROPERTY
   */
   
    :root {
        /**
     * typography
     */

        --fs-2: 3rem;
    }

    /**
   * REUSED STYLE
   */

    .container {
        max-width: 720px;
    }

    .h4 {
        --fs-5: 2rem;
    }

    /**
   * SPECIAL
   */

    .special-banner .banner-title {
        --fs-4: 2.2rem;
    }

    .special-product .has-scrollbar > li {
        min-width: 100%;
    }

    .special .container {
        display: flex;
        gap: 25px;
    }

    .special .section-title {
        margin-block-start: 0;
    }

    .special-banner,
    .special-product {
        min-width: calc(50% - 12.5px);
    }

    .special-banner {
        height: auto;
    }

    /**
   * INSTA POST
   */

    .insta-post-list .insta-post-item {
        min-width: 20%;
    }

    /**
   * GO TOP
   */

    .go-top-btn {
        padding: 15px;
        border-width: 6px;
        bottom: 30px;
        right: 30px;
    }
}

/**
 * responsive for larger than 992px screen
 */

@media (min-width: 992px) {
    /**
   * CUSTOM PROPERTY
   */
    

    :root {
        /**
     * typography
     */

        --fs-3: 2.4rem;
    }

    /**
   * REUSED STYLE
   */

    .container {
        max-width: 970px;
    }

    .has-scrollbar > li {
        min-width: calc(33.33% - 16.66px);
    }

    /**
   * HEADER
   */

    .nav-open-btn,
    .nav-close-btn,
    .navbar .logo,
    .nav-action-text,
    .overlay {
        display: none;
    }

    .navbar,
    .navbar-list,
    .nav-action-list {
        all: unset;
    }

    .navbar-item:not(:last-child) {
        border: none;
    }

    .navbar-list,
    .nav-action-list {
        display: flex;
    }

    .nav-action-list {
        gap: 20px;
    }

    .navbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-grow: 1;
    }

    .navbar-list {
        /* margin-inline: auto; */
        gap: 35px;
    }

    .navbar-link {
        /* font-family: var(--ff-roboto); */
        font-family: "Kanit", sans-serif;
        font-weight: var(--fw-500);
    }

    .nav-action-list > li:first-child {
        display: block;
    }

    .nav-action-btn {
        position: relative;
    }

    .nav-action-badge ion-icon {
        --ionicon-stroke-width: 30px;
    }

    .nav-action-badge {
        position: absolute;
        top: 5px;
        right: -12px;
    }

    /**
   * HERO
   */

    .hero {
        height: 480px;
    }

    /**
   * PRODUCTS
   */

    .product-list {
        grid-template-columns: repeat(3, 1fr);
    }

    /**
   * CTA
   */

    .cta-list {
        grid-template-columns: 1fr 1fr;
        gap: 25px;
    }

    .cta-card {
        padding-inline: 50px;
    }

    /**
   * SPECIAL
   */

    .special-banner {
        min-width: calc(33.33% - 25px);
    }

    .special-product {
        min-width: 66.66%;
    }

    .special-product .has-scrollbar > li {
        min-width: calc(50% - 12.5px);
    }

    /**
   * INSTA POST
   */

    .insta-post-list .insta-post-item {
        min-width: 16.666%;
    }
}

/**
 * responsive for larger than 1200px screen
 */

@media (min-width: 1200px) {
    /**
   * CUSTOM PROPERTY
   */
   
    :root {
        /**
     * typography
     */

        --fs-1: 5rem;
        --fs-2: 3.6rem;
    }

    /**
   * REUSED STYLE
   */

    .container {
        max-width: 1280px;
    }

    /**
   * HERO
   */

    .hero {
        height: 580px;
    }

    .hero .container {
        max-width: 1000px;
    }

    .hero-text {
        font-size: var(--fs-6);
        max-width: 50ch;
    }

    /**
   * PRODUCTS
   */

    .product-list {
        grid-template-columns: repeat(4, 1fr);
    }

    /**
   * SPECIAL
   */

    .special-banner {
        min-width: calc(25% - 25px);
    }

    .special-product .has-scrollbar > li {
        min-width: calc(33.33% - 16.66px);
    }

    .special-banner .banner-title {
        --fs-4: 2.4rem;
    }

    /**
   * SERVICE
   */

    .service-item {
        width: 275px;
    }

    .service-card .card-icon {
        min-width: 70px;
        height: 70px;
    }

    .service-card .card-title {
        --fs-6: 2rem;
    }

    /**
   * INSTA POST
   */

    .insta-post {
        padding-block-end: 0;
    }

    .insta-post-list .insta-post-item {
        min-width: 12.5%;
    }

    .insta-post-list {
        padding-bottom: 0;
    }

    /**
   * FOOTER
   */

    .footer-link-box {
        grid-template-columns: 1.5fr 1fr 1fr 1.5fr;
        gap: 50px;
    }
}

@media (max-width:1200px) {
    .header {
        background: #065398;
        position: fixed;
        top: 3rem;
        left: 0;
        width: 100%;
        transition: var(--transition-1);
        z-index: 999;
        /* z-index: 2000; */
        padding: 0 4%;
        box-shadow: 1px 1px 19px 0px rgba(0, 0, 0, 0.449);
    }
       .header-2 {
        height: 4.6rem;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0;
        /* display: none; */
        }
        .header2-contacto{
            display: none;
        }
}

@media (max-width: 768px) {
    
    .section__marcas .contenedor__marcas article {
        background-color: transparent;
        min-width: calc(20% - 2rem);
        width: calc(20% - 2rem);
        text-align: center;
        border-radius: 20px;
        margin-top: 10px;
        margin-bottom: 10px;
        cursor: pointer;
        margin-left: 30px;
        margin-right: 55px;
    }
    .section__marcas .contenedor__marcas article:hover {
        border: none;
    box-shadow: none;
    transition: 0.5s  ease all;
    }

    .section__marcas .contenedor__marcas article img{
        width: 12rem;
        
    }

    .footer-kaizen .center-footer .article2-footer div{
        width: 100%;
    }
    .footer-kaizen .center-footer article{
        width: 100% !important;
    }
    .ul-modal-2{
        display: none;
    }
    .nosotros__tiendas article{
        width: 45%;
    }
    .section__nosotros .card__nosotros article:nth-child(1){
        width: 50%;
    }
    .nosotros__container__tiendas{
        margin-top: 4rem;
    }
    .contenedor-tiendas article{
        height: 25rem;
    }
    .section-sucursales article p{
        margin: 1rem 0;
    }
    .contenedor_todos_asesores article{
        width: 30%;
    }
    .maquinas-detalles .detallesm-contenedor article .container-img .container-modalm1 .modal-maquina{
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .section-categorias2 .contenedor-categorias2 {
        margin-bottom: 0;
    }
    .section__asesores .contenedor__asesores {
        margin-top: 0;
        margin-bottom: 0;
        width: 80%;
    }
    .section__asesores .contenedor__asesores article img {
        height: 20rem;
    }
    .section__asesores .contenedor__asesores article {
        min-width: calc(33.333% - 1.9rem);
        width: calc(33.333% - 1.9rem);
    }
    .section__asesores .left__asesor {
        left: 2rem;
    }
    .section__asesores .right__asesor,
    .section__asesores .left__asesor{
        top: 60%;
    }
    .section__asesores .right__asesor {
        right: 4rem;
    }
    .section-marcas .contenedor-marcas {
        margin-top: 0;
        margin-bottom: 0;
    }
    .modal__marcas .contenedor__m-marcas article {
        width: 95%;
    }
    .contenedeor__informacion {
        flex-direction: column;
    }
    .contenedeor__informacion article:nth-child(2) {
        width: 100%;
        height: 18rem;
    }
    .content__entrega {
        justify-content: center;
        gap: 2rem;
    }
    .content__entrega article {
        width: 17rem;
        height: 8rem;
    }
    .contenedor__form {
        flex-direction: column;
        padding: 0.5rem 1rem;
    }
    .article-form1 {
        width: 100% !important;
    }
    .article-form2 {
        width: 100%;
    }
    .datos_testimonio {
        width: 100%;
    }
    
    .form__modal {
        width: 95%;
    }
    .content1,
    .content2,
    .content3 {
        width: 100% !important;
    }
    .btn {
        padding: 10px 20px;
    }
    .form__cotizar {
        width: 100%;
    }
    .productos__relacionados .left__relations {
        left: -6%;
    }
    .productos__relacionados .right__relations {
        right: -6%;
    }
    .productos__relacionados .contenedor__relacionados {
        gap: 0;
        padding: 0;
    }
    .productos__relacionados .contenedor__relacionados article {
        min-width: calc(50% - 1rem);
        width: calc(50% - 1rem);
        margin: .5rem;
    }
    .detalle-productos .reviews .title-review {
        gap: 2rem;
    }
    .section__productos {
        margin-top: 4rem;
        margin-bottom: 4rem;
        padding: 0 !important;
    }
    .menu__filtros {
        display: block;
    }
    .banner__productos {
        margin-top: 8rem !important;
    }
    .section-ofertas .left__oferta {
        left: 2%;
    }
    .section-ofertas .right__oferta {
        right: 2%;
    }
    .nav__hidden {
        display: none;
    }
    .header__responsive div {
        display: flex;
        gap: 1rem;
    }
    .header__responsive .btn {
        padding: 1rem 2rem;
    }
    .header__responsive {
        padding: 0 1rem;
        display: flex;
        position: fixed;
        top: 6.5rem;
        align-items: center;
        justify-content: space-between;
        z-index: 500;
        width: 100%;
        left: 0;
        height: 6rem;
        background-color: white;
        box-shadow: 1px 1px 15px 0px rgba(0, 0, 0, 0.479);
    }
    .header .container {
        padding-block: 0;
        max-width: 100%;
    }
    .maquinas-detalles .detallesm-contenedor article .container-img {
        width: 100%;
    }
    .maquinas-detalles {
        width: 90%;
    }
    .section-contactanos .contenedor-form .location {
        padding-left: 0;
    }
    .section-sucursales .contenedor-sucursales .img-sucursal {
        justify-content: center;
    }
    .section-sucursales .contenedor-sucursales .img-sucursal div {
        width: 46%;
        /* height: auto; */
    }
    .text__maquina-carusel {
        display: none;
    }
    .section__maquinas
        .contenedor__maquinas
        .slider__maquina
        .article__maquina
        article {
        width: 100% !important;
    }
    .section__maquinas
        .contenedor__maquinas
        .slider__maquina
        .article__maquina {
        flex-direction: column;
    }
    .section__maquinas .p__maquina {
        width: 95% !important;
    }
    .section__maquinas .contenedor__maquinas {
        width: 100%;
    }
    .section__maquinas .controladores-maquinas {
        width: 90%;
        gap: 2rem;
        margin: 3rem auto;
    }
    .contenedor-detalles
        .contenedor-principald
        .detalles-productos
        .productos__content {
        width: calc(33.3333% - 2rem);
    }
    .section__nosotros .card__nosotros {
        margin-top: 4rem;
    }
    .section__nosotros .card__nosotros article {
        width: calc(100% - 2rem);
    }
    .section__nosotros .contenedor__nosotros article {
        width: 95% !important;
    }
    .section__nosotros .contenedor__nosotros {
        flex-direction: column-reverse;
    }
    .banner__top {
        margin-top: 5rem;
    }
    .section-marcas .contenedor-marcas {
        gap: 2rem;
    }
    .section-marcas .contenedor-marcas img {
        min-width: calc(33.333% - 1.5rem);
        width: calc(33.333% - 1.5rem);
    }
    .seccion-titulo button {
        position: static;
    }
    .seccion-titulo {
        flex-direction: column;
        gap: 6rem;
    }
    .section-testimonial .div-testimonio article .datos_testimonio {
        width: 95%;
    }
    .section-testimonial .div-testimonio {
        height: auto;
        gap: 0;
        overflow: hidden;
    }

    .section-testimonial2 .div-testimonio2 {
        height: auto;
        gap: 0;
        overflow: hidden;
    }

    .modal {
        width: 100% !important;
    }
    .info__testimonio p {
        width: 100%;
    }
    .info__testimonio img {
        height: 20rem;
        object-fit: contain;
        width: 100% !important;
    }
    .info__testimonio {
        flex-direction: column;
    }
    .section-testimonial {
        padding: 5rem 4rem;
    }
    .section-testimonial .div-testimonio .contenedor__testimonio {
        min-width: 100%;
        width: 100%;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 4rem;
    }
    .section-categorias2 .contenedor-categorias2 article button {
        position: static;
        display: block;
        margin-top: 20px;
        transform: translate(0);
    }
    .header__modal.visible__header{
        top: 13rem;
    }
    .header__modal {
        display: flex;
        justify-content: center;
    }
    .header__modal .header__mc {
        width: 95%;
        display: block;
        margin: auto;
    }
    .navbar .logo {
        display: none;
    }
    .section-categorias2 .contenedor-categorias2 article {
        width: 29rem;
        height: auto;
    }
    .title__section button {
        right: 0;
    }
    .section-footer::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        left: 1rem;
        top: -3rem;
        border-left: 0px solid transparent;
        border-right: 90px solid transparent;
        border-bottom: 150px solid #b62828;
        transform: rotate(90deg);
    }
    .section-suscribete
        .contenedor-suscribete
        .input-suscribete
        input[type="text"] {
        width: 80%;
    }
    .section-suscribete .contenedor-suscribete .input-suscribete {
        flex-direction: column;
    }
    .section-suscribete .contenedor-suscribete {
        width: 100%;
    }
    .section-sucursales .contenedor-sucursales .img-sucursal div:nth-child(2) {
        position: static;
        top: 0;
        transform: translate(0, 0);
    }
    .section-sucursales .contenedor-sucursales article {
        width: 100%;
    }
    .section-sucursales .contenedor-sucursales article:nth-child(1) {
        padding: 0;
    }
    .section-sucursales .contenedor-sucursales {
        flex-direction: column-reverse;
        width: 95%;
        margin: 2rem auto;
        gap: 2rem;
    }
    .section-categorias .div-categoria article img {
        width: 80%;
        display: block;
        margin: auto;
    }
    .section-categorias .div-categoria {
        gap: 3rem;
    }
    .section-categorias .div-categoria .article-t {
        gap: 1rem;
    }
    .section-categorias .div-categoria .article-t div {
        gap: 0.5rem;
    }
    .section-top #left-top {
        left: 0;
    }
    .section-top #right-top {
        right: 0;
    }
    .section-top .contenedor-top .contenedor__ofertas {
        flex-direction: column;
    }
    .section-top .contenedor-top article {
        min-width: calc(100% - 2rem);
        width: calc(100% - 2rem);
    }
    .section-top .contenedor-top {
        overflow: hidden;
        width: 79%;
    }

    /* .section-top .contenedor-top {
        flex-direction: column;
        gap: 1rem;
    } */
    .section-testimonial #right-te {
        right: 2%;
    }
    .section-testimonial #left-te {
        left: 2%;
    }
    .section-testimonial .div-testimonio .img-te {
        min-width: 60%;
        width: 60%;
        height: 45rem;
    }
    .section-testimonial .div-testimonio .img-te::after {
        position: absolute;
        content: "";
        height: 89%;
        width: 68%;
        border: 6px solid #b62828;
        left: 30%;
        z-index: -1;
        top: 10%;
        border-radius: 20px;
    }

    .section-testimonial2 .div-testimonio2 .img-te2::after {
        position: absolute;
        content: "";
        height: 89%;
        width: 85%;
        border: 6px solid #b62828;
        left: 15%;
        z-index: -1;
        top: 10%;
        border-radius: 20px;
    }

    .section-testimonial .div-testimonio article {
        min-width: calc(100% - 4rem);
        width: calc(100% - 4rem);
        height: auto;
    }
    /* .section-testimonial .div-testimonio {
        width: 80%;
        flex-direction: column;
        gap: 6rem;
    } */
   
    .section-ofertas .contenedor-ofertas {
        width: 85%;
        overflow: auto;
        scroll-behavior: smooth;
        padding: 0 1rem;
    }
    .section-ofertas .contenedor-ofertas article div {
        padding: 0;
    }
    .section-ofertas .contenedor-ofertas article {
        min-width: 100%;
        width: 100%;
        gap: 2rem;
    }
    .section-banner {
        height: 35rem;
        width: 95%;
        margin: 1rem auto;
        margin-top: 6rem;
    }

    /* .nav-action-btn data{
        display: none;
    }
    */
    .header-2 {
        display: none;
    }
    .header .container .logo-header {
        display: block;
    }
    /* .contenedor-maquinas {
        margin-top: 80px;
    }
    .blogs-detalle {
        margin-top: 80px;
    }
    #blogs {
        margin-top: 80px;
    }
    #category-s {
        margin-top: 80px;
    }
    .contenedor-detalles {
        margin-top: 80px;
    }
    .container-marcas .contenedor-marcas {
        margin-top: 80px;
    } */
    .container-marcas .contenedor-marcas .content-marcas {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 0;
    }
    .container-marcas .contenedor-marcas .content-marcas article {
        min-width: 100%;
        width: 100%;
        margin: 1rem 0;
    }
    .container-marcas .contenedor-marcas .content-marcas article img {
        width: 100% !important;
        object-fit: cover;
    }

    .section-nosotros {
        margin-top: 4rem;
    }
    .section-nosotros .contenedor-nosotros .article-empresa img {
        width: 100%;
    }
    .section-nosotros .contenedor-nosotros .article-empresa .text-empresa {
        width: 100%;
        margin: 2rem 0;
    }
    .article-empresa {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .navbar {
        margin-top: 4rem;
    }
    .nav-action-btn,
    .nav-action-btn i {
        color: #000;
    }
    .nav-action-btn,
    .nav-action-btn ion-icon {
        color: #000;
    }
    .navbar-list,
    .navbar-list a,
    .navbar-list ion-icon {
        color: #000;
    }
    .nav-action-list li ion-icon {
        color: #000;
    }
    .section {
        padding-block: 30px;
    }
    .section-login .form {
        width: 60%;
    }
    .section-registrer .form {
        width: 60%;
    }
    .service-list {
        flex-wrap: wrap;
    }
    .section-team .contenedor-equipo article {
        min-width: 100%;
        width: 100%;
    }
    .section-testimonios .contenedor-testimonios article {
        min-width: 90%;
        width: 90%;
    }
    .section-contactanos .contenedor-form {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }
    .section-contactanos .contenedor-form .location {
        margin-top: 3rem;
        width: 100%;
    }
    .section-contactanos .contenedor-form .form {
        width: 100%;
    }
    .section-tienda .contenedor-tienda article {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .section-tienda .contenedor-tienda article .tienda-text {
        margin-top: 3rem;
        margin-left: 0;
    }
    .section-contacto .contenedor-contacto {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .section-contacto .contenedor-contacto .form-contacto {
        width: 100%;
    }
    .section-contacto .contenedor-contacto .social-contacto {
        margin-top: 3rem;
        width: 100%;
        font-size: 1.5rem;
    }
    .contenedor-detalles {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0 1rem;
        margin-top: 0;
    }
    .contenedor-detalles .contenedor-principald {
        width: 100%;
    }
    .contenedor-detalles .select-detalles.active {
        transform: translateX(0%);
    }
    .contenedor-detalles .select-detalles {
        width: 50%;
        position: absolute;
        top: 17rem;
        left: 0;
        height: auto;
        z-index: 100;
        transform: translateX(-100%);
    }
   
    .productos__content {
        width: 100%;
    }
    .detalle-productos .detalles-p {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        gap: 3rem;
    }
    .detalle-productos .detalles-p .article-img img {
        object-fit: contain;
    }
    .img_producto_container {
        height: 40rem !important;
    }
    .more__images .more__left {
        left: -10%;
    }
    .more__images .more__right {
        right: -10%;
    }
    .more__images {
        width: 60%;
    }
    .detalle-productos .detalles-p .article-img {
        height: auto;
        width: 100%;
    }
    .detalle-productos .detalles-p .article-text {
        width: 100%;
    }
    .detalle-productos .reviews .title-review h2 {
        font-size: 1.7rem;
        margin: 0;
    }
    .detalle-productos .relations .relation-slider article {
        min-width: 100%;
        width: 100%;
    }
    .detalle-productos .relations .left-d {
        left: -3rem;
    }
    .detalle-productos .relations .right-d {
        right: -3rem;
    }
    .details-car {
        padding: 0 0.5rem;
    }
    .details-car .car-p .cont1 {
        flex-direction: column;
        align-items: center;
        width: 30% !important;
    }
    .details-car article .cont__name {
        width: 30% !important;
    }
    .details-car article .cont1 {
        display: flex;
        align-items: center;
        width: 60%;
    }
    .details-car .car-p div {
        padding: 0 0.5rem;
    }
    .details-car article .cont span {
        font-size: 1.4rem;
        padding: 0.1rem 0.7rem;
    }
    .span__delete {
        display: none !important;
    }
    .details-car article .cont p {
        padding: 0.1rem 0.7rem;
        font-size: 1.4rem;
    }
    .details-car article .cont,
    .details-car article .cont,
    .details-car article .cont {
        width: 40%;
    }
    .delete__responsive {
        display: block !important;
    }
    .delete__cart {
        display: none !important;
    }
    .details-car .car-p .cont1 img {
        width: 7rem;
        height: auto;
    }
    .details-car .car-p .cont1 .name-car {
        font-size: 1.3rem;
    }
    .details-car .car-d div b {
        font-size: 1.5rem;
    }
    .details-car .car-p {
        height: 12rem;
        position: relative;
    }
    .details-car .car-p .cont .price-car {
        font-size: 1.5rem;
    }
    .details-car .car-p .cont1 ion-icon {
        position: absolute;
        /* left: 0.5%;
        top: 20%; */
        bottom: 2%;
        right: 2%;
        font-size: 2rem !important;
    }
    .contenedor-carrito .resumen-cart .container-resumen {
        width: 100%;
    }
    .blogs-detalle .detalle-recientes .blogs-recent article{
        width: 65%;
    }
    .blogs-detalle {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .blogs-detalle .detalle-text {
        width: 100%;
    }
    .blogs-detalle .detalle-recientes {
        width: 100%;
    }
    .blogs-detalle .detalle-text .text-bd {
        width: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .blogs-detalle .detalle-text img {
        width: 100%;
    }
    .blogs-detalle .detalle-recientes {
        margin-top: 7rem;
    }
    .detalles-btn {
        margin: 3rem 2rem;
    }
    .contendorp-form {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }
    .contendorp-form .article-form1,
    .contendorp-form .article-form2 {
        width: 100%;
    }
    .content1 .text2,
    .content1 .text1,
    .content1 .text3,
    .content2 .text2,
    .content3 .text2,
    .content2 .text4,
    .content3 .text6,
    .content3 .text7 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .content1 .text1 div,
    .content1 .text2 div,
    .content1 .text3 div,
    .content2 .text2 div,
    .content2 .text3 div,
    .content2 .text4 div,
    .content3 .text6 div,
    .content3 .text7 div {
        width: 100%;
    }
    .header {
        /* top: 4.6rem; */
        top: 0;
        padding: 0.9rem 0;
    }

    .header-2 {
        height: 4.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;
    }

    .container-maquinas .contenedor-maquinas {
        padding: 1rem;
        padding-top: 3rem;
    }
    .container-maquinas .contenedor-maquinas .article-maquinas .content-m {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .container-maquinas
        .contenedor-maquinas
        .article-maquinas
        .content-m
        article {
        min-width: 100%;
    }
}

@media (max-width: 600px) {
    .nosotros__tiendas article{
        width: 95%;
    }
    .section-testimonial .div-testimonio .img-te::after {
        position: absolute;
        content: "";
        height: 82%;
        width: 65%;
        border: 6px solid #b62828;
        left: 30%;
        z-index: -1;
        top: 14%;
        border-radius: 20px;
    }

    .section-categorias .div-categoria .article-t .contenedor-padre-categoria{
        width: 60%;
    }

    .section-testimonial2 .div-testimonio2 .img-te2{
        display: none;
    }

    .section-testimonial2 .div-testimonio2 .img-te2::after {
        display: none;
    }
    
    .section__nosotros .card__nosotros article:nth-child(1){
        width: 100%;
    }
    .contenedor-tiendas article {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: auto;
    }
    .contenedor-tiendas article img,
    .contenedor-tiendas article div {
        width: 100%;
        padding: 1rem;
    }
    .contenedor-tiendas article iframe {
        display: none;
    }
    .section-sucursales .contenedor-sucursales .img-sucursal div{
        height: 30rem;
    }
    .contenedor_todos_asesores{
        gap: 1rem;
    }
    .contenedor_todos_asesores article{
        width: 47%;
    }
    .section-banner .banner__movil {
        display: block !important;
    }
    .section-banner .banner__escritorio {
        display: none !important;
    }
    .section-categorias2 .contenedor-categorias2 article {
        width: 100%;
    }
    .section-login .form {
        width: 96%;
    }
    .section-registrer .form {
        width: 96%;
    }
    .blogs-detalle .detalle-recientes .blogs-recent article{
        width: 100%;
    }
    .productos__relacionados .left__relations {
        left: -15%;
    }
    .productos__relacionados .right__relations {
        right: -15%;
    }
    .more__images .more__left {
        left: -15%;
    }
    .more__images .more__right {
        right: -15%;
    }
    .more__images {
        width: 90%;
    }
    .img_producto_container {
        height: 25rem !important;
    }
    .contenedor-detalles .select-detalles {
        width: 90%;
    }
    .contenedor-detalles
    .contenedor-principald
    .detalles-productos
    .productos__content {
    width: calc(50% - 1rem);
}
    .productos__relacionados .contenedor__relacionados{
        gap: 0;
        padding: 0;
    }
    .productos__relacionados .contenedor__relacionados article {
        min-width: calc(100% - 1rem);
        width: calc(100% - 1rem);
        margin: .5rem;
    }
    .productos__relacionados h2{
        width: 100%;
    }
    .section-registrer{
        margin: 2rem 0;
    }
    .section-login{
        margin: 2rem 0;
    }
    .banner__top h2{
        font-size: 2rem;
    }
    .section__asesores .left__asesor, .section__asesores .right__asesor{
        transform: translateY(0);
        top: 60%;
    }
    .section__asesores .contenedor__asesores article a{
        font-size: 1.5rem;
    }
    .section__asesores .contenedor__asesores article b{
        font-weight: 500;
        font-size: 1.5rem;
    }
    .section__asesores .contenedor__asesores article img{
        height: 14rem;
    }
    .section__asesores .contenedor__asesores{
        gap: 0rem;
    }
    .section__asesores .contenedor__asesores article{
        min-width: calc(50% - 1rem);
        width: calc(50% - 1rem);
        margin: .5rem;
    }
    .section-top{
        overflow: hidden;
    }
    .section-ofertas{
        overflow: hidden;
    }
    .section-ofertas .contenedor-ofertas article div p{
        margin: .5rem 0;
    }
    .section-ofertas .contenedor-ofertas article div h2{
        font-size: 2rem;
    }
    .section-ofertas .contenedor-ofertas {
        padding: 0;
        gap: 0;
    }
    .section-testimonial{
        overflow: hidden;
    }
    .section-testimonial #right-te {
        right: 0;
    }
    .section-testimonial #left-te {
        left: 0;
    }
    .section-testimonial .div-testimonio .contenedor__testimonio {
        min-width: 100%;
        width: 100%;
        align-items: flex-start;
        flex-direction: column-reverse;
        gap: 4rem;
    }
    .section-testimonial .div-testimonio .img-te {
        min-width: 80%;
        width: 80%;
        height: 45rem;
    }
    .section-testimonial .div-testimonio .img-te {
        min-width: 80%;
        width: 80%;
        height: 24rem;
    }
    .section-top .contenedor-top .contenedor__ofertas{
        flex-direction: column-reverse;
    }
    .section-ofertas .left__oferta {
        left: -2%;
    }
    .section-ofertas .right__oferta {
        right: -2%;
    }
    .section-banner {
        height: 25rem;
        width: 95%;
        margin: 1rem auto;
        margin-top: 6rem;
    }
}


.wrapper_preloader {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: #00000094;
    top: 0;
    /* background-color: white; */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000000000000;
}

@keyframes ldio-93bhikn6os6-1 {
    0% {
        top: 36px;
        height: 128px;
    }
    50% {
        top: 60px;
        height: 80px;
    }
    100% {
        top: 60px;
        height: 80px;
    }
}
@keyframes ldio-93bhikn6os6-2 {
    0% {
        top: 41.99999999999999px;
        height: 116.00000000000001px;
    }
    50% {
        top: 60px;
        height: 80px;
    }
    100% {
        top: 60px;
        height: 80px;
    }
}
@keyframes ldio-93bhikn6os6-3 {
    0% {
        top: 48px;
        height: 104px;
    }
    50% {
        top: 60px;
        height: 80px;
    }
    100% {
        top: 60px;
        height: 80px;
    }
}
.ldio-93bhikn6os6 div {
    position: absolute;
    width: 30px;
}
.ldio-93bhikn6os6 div:nth-child(1) {
    left: 35px;
    background: #065398;
    animation: ldio-93bhikn6os6-1 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
    animation-delay: -0.2s;
}
.ldio-93bhikn6os6 div:nth-child(2) {
    left: 85px;
    background: #065398;
    animation: ldio-93bhikn6os6-2 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
    animation-delay: -0.1s;
}
.ldio-93bhikn6os6 div:nth-child(3) {
    left: 135px;
    background: #065398;
    animation: ldio-93bhikn6os6-3 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;
    animation-delay: undefineds;
}

.loadingio-spinner-pulse-elcx5626kx7 {
    width: 200px;
    height: 200px;
    display: inline-block;
    overflow: hidden;
    background: none;
}
.ldio-93bhikn6os6 {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0; /* see note above */
}
.ldio-93bhikn6os6 div {
    box-sizing: content-box;
}
.hidden_pre {
    overflow: hidden;
}
.numd_blogs {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
}
.numd_blogs button {
    margin: 0 0.6rem;
    padding: 1rem 2rem;
    border-radius: 50px;
}
.container-marcas {
    margin: 2rem auto;
}
.container-marcas .contenedor-marcas .banner-title {
    font-size: 3rem;
    margin: 6rem 0;
    font-weight: bold;
    text-align: center;
}
.container-marcas .contenedor-marcas .content-marcas {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 7rem auto;
    gap: 4rem;
}
.container-marcas .contenedor-marcas .content-marcas article hr {
    border: none;
    background-color: gray;
    height: 1px;
    width: 100%;
}
.container-marcas .contenedor-marcas .content-marcas article {
    width: calc(25% - 4rem);
}
.container-marcas .contenedor-marcas .content-marcas article img {
    width: 15rem;
    height: 4rem;
    object-fit: contain;
}
.container-marcas .contenedor-marcas .content-marcas article .btn {
    padding: 10px 15px;
    margin-bottom: 1rem;
}
.modal__marcas.visible {
    display: block;
}
.modal__marcas {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100000;
    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;
}

.limite_parrafomarca {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.limite_parrafo {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* .container__detalles-img h3 {
    text-align: center;
    font-size: 2.5rem;
      padding: .5rem 2rem;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      background-color: #065398;
      color: #fff;
      width: 18rem;
      display: block;
      margin: auto;
      margin-bottom: 2rem;
  } */
  .detalles__images {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      gap: 2rem;
  }
  .detalles__images article div h2{
    font-size: 2rem;
  }
  .detalles__images article div {
      width: 50%;
      height: 100%;
      display: flex;
      /* border: 1px solid #000; */
      justify-content: center;
      align-items: center;
      flex-direction: column;
  }
  .detalles__images article div img {
      width: 90%;
      height: 90%;
      object-fit: contain;
  }
  .detalles__images article {
      width: 45rem;
      background-color: #eee;
      display: flex;
      justify-content: space-between;
      height: 20rem;
  }

  .zsiq_theme1 .zsiq_flt_rel{
    bottom: 30px !important;
    right: 33px !important;
  }