/* STYLE FOR:
<Project title>

	Google Fonts used:
                        

*/

/* GEN POP */
html {
	scroll-behavior: smooth;
    max-width: 100vw;
    width: 100vw;
}
p {
	font-size: 1.2rem;
}
a {
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #a7770c;
}

.whatsapp {
	display: flex;
    justify-content: center;
	align-items: center;
	background-color: #1bd741;
	border-radius: 30px;
	width: 60px;
	height: 60px;
}

.whats{
    width: 60px;
    height: 60px;
    position: fixed;
    right: 20px;
	bottom: 20px;
	z-index: 999999;
	font-size: 2.8rem;
	color: #fff;
}
.whats:hover{
	font-size: 2.8rem;
	color: #fff;
}

/* HEADINGS */



/* COLORS */


/* BACKGROUNDS */



/* BUTTONS */



/* TYPO */
	/* 
	Lato-------------- font-family: 'Lato', sans-serif;
	Abril Fatface----- font-family: 'Abril Fatface', cursive;
	Lora-------------- font-family: 'Lora', serif; 
	Asap-------------- font-family: 'Asap', sans-serif;
   */
.navbar-brand {
		padding: 0px;
}
.icon-none{
		display: none !important;
}
.img-in-nav-l{
	margin-right: 4%;
}
.img-in-nav-r{
	margin-left: 5%;
}
.lato-typo-title-one{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 20px;
	margin: 10px 0px 0px 0px;
	letter-spacing: 1.8px;
}
.title-ocre{
	font-family: 'Abril Fatface', cursive;
	color: #a7770c;
	font-size: 70px;
	max-width: 80%;
	margin-bottom: 5%;
}
.title-ocre-prod {
	font-family: 'Abril Fatface', cursive;
	color: #a7770c;
	font-size: 70px;
	max-width: 100%;
	margin-bottom: 5%;
}
.title-ocre-prod-small {
	font-family: 'Abril Fatface', cursive;
	color: #a7770c;
	font-size: 40px;
	max-width: 100%;
	margin-bottom: 5%;
}
.title-ocre-prod-drip {
	font-family: 'Abril Fatface', cursive;
	color: #a7770c;
	font-size: 65px;
	max-width: 100%;
}
.typo-dark{
	font-family: 'Asap', sans-serif;
	margin: 2% 0%;
	font-weight: 500;
	line-height: 1.5;
	font-size: 1.1rem;
	letter-spacing: 1.3px;
	text-align: center;
}
.typo-dark-monodosis{
	font-family: 'Asap', sans-serif;
	margin: 2% 4%;
	font-weight: 500;
	line-height: 1.5;
	font-size: 1rem;
	letter-spacing: 1.3px;
	text-align: center;
}
.typo-desc-one{
	font-family: 'Lora', serif;
	margin-top: 3%;
	text-align: center;
	font-size: 1rem;
	width: 80%;
}
.lora-italic-font{
	font-family: 'Lora', serif;
	font-style: italic;
	font-weight: 500;
}
.typo-desc-two{
	font-family: 'Lora', serif;
	text-align: center;
	padding: 0% 6%;
}
.lora-bold-font{
	font-family: 'Lora', serif;
	font-weight: 800;
}
.typo-desc-left{
	font-family: 'Lora', serif;
	text-align: left;
	padding: 0% 0%;
	margin-top: 2%;
}
.text-button{
	margin-bottom: 0px !important;
	color: white;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	padding: 4px 8px;
	font-size: 1rem;
}
.typo-white-f{
	color: white;
	font-family: 'Asap', sans-serif;
	margin: auto;
	letter-spacing: 2px;
}
.typo-asap-f{
	font-family: 'Asap', sans-serif;
	color: #a7770c;
	align-content: center;
	margin-top: 10%;
	font-size: 1rem;
	line-height: 20px;
	font-weight: 600;
	text-align: center;
}
.typo-asap-desk-foot{
	font-family: 'Asap', sans-serif;
	align-content: center;
	font-size: 0.95rem;
	font-weight: 600;
	text-align: center;
	margin: 15px auto 15px auto;
}
.typo-gradient-packs{
	font-family: 'Lora', serif;
	font-weight: 700;
	color: white;
	font-size: 1.4rem;
}
.typo-button-white-2{
	font-family: 'Asap', sans-serif;
	font-weight: 600;
	color: white;
	padding: 3px 8px;
	margin: 0%;
}
.title-s1-about-us{
	font-family: 'Abril Fatface', cursive;
	color: #a7770c;
	font-size: 60px;
	max-width: 80%;
	margin-bottom: 5%;
}
.typo-main-about-us{
	max-width: 50%;
	font-family: 'Lora', serif;
	margin-top: 3%;
	text-align: center;
	font-size: 1rem;
}
.typo-main-about-us-ocre{
	font-family: 'Lora', serif;
	margin-top: 3%;
	text-align: center;
	font-size: 1rem;
	color: #cf9b25;
	font-weight: bold !important;
}
.in-touch-description{
	max-width: 50%;
	font-family: 'Lora', serif;
	margin-top: 3%;
	text-align: center;
	font-size: 1.3rem;
}
.typo-monodosis {
	max-width: 80%;
	font-family: 'Lora', serif;
	/* margin-top: 3%; */
	text-align: start;
	font-size: 1.5rem;
}
.typo-capsula-n {
	font-family: 'Lora', serif;
	text-align: start;
	font-size: 1.1rem;
}
.typo-ul-n{
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	padding: 3px 8px 3px 0px;
	margin-bottom: 1px;
	font-size: 1.3rem;
	letter-spacing: 1px;
}
.typo-ul-tost{
	font-family: 'Lora', serif;
	/* font-weight: 700; */
	padding: 3px 8px 3px 0px;
	margin-bottom: 1px;
	font-size: 1.1rem;
	letter-spacing: 1px;
}
.typo-ul-tost-asap{
	font-family: 'Asap', sans-serif;
	font-weight: 600;
	padding: 3px 8px 3px 0px;
	margin-bottom: 1px;
	font-size: 1.5rem;
	letter-spacing: 1px;
}
.typo-blends-products{
	font-family: 'Asap', sans-serif;
	font-weight: 600;
   	/* padding: 3px 8px; */
}
.typo-blends-products-tost{
	font-family: 'Asap', sans-serif;
	font-weight: 600;
	font-size: 1.5rem;
}
.typo-blends-subtitle-tost{
	font-family: 'Asap', sans-serif;
	font-weight: 600;
	font-size: 1.2rem;
	width: 100%;
}
.typo-description-products{
	font-family: 'Lora', serif;
	text-align: start;
	font-size: 1.2rem;
}
.typo-description-products-toast{
	font-family: 'Lora', serif;
	text-align: start;
	font-size: 1rem;
}
.typo-descriptión-p-ocre{
	font-family: 'Lora', serif;
	text-align: start;
	font-size: 1.2rem;
	color: #cf9b25;
	font-weight: 600;
	font-style: italic;
}
.typo-descriptión-p-ocre-t{
	font-family: 'Lora', serif;
	text-align: start;
	font-size: 1rem;
	color: #cf9b25;
	font-weight: 600;
	font-style: italic;
}
.typo-enjoy-esp{
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	font-size: 1.5rem;
	text-align: center;

}
.typo-desc-enjoy{
	font-family: 'Lora', serif;
	text-align: center;
	font-size: 1.3rem;
	justify-content: center;
}
.typo-form-a{
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	font-size: 1.4rem;
}


