@font-face {
	font-family: 'Acumin';


    src:url("../fonts/Acumin-Variable-Concept.ttf")format("truetype"); 
    /*url("https://db.onlinewebfonts.com/t/066ce24dae3730ed6c648b09efaea93a.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/066ce24dae3730ed6c648b09efaea93a.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/066ce24dae3730ed6c648b09efaea93a.woff")format("woff"),
    url("../fonts/Acumin-Variable-Concept.ttf")format("truetype"),*/
    /*url("https://db.onlinewebfonts.com/t/066ce24dae3730ed6c648b09efaea93a.svg#Acumin Variable Concept")format("svg");*/
    font-stretch: condensed;
}
@font-face {
	font-family: 'Acumin-Extra-Condensed';


    src:url("../fonts/Acumin-Variable-Concept.ttf")format("truetype"); 
    /*url("https://db.onlinewebfonts.com/t/066ce24dae3730ed6c648b09efaea93a.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/066ce24dae3730ed6c648b09efaea93a.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/066ce24dae3730ed6c648b09efaea93a.woff")format("woff"),
    url("../fonts/Acumin-Variable-Concept.ttf")format("truetype"),*/
    /*url("https://db.onlinewebfonts.com/t/066ce24dae3730ed6c648b09efaea93a.svg#Acumin Variable Concept")format("svg");*/
    font-stretch: extra-condensed;
}
@font-face {
	font-family: 'Bebas Neue Pro Bold';
	src: url('../fonts/Bebas Neue Pro Bold.otf') format(opentype);
}

@font-face {
	font-family: 'Bebas Neue Pro Regular';
	src: url('../fonts/Bebas Neue Pro Regular.otf') format(opentype);
}

@font-face {
	font-family: 'D-DINCondensed';
	src: url('../fonts/D-DINCondensed.otf') format(opentype);
}

@font-face {
	font-family: 'D-DIN';
	src: url('../fonts/D-DIN.otf') format(opentype);
}

@font-face {
	font-family: 'D-DIN-Bold';
	src: url('../fonts/DIN Alternate Bold.ttf') format(opentype);
}

@font-face {
	font-family: '643';
	src: url('../fonts/643-font.otf') format(opentype);
}


#mainContentrm {
	margin-top: 72px;
}

.nav__link.active {
  font-weight: bold;
  color: #2B3B55;
}

:root {
	--header-height: 3rem;

	--container-color: #FFF;
	--title-color: #ffffff;
	--text-color: #ffffff;

	--body-font: 'Acumin', sans-serif;
	--biggest-font-size: 1.5rem;
	--h2-font-size: 1.25rem;
	--h3-font-size: 1.125rem;
	--normal-font-size: .938rem;
	--small-font-size: .813rem;

	--font-semi-bold: 600;
	--font-bold: 700;

	--mb-1: .5rem;
	--mb-2: 1rem;
	--mb-3: 1.5rem;
	--mb-4: 2rem;
	--mb-5: 2.5rem;
	--mb-6: 3rem;

	--z-tooltip: 10;
	--z-fixed: 100;
}

@media screen and (min-width: 968px) {
	:root {
		--biggest-font-size: 2.5rem;
		--h2-font-size: 1.75rem;
		--h3-font-size: 1.25rem;
		--normal-font-size: 1rem;
		--small-font-size: .875rem;
	}
}


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

html {
	scroll-behavior: smooth;
}

body.dark-theme {
	--first-color-send: #fff;
	--title-color: #F3F1F1;
	--text-color: #D1C7C8;
	--body-color: #251D1E;
	--container-color: #302728;
}

.change-theme {
	position: absolute;
	right: 1.5rem;
	top: 2.2rem;
	display: flex;
	color: var(--title-color);
	font-size: 2rem;
	cursor: pointer;
}

