@charset "UTF-8";
:root {
--color-one: #ebe8e4;
--color-two: #fff9f0;
--color-three: #f7e7cf;
--color-four: #ddaf89;
--color-five: #a16c51;
--color-white: #ffffff;
--color-black: #000000;
--text-normal: 'Archivo';
--text-bold: 600;
--text-medium: 400;
--text-light-medium: 300;
--text-light: 300;
--text-alt: 'Source Serif 4', serif;
--text-xl: 30px;
--text-l: 20px;
--text-m: 14px;
--text-s: 12px;
--text-xs: 12px;
}
@media (min-width: 1024px) {
:root {
    --text-xl: 40px;
    --text-l: 25px;
    --text-m: 17px;
    --text-s: 14px;
    --text-xs: 13px;
    --text-light-medium: 400;
}
}
@media (min-width: 1728px) {
:root {
    --text-xl: 50px;
    --text-l: 30px;
    --text-m: 20px;
    --text-s: 16px;
    --text-xs: 14px;
    --text-light-medium: 500;
}
}

* {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}

body {
line-height: 1;
}

ol,
ul {
list-style: none;
}

blockquote,
q {
quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
content: '';
content: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

a {
text-decoration: none;
color: black;
}

button {
all: unset;
font-family: inherit;
cursor: pointer;
}

b,
strong {
font-weight: 600;
}

img {
width: 100%;
}

/* ---------- FABRICACIÓN INCLUSIVA -------- */
.bo_main {
max-width: 1920px;
min-width: 320px;
display: flex;
flex-direction: column;
align-items: center;
padding: 80px 0;
font-family: var(--text-normal);
}
@media (min-width: 1024px) {
.bo_main {
    padding: 80px 10px;
}
}

.fi_hero {
padding: 20px;
display: flex;
flex-direction: column;
gap: 30px;
}
.fi_hero img {
mix-blend-mode: multiply;
}
@media (min-width: 1024px) {
.fi_hero img {
    order: 1;
    width: 25%;
}
}
.fi_hero__txt1 {
display: flex;
flex-direction: column;
gap: 15px;
}
@media (min-width: 1024px) {
.fi_hero__txt1 {
    order: 0;
    width: 40%;
}
}
.fi_hero__txt2 {
display: flex;
flex-direction: column;
gap: 30px;
}
@media (min-width: 1024px) {
.fi_hero__txt2 {
    order: 2;
    width: 35%;
}
}
@media (min-width: 1024px) {
.fi_hero {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
}

.fi_section__women {
margin: 20px;
display: flex;
flex-direction: column;
gap: 10px;
}
.fi_section__women__txt {
display: flex;
flex-direction: column;
padding: 20px;
gap: 10px;
}
.fi_section__women__txt__p {
display: flex;
flex-direction: column;
gap: 20px;
}
@media (min-width: 1024px) {
.fi_section__women__txt {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.fi_section__women__txt div {
    max-width: 46%;
}
}
@media (min-width: 1728px) {
.fi_section__women {
    margin-top: 90px;
}
}
.fi_section__productsContainer__top {
padding: 20px;
}
.fi_section__productsContainer__top__bags {
padding-top: 20px;
display: flex;
}
.fi_section__productsContainer__top__bags p {
padding: 8px;
border: 2px solid black;
width: fit-content !important;
}
@media (min-width: 1024px) {
.fi_section__productsContainer__top__bags {
    margin: 0;
}
}
.fi_section__productsContainer__top__filters {
padding-top: 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
.fi_section__productsContainer__top__filters-select {
display: flex;
align-items: center;
gap: 5px;
}
.fi_section__productsContainer__top__filters-filter p {
display: flex;
gap: 5px;
}
@media (min-width: 1024px) {
.fi_section__productsContainer__top__filters {
    width: 50%;
    padding-right: 30px;
}
}
@media (min-width: 1024px) {
.fi_section__productsContainer__top__filters {
    width: auto;
    gap: 50px;
}
}
@media (min-width: 1024px) {
.fi_section__productsContainer__top-row {
    display: flex;
    justify-content: space-between;
}
}
@media (min-width: 1024px) {
.fi_section__productsContainer__top {
    padding-top: 60px;
}
}
.fi_section__productsContainer__btn {
padding-top: 20px;
display: flex;
justify-content: center;
}
.fi_section__productsContainer__btn span {
padding: 10px 20px;
border: 2px solid black;
width: fit-content;
}
.fi_section__products {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, 1fr);
gap: 5px;
}
.fi_section__products__item {
position: relative;
}
.fi_section__products__item__span {
padding: 7px;
position: absolute;
top: 37%;
left: 7%;
}
@media (min-width: 1260px) {
.fi_section__products__item__span {
    top: 55%;
}
}
.fi_section__products__item__txt {
display: flex;
flex-direction: column;
padding: 10px;
row-gap: 20px;
}
.fi_section__products__item__txt__top__nombre span {
display: block;
color: rgba(187, 187, 187, 0.89);
margin: 4px 0;
}
.fi_section__products__item__txt__bot__list {
display: flex;
column-gap: 5px;
}
.fi_section__products__item__txt__bot__list li {
display: block;
width: 15px;
height: 15px;
border-radius: 2px;
}
@media (min-width: 1024px) {
.fi_section__products {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
}
}
.fi_section__customize {
display: flex;
flex-direction: column;
padding: 20px;
margin-top: 40px;
width: 100%;
}
.fi_section__customize__txt {
display: flex;
justify-content: space-between;
padding: 20px 0;
}
.fi_section__customize__txt-1 {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.fi_section__customize__txt-1 p {
width: fit-content;
padding: 5px 10px;
}
.fi_section__customize__txt-2 {
display: flex;
flex-direction: column;
gap: 20px;
max-width: 40%;
}
.fi_section__customize__icons {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 20px 0;
}
.fi_section__customize__icons div {
display: flex;
align-items: center;
gap: 10px;
width: 35%;
}
@media (min-width: 1728px) {
.fi_section__customize__icons div {
    gap: 20px;
}
}
.fi_section__customize__icons div img {
width: 50px;
}
@media (min-width: 1728px) {
.fi_section__customize__icons div img {
    min-width: 70px;
}
}

.bo_slider__fi1 {
padding: 10px;
width: 100%;
height: 100%;
}
.bo_slider__fi1__container__txt {
display: flex;
flex-direction: column;
gap: 40px;
padding: 35px;
}
@media (min-width: 1024px) {
.bo_slider__fi1__container__txt {
    gap: 100px;
}
}
.bo_slider__fi1__container__img {
width: 300px !important;
}
@media (min-width: 1024px) {
.bo_slider__fi1__container__img {
    width: 450px !important;
}
}
.bo_slider__fi1__container__article-1 {
display: flex;
flex-direction: column;
gap: 20px;
padding: 35px;
}
.bo_slider__fi1__container__article-1 .div-icon-txt {
display: flex;
flex-direction: row;
gap: 20px;
}
.bo_slider__fi1__container__article-1 .div-icon-txt img {
width: 40px;
height: 40px;
}
@media (min-width: 1728px) {
.bo_slider__fi1__container__article-1 .div-icon-txt img {
    width: 60px;
    height: 60px;
}
}
.bo_slider__fi1__container__article-1 .div-icon-txt__txt {
display: flex;
flex-direction: column;
gap: 10px;
}
@media (min-width: 1728px) {
.bo_slider__fi1__container__article-1 {
    gap: 40px;
}
}
.bo_slider__fi1__container__article-2 {
margin-top: 20px;
padding: 35px;
}
@media (min-width: 1024px) {
.bo_slider__fi1 {
    padding: 60px 10px;
}
}
.bo_slider__fi2 {
padding: 20px;
margin: 0;
}
.bo_slider__fi2__container {
width: 200px;
display: flex;
}
@media (min-width: 1024px) {
.bo_slider__fi2__container {
    position: relative;
}
}
.bo_slider__fi_bags__disabled {
display: none;
}
.bo_slider__fi_bags__next {
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--color-two) 100%);
position: absolute;
z-index: 1;
top: 10%;
right: 0;
width: 100px;
height: 80px;
}
@media (min-width: 1728px) {
.bo_slider__fi_bags__next {
    display: none;
}
}
.bo_slider__fi_bags__prev {
background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, var(--color-two) 100%);
cursor: pointer;
position: absolute;
z-index: 1;
top: 10%;
left: 0;
width: 100px;
height: 80px;
}
@media (min-width: 1728px) {
.bo_slider__fi_bags__prev {
    display: none;
}
}

.bo_hidden__mobile {
display: none;
}
@media (min-width: 1024px) {
.bo_hidden__mobile {
    display: flex;
}
}
@media (min-width: 1024px) {
.bo_hidden__desktop {
    display: none;
}
}

.bo_btn_arrow {
position: relative;
width: 24px;
height: 8px;
transform: translateX(-15%);
rotate: 90deg;
}
@media (min-width: 1024px) {
.bo_btn_arrow {
    height: 100%;
    padding-left: 7px;
}
}
@media (min-width: 1440px) {
.bo_btn_arrow {
    width: 40px;
}
}
.bo_btn_arrow__diagonal {
position: relative;
width: 40px;
height: 15px;
transform: translate(10px, 10px);
rotate: -40deg;
}
@media (min-width: 1024px) {
.bo_btn_arrow__diagonal {
    height: 100%;
    padding-left: 7px;
}
}
@media (min-width: 1440px) {
.bo_btn_arrow__diagonal {
    width: 40px;
}
}

/* ---------- COMUNES-------- */
.bo_hidden {
display: none;
}
.bo_hidden__mobile {
display: none;
}
@media (min-width: 1024px) {
.bo_hidden__mobile {
    display: flex;
}
}
@media (min-width: 1024px) {
.bo_hidden__desktop {
    display: none;
}
}

.bo_btn_arrow {
position: relative;
width: 18px;
height: 18px;
transform: translateX(5%);
rotate: 90deg;
}
@media (min-width: 1024px) {
.bo_btn_arrow {
    width: 30px;
    height: 22px;
    transform: translateX(-10%);
    padding-left: 7px;
}
}
@media (min-width: 1728px) {
.bo_btn_arrow {
    width: 40px;
    height: 32px;
}
}
.bo_btn_arrow__diagonal {
position: relative;
width: 30px;
height: 30px;
transform: translateX(10px);
rotate: -40deg;
}
@media (min-width: 1024px) {
.bo_btn_arrow__diagonal {
    rotate: 0;
}
}
@media (min-width: 1440px) {
.bo_btn_arrow__diagonal {
    width: 40px;
}
}

.bo_bg-one {
background-color: var(--color-one);
}

.bo_bg-two {
background-color: var(--color-two);
}

.bo_bg-three {
background-color: var(--color-three);
}

.bo_bg-four {
background-color: var(--color-four);
}

.bo_bg-five {
background-color: var(--color-five);
}

.bo_bg-white {
background-color: var(--color-white);
}

.bo_bg-white-op40 {
background-color: var(--color-white);
opacity: 40%;
}

.bo_text-five {
color: var(--color-five);
}

.bo_text-white {
color: var(--color-white);
}

.bo_tx-xL {
font-size: var(--text-xl);
}

.bo_tx-l {
font-size: var(--text-l);
}

.bo_tx-m {
font-size: var(--text-m);
}

.bo_tx-s {
font-size: var(--text-s);
}

.bo_tx-xS {
font-size: var(--text-xs);
}

.bo_tx-boldW {
font-weight: var(--text-bold);
}

.bo_tx-mediumW {
font-weight: var(--text-medium);
}

.bo_tx-light-mediumM {
font-weight: var(--text-light-medium);
}

.bo_tx-lightW {
font-weight: var(--text-light);
}

.bo_tx-center {
text-align: center;
}

.bo_border-img {
border-radius: 15px;
}