/* POSITION (PADDINGS, MARGINS, ETC..) */
.section {
	padding-top: 80px;
	padding-bottom: 80px;
}


/* LISTS */



/* HEADER */



/* FOOTER */



/* CONTENT */
#navbarDropdown{
	text-align: center;
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
	color: #d39a20;
}
.bg-dark {
	background-color: #1d1d1b !important;
	padding: 0%;
	margin-top: 1%;
	padding: 0px;
	width: 100vw;
}
.navbar-dark .navbar-nav .nav-link {
	color: #ffffff;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	font-size: 1.3rem;
}
.navbar-expand-md .navbar-nav {
	-ms-flex-direction: row;
	flex-direction: row;
	/* align-content: center; */
	align-items: center;
}
.ul-lage-one{
	width: 90%;
	justify-content: center;
	width: 100vw;
}
body{
	max-width: 100vw;
	max-height: max-content;
	width: 100vw;
	height: max-content;
	background-color: #FFFFFF;
	margin-top: 2%;
}

#wrapper{
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 100vw;
	width: 100vw;
	max-height: 100vh;
	height: 100vh;
	margin: auto;
	background-color: #ffffff;
}          
.next-cof{
	font-size: 50px;
	color: rgb(72, 59, 59);
	font-family: 'Lato', sans-serif;
}
.next-cof-name{
	font-size: 150px;
	color: rgb(72, 59, 59);
	font-family: 'Lato', sans-serif;
}