body {
	margin: var(--header-height) 0 0 0;
	font-family: var(--body-font);
	font-size: var(--normal-font-size);
	background-color: var(--body-color);
	color: var(--text-color);
	line-height: 1.6;
}

h1,
h2,
h3,
ul,
p {
	margin: 0;
}

h1,
h2,
h3 {
	font-weight: var(--font-semi-bold);
	color: var(--title-color);
}

ul {
	padding: 0;
	list-style: none;
}

a {
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
}

.section {
	padding: 4rem 0 2rem;
}

.section-footer {
	padding: 4rem 0 2rem;
}

.section-title,
.section-title-center {
	font-family: 'D-DINCondensed';
    font-weight: 100;
    font-size: 34px;
	color: var(--title-color);
	text-align: center;
	margin-bottom: var(--mb-3);
}

.section-title02footer {
    font-family: 'Acumin';
    font-weight: 500;
    font-size: 39px;
    color: var(--title-color);
    text-align: center;
    margin-bottom: var(--mb-3);
    
}

.section-bottle,
.section-bottle-center {
	font-family: 'Acumin';
  
    font-size: 42px;
	color: #2B3B55;
	text-align: center;
	margin-bottom: 0;
}

.section-bottle2,
.section-bottle2-center {
	font-family: 'Acumin';
    font-size: 27px;
    font-weight: bold;
	color: #2B3B55;
	text-align: center;
	margin-bottom: 0;
}

.container-background {
	max-width: 100%;
	width: calc(100%);
	margin-left: 0;
	margin-right: 0;
	background-image: url(../img/BG\ Banner@2x.png);
	background-size: cover;
	/*background-size: 1920px 1400px;*/
	background-repeat: no-repeat;
	background-position: center center;
	/*background-color: #FFF;*/
}

.container-background2 {
	max-width: 100%;
	width: calc(100%);
	margin-left: 0;
	margin-right: 0;
	background-image: url(../img/Banner-Diego@2x.png);
	background-size: cover;
	/*background-size: 1920px 1400px;*/
	background-repeat: no-repeat;
	background-position: left center;
	/*background-color: #FFF;*/
}


.container-background3 {
	max-width: 100%;
	width: calc(100%);
	position: relative;
	overflow: hidden;
	height: 100vh;
    background: #000000;
    z-index: 0;
    margin: 0 auto;
}

#video-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: -1;
}

.video-container {
	position: relative;
	padding-top: 20px;
}

.audio-control {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.200);
	padding: 0px;
	padding-top: 0px;
	border-radius: 40px;
}

#audioControl button {
	background: none;
	border: none;
	color: white;
	cursor: pointer;
	font-size: 17px;
	padding-top: 6px;
}


.container-background4 {
	max-width: 100%;
	width: calc(100%);
	margin-left: 0;
	margin-right: 0;
	background-image: url(../img/Defrente\ Frio\ Diego@2x.png);
	background-size: cover;
	/*background-size: 1920px 1400px;*/
	background-repeat: no-repeat;
	background-position: center center;
	/*background-color: #FFF;*/
}

.container-background5 {
	max-width: 100%;
	width: calc(100%);
	margin-left: 0;
	margin-right: 0;
	background-image: url(../img/Derecho-Frio@2x.png);
	background-size: cover;
	/*background-size: 1920px 1400px;*/
	background-repeat: no-repeat;
	background-position: center center;
	/*background-color: #FFF;*/
}

.container-footer {
	max-width: 100%;
	width: calc(100%);
	margin-left: 0;
	margin-right: 0;
	background-image: url(../img/BG\ Footer@2x.png);
	background-size: cover;
	/*background-size: 1920px 1400px;*/
	background-repeat: no-repeat;
	background-position: left center;
	/*background-color: #FFF;*/
}

.l-main {
	overflow: hidden;
}

.container-cards {
	max-width: 968px;
	width: calc(100%);
	margin-left: 0;
	margin-right: 0;
	text-align: center;
}