.border-color-div{
	height: 15%;
	width: 100%;
	display: flex;
	margin: 0px auto;
	border-bottom: solid 2px #a7770c;
	border-top: solid 2px #a7770c;
	order: 3;
	justify-content: center;
}
.border-color-div-monodosis{
	height: 15%;
	width: 100%;
	display: flex;
	margin: 0px auto;
	border-bottom: solid 2px #a7770c;
	border-top: solid 2px #a7770c;
	justify-content: center;
}
.section-one {
	max-width: auto;
	max-height: auto;
	width: 85%;
	margin: auto;
	padding: 0% 6%;
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.section-two{
	height: auto;
	margin: 0px;
	/* padding: 0% 6%; */
}
.div-bg-grey{
	background-color: rgba(244, 241, 241, 1);
	padding: 8% 6%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.container-buttons{
	max-width: 100%;
	width: 78vw;
	display: flex;
	/* align-content: center; */
	justify-content: start;
	margin-left: 0%;
}
.button-two-h{
	width: max-content;
	/* margin-left: 7%; */
	background-color: black;
	border-color: black;
	border-style: solid;
	transition: all .2s ease-in-out;
}
.button-two-h:hover{
	margin-left: 4%;
	background-color:#996600;
	border-color: #996600;
	border-style: solid;
	transition: all .2s ease-in-out;
}
.button-one-h{
	background-color: black;
	border-color: black;
	border-style: solid;
	transition: all .2s ease-in-out;
}
.button-one-h:hover{
	background-color:#996600;
	border-color: #996600;
	border-style: solid;
	transition: all .2s ease-in-out;
}
.color-dark-f{
	margin-top: 11%;
	padding: 10%;
	text-align: center;
	background-color: #1d1d1b;
}
.fa-bars:before{
	font-size: 30px !important;
}
.footer-white-f{
	width: 100vw;
	height: max-content;
	padding: 10% 6%;
}
.conatiner-icons-f{
	margin: auto;
	width: 78%;
	height: 5%;
	display: flex;
	justify-content: space-evenly;
}
.div-bg-white-s{
	padding: 0% 6%;
}
.div-color-dark{
	background-color: rgba(0, 0, 0, 0.726);
}
.font-clare{
	color: #ffffff;
}
.div-title-main{
	order: 2;
	width: auto;
	flex-direction: column;
	flex-wrap: wrap;
	padding-left: 40px;
	margin-left: 30px !important;
}
.div-img-main-home{
	order: 1;
	width: auto;
	flex-wrap: wrap;
	display: flex;
	justify-content: center;
}
.pl-desc-main-home{
	order: 4;
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1% 4%;
}
.map-container{
	display: flex;
	order: 4;
	width: 50%;
	margin: 5% 0%;
	justify-content: center;
}
.wrapp-inner-img-bg{
	width: 80%;
	height: 45vw;
	justify-content: center;
	padding-top: 5%;
	/* background-image: url("public_html\img\desktop\pl-7.png"); */
	/* background: transparent;
	background-image: linear-gradient(( transparent), rgba(161, 162, 163, 1) 69%),
	url("../img/desktop/pl-7.png"); */
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0)),
	url("../img/desktop/banner-home-drip.jpg");
	background-size: 100%;
}
.section-added{
	height: max-content;
	display: flex;
	justify-content: center;
	text-align: center;
}
.button-ocre-sample{
	background-color: #CF9B26;
	border: solid 1px #ca9a2a;
	margin: 2%;
	transition: all .2s ease-in-out;
}
.button-ocre-sample:hover{
	background-color: #996600;
	border: solid 1px #996600;
	margin: 2%;
	transition: all .2s ease-in-out;
}
.wrapper-doble{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16% 0%;
}
.mountain-img-div{
	display: flex;
	justify-content: center;
	width: 40%;
}
.container-typo-montain{
	width: 40%;
	padding-left: 37px;
}
.footer-movile{
	display: none;
}
.cont-img-cof{
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	text-align: center;
}
.main-container-grey{
	height: auto;
	background-color: rgba(244, 241, 241, 1);
	/* padding: 8% 6%;
	flex-direction: column; */
}
.main-container-white-cont{
	height: auto;
}
.in-touch{
	height: auto;
}
.buttons-monodosis{
	width: 250px;
	margin: 28px auto;
	font-family: 'Asap', sans-serif;
	font-weight: 600;
	color: white;
	padding: 3px 8px;
	background-color: #996600;
	border: solid 1px #996600;
	transition: all .2s ease-in-out;
}
.buttons-monodosis:hover{
	width: 250px;
	margin: 28px auto;
	font-family: 'Asap', sans-serif;
	font-weight: 600;
	color: white;
	padding: 3px 8px;
	background-color: #c08206;
	border: solid 1px #c08206;
	transition: all .2s ease-in-out;
}
.button-buy-n{
	background-color: black;
	border-color: black;
	color: #ffffff;
	width: fit-content;
	margin: 28px auto;
	font-family: 'Asap', sans-serif;
	font-weight: 500;
	padding: 5px 18px;
	letter-spacing: 2px;
	border-style: solid;
	transition: all .2s ease-in-out;
}
.button-buy-n:hover{
	background-color: #996600;
	border-color: #996600;
	border-style: solid;
	transition: all .2s ease-in-out;
}
.button-send-dark{
	background-color: black;
	border-color: black;
	color: #ffffff;
	width: fit-content;
	margin: 28px auto;
	font-family: 'Asap', sans-serif;
	font-weight: 500;
	padding: 5px 25px;
	letter-spacing: 2px;
	font-size: 1.2rem;
	transition: all .2s ease-in-out;
	border-style: solid;
}
.button-send-dark:hover{
	background-color: #996600;
	border-color:#996600;
	color: #ffffff;
	width: fit-content;
	margin: 28px auto;
	font-family: 'Asap', sans-serif;
	font-weight: 500;
	padding: 5px 25px;
	letter-spacing: 2px;
	font-size: 1.2rem;
	transition: all .2s ease-in-out;
	border-style: solid;
}
.typo-blends-products-coffs{
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	font-size: 1.4rem;
}
.shop-min{
	color:#cf9b25;
	font-family: 'Lora', serif;
	margin-top: 3%;
	/* text-align: center; */
	font-size: 1.2rem;
	font-style: oblique;
}
.row-color-grey{
	height: auto;
	background-color: rgba(244, 241, 241, 1);
}
.ul-blends{
	list-style: none;
}
.gray-bg-b{
	height: auto;
	background-color: rgba(244, 241, 241, 1);
}
form.contact-paralelo>div>div>input{
	background-color: rgba(244, 241, 241, 1);
	border-radius: 0rem !important;
}
.dropdown-item:focus, .dropdown-item:hover {
	color: #f8f9fa !important;
	text-decoration: none;
	background-color: #996600 !important;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	font-size: 1rem;
}
.dropdown-item {
	display: block;
	width: 100%;
	padding: .25rem 1.5rem;
	clear: both;
	font-weight: 400;
	color: #f8f9fa;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	font-size: 1rem;
}
.form-control:focus {
	color: #495057cb;
	background-color: #fff;
	border-color: #d4d4d4 !important;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(94, 95, 97, 0.25);
}
form.contact-paralelo>div>div>textarea {
	background-color: rgba(244, 241, 241, 3);
	border-radius: 0rem !important;
}
.alert-warning>ul>li{
	list-style: none;
}