.bd-container {
	max-width: 1968px;
	width: calc(100% - 3rem);
	margin-left: var(--mb-3);
	margin-right: var(--mb-3);
}

.diego-container {
	max-width: 1268px;
	width: calc(100% - 3rem);
	margin-left: var(--mb-3);
	margin-right: var(--mb-3);
}

.frio-container {
	max-width: 1368px;
	width: calc(100% - 3rem);
	margin-left: var(--mb-3);
	margin-right: var(--mb-3);
}

.container-footer {
	max-width: 100%;
	width: calc(100%);
	margin-left: 0;
	margin-right: 0;
	text-align: center;
}

.bd-grid {
	display: grid;
	gap: 16.5rem;
}

.l-header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: var(--z-fixed);
	background-color: var(--body-color);
}

.scroll-header {
	box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
}

.scrolltop {
	position: fixed;
	right: 1rem;
	bottom: -20%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: .3rem;
	background: #ffffff;
	border-radius: .4rem;
	z-index: var(--z-tooltip);
	transition: .4s;
	visibility: hidden;
}

.scrolltop:hover {
	background-color: #a0a0a0;
}

.scrolltop__icon {
	font-size: 1.5rem;
	color: #000000;
}

.show-scroll {
	visibility: visible;
	bottom: 1.5rem;
}

.button {
	display: inline-block;
	background-color: var(--first-color);
	color: #fff;
	padding: 1rem 1.5rem;
	border-radius: .5rem;
	font-weight: var(--font-semi-bold);
	transition: .3s;
}

.button:hover {
	background-color: var(--first-color-alt);
}

.button-link {
	background: none;
	padding: 0;
	color: var(--first-color);
}

.button-link:hover {
	background-color: transparent;
	color: var(--first-color-alt);
}

.share__data {
	text-align: center;
}

.share__description {
	margin-bottom: var(--mb-2);
}

.share__img {
	width: 280px;
	justify-self: center;
}

/*
.botella_home{
  max-width: 100%;
}*/