.li-in-alert{
	list-style: none;
}
input:-internal-autofill-selected {
	appearance: menulist-button;
	background-color: rgb(250, 250, 250) !important;
	background-image: none !important;
	color: -internal-light-dark(black, white) !important;
}
input:visited{
	background-color: rgb(250, 250, 250) !important;
}
.footer-footer-desk{
	background-color: #ffffff;
	justify-content: center;
	align-content: center;
	align-items: center;
}
.flex-container-f{
	max-width: fit-content;
	display: block;
	position: relative;
	top: 79px;
	left: 65vw;
}
button:focus {
	outline: none !important;
	/* outline: 5px auto -webkit-focus-ring-color; */
}
a:focus{
	outline: none !important;
}

/* IMAGES */
.img-in-dev{
	display: block;
	margin: auto;
	max-width: 800px;
	justify-content: center;
	margin: auto;
	color: rgb(72, 59, 59);
}
.iconcolor-a{
	color: white;
}
.navbar-dark .navbar-toggler{
	border-color: transparent;
}
.bton-nav{
	margin-right: 1%;
}
.btn-in-focus-b:focus{
	outline: transparent !important;
}
.packs-th{
	display: none;
	/* display: block;
	margin: 8% auto; */
}
.icons-social-f{
	font-size: 50px;
	color: #cf9b26;
}
.img-responsive-1{
	display: none;
}
.img-desktop-1{
	display: block;
	width: 100%;
}
.movile-view-logo{
	display: none;
}
.desktop-view-logo{
	display: block;
}
.switch-display-logo-d{
	display: block;
}
.switch-display-logo-m{
	display: none;
}
.packs-th-desktop{
	display: block;
	width: auto;
	margin: 11% 0%;
}
.white-logo-desktop{
	display: block;
}
.img-map{
	width: -webkit-fill-available;
}
.img-desktop-ocre{
	display: block;
}
.div-img-desktop-ocre{
	display: flex;
	justify-content: center
}
.mont-img{
	/* width: fit-content; */
	width: 422px;
}
.bk-ground-black-desk{
	width: 100vw;
	/* height: 200px; */
	height: auto;
	background-color: #1d1d1b;
}
.log-footer{
	justify-content: center;
}
.picture{
	width: 100vw;
	height: 2330px;
	background-image: url("../img/desktop/2-cafeparalelo-quienes-somos.jpg");
}
.picture2{
	width: 100vw;
	height: 3552px;
	background-image: url("../img/desktop/3-cafeparalelo-productos-capsulan.jpg");
}
.picture3{
	width: 100vw;
	height: 4352px;
	background-image: url("../img/desktop/4-cafeparalelo-productos-capsulak-.jpg");
}
.picture4{
	width: 100vw;
	height: 1532px;
	background-image: url("../img/desktop/9-cafeparalelo-contacto-Recuperado.jpg");
}
.wrapp-uls>div>ul{
	list-style: none;
}
.wrapp-uls{
	background-color: #1d1d1b;
}
.ctrol-ul>ul>li>a{
	color: #ffffff;
	font-family: 'Lato', sans-serif;
	font-weight: 500;
	font-size: 1.25rem;
	margin: 5px 10px;
}
.ctrol-ul>ul>li{
	border-bottom: solid 2.5px #cf9b26;
	width: 225px;
	padding: 5px 0px;
}
.ctrol-ul>ul>li#toop{
	border-top: solid 2.5px #cf9b26;
}
.shop-color-w{
	color: #ffffff;
	margin: 0px 4px;
}
.ocre-coffee{
	color:#996600;
	margin-right: 5px;
}
.ocre-coffee{
	color:#cc9933;
	margin-right: 5px;
}
.img-width{
	max-width:100%;
	justify-content: center;
}
.img-banner-prod{
	max-width: max-content;
}
.img-size-origin{
	width: 100%;
}
.icon-social-m{
	color: #cc9933;
	font-size: 35px;
	margin: 0px 10px;
}

/* Contactanos */
#info{
	font-size: 1.2rem;
}

#info > .container > .row{
	border: 2px solid #000;
	padding: 10px;
	border-radius: 10px;
}

#info a{
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
}

#info .fa-whatsapp{
	font-size: 1.3rem;
}

/* Bot¨®n comprar multipack - Estilo general */
.btn-comprar-multipack {
    background-color: #A6770C;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 12px 24px;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.4;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.btn-comprar-multipack:hover {
    background-color: #8a6409;
}

.btn-comprar-multipack i {
    font-size: 16px;
}

/* Bot¨®n explorar - Estilo general */
.btn-explorar {
    background-color: #A6770C;
    color: white;
    border: none;
    border-radius: 6px;
    padding: 10px 28px;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.btn-explorar:hover {
    background-color: #8a6409;
}

/* Dropdown hover en desktop */
@media (min-width: 768px) {
    .dropdown-hover:hover > .dropdown-menu {
        display: block;
        margin-top: 0;
    }
    
    .dropdown-hover > .dropdown-toggle:active {
        pointer-events: auto;
    }
}