.decoration__container {
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.decoration__data {
	text-align: center;
	padding: 1rem 1rem 2rem;
	background-color: var(--container-color);
	box-shadow: 0 2px 6px rgba(65, 11, 16, .15);
	border-radius: 1rem;
}

.decoration__data:hover {
	box-shadow: 0 3px 12px rgba(65, 11, 16, .15);
}

.decoration__img {
	width: 550px;
}

.decoration__title {
	font-size: var(--h3-font-size);
	margin-bottom: var(--mb-1);
}

.accessory__container {
	grid-template-columns: repeat(2, 1fr);
	padding-bottom: 2rem;
}

.accessory__content {
	position: relative;
	display: grid;
	padding: .25rem .75rem .75rem;
	background-color: var(--container-color);
	box-shadow: 0 2px 6px rgba(65, 11, 16, .15);
	border-radius: 1rem;
}

.accessory__content:hover {
	box-shadow: 0 3px 12px rgba(65, 11, 16, .15);
}

.accessory__img {
	width: 110px;
	justify-self: center;
	margin-bottom: .25rem;
}

.accessory__title,
.accessory__category {
	text-align: center;
}

.accessory__title {
	font-size: var(--normal-font-size);
}

.accessory__category {
	font-size: var(--small-font-size);
	margin-bottom: var(--mb-1);
	color: var(--text-color-light);
}

.accessory__preci {
	font-weight: var(--font-semi-bold);
	color: var(--title-color);
}

.accessory__button {
	position: absolute;
	bottom: 0;
	right: 0;
	display: flex;
	font-size: 1.25rem;
	padding: .5rem .625rem;
	border-radius: 1rem 0 1rem 0;
}

.send {
	background-color: var(--first-color-send);
}

.send__title,
.send__description {
	color: #fff;
}

.send__description {
	text-align: center;
	margin-bottom: var(--mb-4);
}

.send__direction {
	display: flex;
	justify-content: space-between;
	background-color: #fff;
	padding: .5rem;
	border-radius: .5rem;
}

.send__input {
	width: 70%;
	outline: none;
	border: none;
	font-size: var(--normal-font-size);
	font-family: var(--body-font);
}

.send__input::placeholder {
	font-family: var(--body-font);
}

.send__img {
	width: 280px;
	justify-self: center;
}

.footer__container {
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	font-family: 'D-DINCondensed';
    font-weight: 100;
}

.footer__logo {
	color: var(--title-color);
	font-family: 'D-DINCondensed';
    font-weight: 100;
}

.footer__title {
	margin-bottom: var(--mb-2);
}

.footer__logo,
.footer__title {
	font-size: var(--h3-font-size);
}

.footer__link {
	display: inline-block;
	margin-bottom: .75rem;
	color: var(--text-color);
}

.footer__link:hover {
	color: #a0a0a0;
}

.footer__social {
	font-size: 1.5rem;
	color: var(--title-color);
	margin-right: var(--mb-3);
}

.footer__social:hover {
	color: #a0a0a0;
}

.footer__copy {
	text-align: center;
	font-size: var(--small-font-size);
	color: #ffffff;
	margin-top: 4rem;
}

.footer__social2 {
	font-size: 2.5rem;
	color: var(--title-color);
	margin-right: var(--mb-3);
}

.footer__social2:hover {
	color: #a0a0a0;
}


.home__container {
	row-gap: .5rem;
}

.home__img {
	width: 280px;
	justify-self: center;
}

.home__title {
	font-size: var(--biggest-font-size);
	font-weight: var(--font-bold);
	margin-bottom: var(--mb-2);
	font-family: 'Acumin';
   
}

.home__frase {
	font-family: 'Acumin';
    
    line-height: 40px;
    font-size: 41px;
    width: 80%;
    text-align: center;
    margin: 45px auto 45px auto;
}

.home__diego {
	font-weight: var(--font-bold);
	margin-bottom: var(--mb-2);
	font-family: 'Acumin';
    line-height: 67px;
    font-size: 78px;
    
}

.home__frio {
	font-family: 'Acumin';
  
    font-size: 44px;
    line-height: 46px;
	font-weight: 200;
	margin-bottom: var(--mb-2);
	color: #2B3B55;
}

.frio-contentrm {
    text-align: center !important;
}

.home__description {
	margin-bottom: var(--mb-3);
	width: 55%;
    font-family: 'D-DINCondensed';
    font-size: 22px;
    line-height: 28px;
    font-weight: lighter;
}

.home__description2 {
	margin-bottom: var(--mb-3);
    width: 97%;
    font-family: 'D-DINCondensed';
    font-size: 24px;
    line-height: 27px;
    font-weight: lighter;
    text-align: justify;
}


.container__nav {
	max-width: 1300px;
	margin-inline: 1.5rem;
}

.main {
	overflow: hidden;
}

.header_defrente {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #ffffff;
	z-index: var(--z-fixed);
}

/*
.vertical-line {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 48%;
	width: 0.5px;
	background-color: #989898;
	z-index: 2;
}*/

.vertical-line-center{    position: absolute;
    top: 50%;
    /* bottom: 0; */
    left: 50%;
    /* right: 0; */
    height: 200%;
    margin-left: auto;
    width: 140%;
    margin-right: auto;
    background-color: none;
    z-index: 2;
    border-left: solid 1px #989898;
    border-right: solid 1px #989898;
    transform: translate(-50%, -50%);}

.nav__menu {
	font-family: 'Acumin-Extra-Condensed'!important;
	
	font-size: 18px;
}


.vertical-line2 {
    display:none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 62%;
	width: 0.5px;
	background-color: #989898;
	z-index: 2;
}

.nav {
	position: relative;
	height: var(--header-height);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.nav__logo {
	width: 116px;
}

.nav__toggle,
.nav__close {
	display: inline-flex;
	font-size: 1.25rem;
	color: #000000;
	cursor: pointer;
}


@media screen and (max-width: 1323px) {
	.nav__menu {
		position: fixed;
		top: -350%;
		left: 0;
		background-color: #ffffff;
		width: 100%;
		box-shadow: 0 1px 16px hsla(210, 55%, 24%, .1);
		padding-block: 0.5rem 2rem;
		display: flex;
		flex-direction: column;
		row-gap: 2.5rem;
		transition: top .4s;
	}
}

.nav__list {
	display: flex;
	flex-direction: column;
	text-align: center;
	row-gap: 2rem;
		font-family: 'Acumin-Extra-Condensed'!important;
	
	font-size: 18px;
}

.nav__link {
	color: #000000;
	transition: color .3s;
}

.nav__link:hover {
	color: #a0a0a0;
}

.nav__buttons {
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: .75rem;
	max-width: 100rem;
}
.nav {overflow:hidden;}
.nav__buttons2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: .75rem;
	position: relative;
	overflow:visible;
}


.nav__button-link {
	display: inline-block;
	color: #000000;
	font-size: 23px;
}

/*
.nav__space1 {
  margin-right: 25px;
}
*/
.nav__button-ghost {
	display: inline-block;
	color: #ffffff;
}

.nav__button-ghost {
	background-color: #2B3B55;
	padding: 0.5rem 2.5rem;
	border: 2px solid var(--title-color);
	border-radius: 4px;
	transition: transform 0.2s;
}

.nav__button-ghost:hover {
	transform: scaleY(1.3);
}

.button-frio {
	background-color: #2B3B55;
	padding: 0.5rem 2.5rem;
	border: 0px solid var(--title-color);
	transition: transform 0.2s;
	justify-self: center;
	font-family: 'Acumin';
    
    font-weight: 500;
    font-size: 20px;
    display: inline-block;
	color: #ffffff;
}

.button-frio:hover {
	transform: scaleY(1.1);
}

button-frio .nav__close {
	position: absolute;
	top: 1rem;
	right: 1.5rem;
}

.show-menu {
	top: 0;
}


.bg-header {
	box-shadow: 0 1px 16px hsla(210, 55%, 24%, .12);
}


@media screen and (max-width: 359px) {

	.home__img,
	.share__img,
	.send__img {
		width: 100%;
	}

	.vertical-line {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 2%;
		width: 0px;
		background-color: #989898;
		z-index: 2;
	}

	.vertical-line2 {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 1%;
		width: 0px;
		background-color: #989898;
		z-index: 2;
	}
}

@media screen and (max-width: 1280px) {
    .home__title {
        margin-top: 20px;
        font-size: 34px;
        line-height: 34px;
    }
    .home__description {
        width: 80%;
        font-size: 20px;
        line-height: 23px;
    }
    .home__diego {
        line-height: 52px;
        font-size: 62px;
    }
    .home__description {
        font-size: 20px;
        line-height: 23px;
    }
    .home__frase {
        line-height: 32px;
        font-size: 28px;
        width: 85%;
        text-align: center;
        margin: 40px auto 40px auto;
    }
    .home__frio {
        font-size: 38px;
        line-height: 41px;
    }
    .section-bottle {
        font-size: 36px;
        line-height: 36px;
    }
    .section-bottle2 {
        font-size: 24px;
        line-height: 24px;
    }
}    

@media screen and (max-width: 970px) {
    .section {
        padding-top: 1rem;
    }
    .share__img {
        max-width: 900px;
        width: 90%;
        text-align: center;
    }
    .share__img img {
        max-width: 900px;
        width: 100%;
    }
    .share__container {
    grid-template-columns: none !important;
    }
    .bd-grid {
        display: grid;
        gap: 3.5rem;
    }
    .share__data {
        text-align: center !important;
        margin: 0 auto;
    }
    .home__description {
        width: 90%;
        margin: 10% auto;
        text-align: center;
    }
    
    .home__description2 {
        font-size: 20px;
        line-height:23px;
        width: 80%;
        margin: 10% auto;
        text-align: center;
    }
    
    .container-background2 {
    background-image: url(../img/m_bannerdiego02.png);
    background-size: cover;
    }
    .ocultoinicio {
        display: none;
    }
    
    .container-background3 {
        height: 38vh;
    }
    .container-background4 {
    background-image: url(../img/m_Defrente-Frio-Diego.png);
    background-size: cover;
    }
    .frio-contentrm{
        width: 80%;
        text-align: center;
    }
    .container-background5 {
    background-image: url(../img/m_Derecho-Frio.jpg);
    background-size: cover;
    text-align: center;
    }
    .frio-container {
        text-align: center;
    }
    .section-bottle {
        margin: 15% auto 0 auto !important;
        width: 80%;
    }
    .section-bottle2 {
        margin: 0 auto 65% auto !important;
        width: 80%;
        font-size: 20px;
        line-height: 20px;
    }
    .section-footer {
    padding: 1rem 0 2rem;
    }
    .row-instagram-rm {
        width: 95%;
    margin: 0 auto;
    }
    .decoration__img {
        width: 80%;
        margin: 0 auto;
    }
    .section-title02footer {
        font-size: 26px;
        line-height: 26px;
    }
    .footer__container {
        display: block;
    }
    .footer__social {
        display: inline-block;
        margin: 0 auto;
    }
    .nav__item {
        display: block;
    }
}
    
@media screen and (max-width: 376px) {

	.vertical-line {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 1%;
		width: 0px;
		background-color: #989898;
		z-index: 2;
	}

	.vertical-line2 {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 1%;
		width: 0px;
		background-color: #989898;
		z-index: 2;
	}
}

@media screen and (max-width: 426px) {

	.vertical-line {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 1%;
		width: 0px;
		background-color: #989898;
		z-index: 2;
	}

	.vertical-line2 {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 1%;
		width: 0px;
		background-color: #989898;
		z-index: 2;
	}
}

@media screen and (max-width: 768px) {

	.vertical-line {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 1%;
		width: 0px;
		background-color: #989898;
		z-index: 2;
	}

	.vertical-line2 {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 1%;
		width: 0px;
		background-color: #989898;
		z-index: 2;
	}
}

@media screen and (max-width: 1024px) {

	.vertical-line {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 1%;
		width: 0px;
		background-color: #989898;
		z-index: 2;
	}

	.vertical-line2 {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 1%;
		width: 0px;
		background-color: #989898;
		z-index: 2;
	}
}

@media screen and (max-width: 1323px) {

	.vertical-line {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 1%;
		width: 0px;
		background-color: #989898;
		z-index: 2;
	}

	.vertical-line2 {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 1%;
		width: 0px;
		background-color: #989898;
		z-index: 2;
	}
}

@media screen and (min-width: 20px) {

	.home__container,
	.share__container,
	.send__container {
		grid-template-columns: repeat(2, 1fr);
		align-items: center;
	}

	.home__container {
		padding: 5rem 0 0;
	}

	.home__img {
		order: 1;
	}

	.section-title-center,
	.section-bottle-center,
	.section-bottle2-center,
	.share__data,
	.send__description {
		text-align: initial;
	}

	.home__img,
	.share__img,
	.send__img {
		width: 100%;
	}

	.share__img {
		order: -1;
	}


}

@media screen and (min-width: 768px) {


	body {
		margin: 0;
	}

	.section {
		padding-top: 7rem;
	}

	.section-footer {
		padding-top: 3rem;
	}

	.nav {
		height: calc(var(--header-height) + 1.5rem);
	}

	.nav__list {
		display: flex;
		align-items: center;
	}

	.nav__item {
        margin-left: 0rem;
        margin-bottom: 0;
        display: block;

	}

	/*  .nav__toggle{
    display: none;
  }
*/

	.change-theme {
		position: initial;
		margin-left: var(--mb-4);
	}

	.home__container {
		padding: 7rem 2rem 0;
	}

	.share__container {
		padding: 0 2rem;
	}

	.accessory__container {
		grid-template-columns: repeat(3, 224px);
		justify-content: center;
	}

	.accessory__content {
		padding: .5rem 1.5rem 1.5rem;
	}

	.accessory__img {
		width: 120px;
		margin-bottom: var(--mb-1);
	}

	.accessory__title,
	.accessory__category {
		text-align: initial;
	}

	.accessory__button {
		padding: .75rem;
	}

	.send {
		background: none;
	}

	.send__container {
		background-color: var(--first-color-send);
		padding: 2rem;
		border-radius: 1.5rem;
	}
}

@media screen and (min-width: 968px) {
	.bd-container {
		margin-left: auto;
		margin-right: auto;
	}

	.diego-container {
		margin-left: auto;
		margin-right: auto;
	}

	.frio-container {
		margin-left: auto;
		margin-right: auto;
	}

	.container-cards {
		margin-left: auto;
		margin-right: auto;
	}

	.container-footer {
		margin-left: auto;
		margin-right: auto;
	}

	.home__img,
	.share__img,
	.send__img {
		width: 469px;
	}

	.home__container,
	.share__container,
	.send__container {
		column-gap: 5rem;
	}


}


@media screen and (min-width: 1323px) {
	.container__nav {
		margin-inline: 1rem;
		margin-left: 10rem;
	}

	.nav {
		height: calc(var(--header-height) + 2rem);
		column-gap: 4rem;
	}

	.nav__toggle,
	.nav__close {
		display: none;
	}

	.nav__menu {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.nav__list {
		flex-direction: row;
		column-gap: 1rem;
	}

	.nav__buttons {
		flex-direction: row;
		column-gap: 3rem;
	}

	.nav__buttons2 {
		flex-direction: row;
		column-gap: 3rem;
	}

	.nav__logo {
		width: 150px;

	}

}

@media screen and (min-width: 1323px) {
	.container__nav {
		margin-inline: auto;
	}
}

@media screen and (min-width: 1300px) {
	::-webkit-scrollbar {
		width: .6rem;
		border-radius: .5rem;
		background-color: hsl(220, 24%, 15%);
	}

	::-webkit-scrollbar-thumb {
		background-color: hsl(220, 24%, 25%);
		border-radius: .5rem;
	}
}

@media screen and (min-width: 1700px) {
	.container__nav {
		max-width: 1800px;
	}

	.vertical-line {
	/*	position: absolute;
		top: 0;
		bottom: 0;
		left: 44%;
		width: 0.5px;
		background-color: #989898;
		z-index: 2;*/
	}

	.vertical-line2 {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 56%;
		width: 0.5px;
		background-color: #989898;
		z-index: 2;
	}
}

@media screen and (min-width: 1800px) {
	.container__nav {
		max-width: 1800px;
	}

	.vertical-line {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 43%;
		width: 0.5px;
		background-color: #989898;
		z-index: 2;
	}

	.vertical-line2 {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 56%;
		width: 0.5px;
		background-color: #989898;
		z-index: 2;
	}
}

@media screen and (min-width: 2048px) {
	.container__nav {
		max-width: 1800px;
	}

	.vertical-line {
	/*	position: absolute;
		top: 0;
		bottom: 0;
		left: 45%;
		width: 0.5px;
		background-color: #989898;
		z-index: 2;*/
	}

	.vertical-line2 {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 54%;
		width: 0.5px;
		background-color: #989898;
		z-index: 2;
	}
}

.nav__link {
    
 
}

.header_defrente{
    padding: 0 25px;
}