/*||||||||||||||||||||||||||||||||||||||||||||||FONTS||||||||||||||||||||||||||||||||||||||||||||||*/
@font-face {
    font-family: 'poppinsblack';
    src: url('fonts/poppins-black-webfont.woff2') format('woff2'),
         url('fonts/poppins-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'poppinssemibold';
    src: url('fonts/poppins-semibold-webfont.woff2') format('woff2'),
         url('fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'poppinsregular';
    src: url('fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'poppinsextralight';
    src: url('fonts/poppins-extralight-webfont.woff2') format('woff2'),
         url('fonts/poppins-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*||||||||||||||||||||||||||||||||||||||||||||||/FONTS||||||||||||||||||||||||||||||||||||||||||||||*/

/*||||||||||||||||||||||||||||||||||||||||||||||GENERICOS||||||||||||||||||||||||||||||||||||||||||||||*/
body {
    background-color: #f8f9fa;
    font-family: 'poppinsextralight', 'Helvetica', sans-serif;
    font-weight:200;
}

/*+++++++++++++++++++++++++++++++++++CONTAINERS*/
.global-container{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: stretch;
    min-height: 100vh;
}
.container-fluid{
    padding-right: 0;
    padding-left: 0;
}
.container-xxl { max-width: 1900px; }
/*+++++++++++++++++++++++++++++++++++/CONTAINERS*/
h1{

}
h2{
	margin: 1em .5em 1.5em .5em;
    text-align: center;
    font-size: 1.6em;
    text-transform: uppercase;
}
	h2 span{ 
    	position:relative;
		display:inline-block; 
		-webkit-text-stroke: 0.02em currentColor;
	}
	h2 span:before, h2 span:after{
		content: "";
		font-family: "fontello";
	    font-weight: 900;
	    content: "\e808";
	    font-size: .8em;
	    position:absolute;
	    -webkit-text-stroke: 0.0em currentColor;
	}
	h2 span:before{	
	    left: -1.5em;
	    top: 48%;
	    transform: translate(0%, -50%);
	}
	h2 span:after{	
	    right: -1.5em;
	    top: 48%;
	    transform: translate(0%, -50%) scaleX(-1);
	}
h3{
	margin: 1.5em 0 1em 0;
    padding: 1em;
    text-align: left;
    background: rgb(0 0 0 / 67%);
    color: #fff;
    font-size: 1em;
    text-transform: uppercase;
}


a, .btn, button, input, select, i, span { transition: all .3s ease !important; }
a, a:hover{ text-decoration: none; }
a, .btn, button{ border: none !important; } 
a { color: #69128f; }
a:hover{ color: #000; }
.dark-bg a, .black-bg a { color: #e2a0ff; }
.dark-bg a:hover, .black-bg a:hover{ color: #fff; }

.txt-sm{ font-size:.9em; }
.txt-md{ font-size:1.2em; }
.txt-lg{ font-size:1.5em; }
/*||||||||||||||||||||||||||||||||||||||||||||||/GENERICOS||||||||||||||||||||||||||||||||||||||||||||||*/

/*||||||||||||||||||||||||||||||||||||||||||||||HEADER||||||||||||||||||||||||||||||||||||||||||||||*/
.navbar {
    padding-top: 0rem;
    padding-bottom: 0rem; 
}
.brand-logo{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    align-content: flex-start;
    justify-content: flex-start;
    padding-top: .5rem;
    padding-bottom: .5rem; 
}
span.name-brand-img{
	position:relative;
	display:block;
	width:40px;
	height:40px;
    margin-left: .3em;
	border-radius:10em;
	background:#e2a0ff;
}
.brand-logo i{
    font-size:1.5em;
	color:#000;
}
.brand-logo span.name-brand-1{
	font-size: .8em;
    display: inline-block;
    margin-left: .5em;
    color:#e2a0ff;
}
.brand-logo span.name-brand-2{	
    font-family: 'poppinsregular', 'Helvetica', sans-serif;
}
.navbar-nav {
    background: #444;
}
.navbar-nav .nav-item {
    border-bottom:1px solid #000;
}
.navbar-nav .nav-item:last-child {
    border-bottom:none;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-left:.5rem;
    color: rgb(255 255 255 / 65%);
    -webkit-text-stroke: .01em currentColor;
}
.navbar-expand-lg .navbar-nav .nav-link:hover {
    color: rgb(255 255 255 / 100%);
}
@media (min-width: 992px) { 
	.navbar-nav {
	    background: none;
	    margin-top:.3em;
	}
	.navbar-nav .nav-item {
	    border-bottom:none;
	}
}
/*||||||||||||||||||||||||||||||||||||||||||||||/HEADER||||||||||||||||||||||||||||||||||||||||||||||*/

/*||||||||||||||||||||||||||||||||||||||||||||||CONTENTS||||||||||||||||||||||||||||||||||||||||||||||*/
/*+++++++++++++++++++++++++++++++++++INDEX*/
.section-index-banner .section-img{
    background: url(../img/imagen-portada.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom:2em;
    position:relative;
    min-height:300px;
}
@media (min-width: 768px) {
	.section-index-banner .section-img{
	    min-height:400px;
	} 
}
@media (min-width: 1400px) { 
	.section-index-banner .section-img{
	    min-height:600px;
	}
}
.section-index-banner .section-img div {
	position: absolute;
    bottom: 0em;
    right: 0em;
    background: rgb(132 96 117 / 78%);
    text-align: center !important;
    width:100%;
    zoom: .7;
	-moz-transform: scale(.7);
}
@media (min-width: 768px) { 
	.section-index-banner .section-img div {
    	max-width: 550px;
	    zoom: 1;
    	-moz-transform: scale(1);
	}
}
.section-index-banner .section-img h1 {
    padding: .5em;
    font-size: 2.5em;
    color: #fff;
    margin:0;
    font-weight:200;
}
.section-index-banner .section-img h1 span {
	display:block;
    font-size: .8em;
    color: #fff;    
    margin:.5em 0 0 0;    
    font-family: 'poppinsregular', 'Helvetica', sans-serif;
}
.section-index-banner .section-img p {
    font-size: 1.3em;
    color: #fff;
    background: rgb(0 0 0 / 70%);
    padding: .5em 1em;
    margin-bottom: 0;
    font-weight:200;
}
.section-index{
	margin-bottom:2em;
}
/*+++++++++++++++++++++++++++++++++++/INDEX*/

/*+++++++++++++++++++++++++++++++++++SECTIONS*/
.section-standard, 
.section-list-grid{
	padding:2em 1em;
}
.section-title{
	padding:2em 1em;
	text-align:center !important;
	position:relative;
	background:rgb(132 96 117 / 78%);
}
.section-title h1, .section-title p{
	z-index: 3 !important;
	color:#fff;
}
	.section-title:before{
		content: "";
	    position: absolute;
	    width:100%;
	    height:100%;
	    z-index: -1;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;	    
	    background: url(../img/imagen-portada.webp);
	    background-position: center center;
	    background-repeat: no-repeat;
	    background-size: cover;
	}
/*+++++++++++++++++++++++++++++++++++/SECTIONS*/

/*+++++++++++++++++++++++++++++++++++ITEMS-GRID*/
.list-grid-items article{
	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: center;
}
.list-grid-items article a{
	width:100%;
}
.list-grid-items article a span{
	display:block;
	padding:.4em .4em .2em .4em;
	-webkit-text-stroke:.02em currentColor;
}
.list-grid-items article a .img-fluid{
	width:100%;
}
/*+++++++++++++++++++++++++++++++++++/ITEMS-GRID*/

/*+++++++++++++++++++++++++++++++++++MI ARMARIO*/
.mi-armario .perfiles{
	padding-top:1em;
	padding-bottom:1em;
	background-color: rgba(0,0,0,.02);
    box-shadow: 0px 28px 15px -28px rgb(0 0 0 / 50%);
}
@media (min-width: 992px) { 
	.mi-armario .perfiles{
	    box-shadow: 28px 0px 15px -28px rgb(0 0 0 / 50%);
	}
}
.mi-armario .perfiles p, .mi-armario .caracteristicas p{
	padding:.5em 2em;
	font-size:.9em;
	margin-top:1em;
	margin-bottom:0em;
	-webkit-text-stroke:.02em currentColor;
}
.mi-armario .perfiles ul, .mi-armario .caracteristicas ul{
	padding:0 2em .5em 2em;
	font-size:.9em;
	list-style: none;
}
.mi-armario .perfiles ul li, .mi-armario .caracteristicas ul li{
	padding: .5em 0;
	border-bottom:1px dashed rgb(0 0 0 / 30%);
}
.mi-armario .perfiles ul li:last-child, .mi-armario .caracteristicas  ul li:last-child{
	border-bottom:none;
}

.mi-armario .caracteristicas p, .mi-armario .caracteristicas ul{
	padding:.5em 3em;
	font-size:1em;
}
/*+++++++++++++++++++++++++++++++++++MI ARMARIO*/

/*+++++++++++++++++++++++++++++++++++MI MANIQUI*/
.mi-maniqui .list-grid-items{
	margin-bottom:3em;
}
.mi-maniqui article .row{
	background-color:rgba(0,0,0,.05);
	width:100%;
	height: 100%;
}
@media (max-width: 1199.5px) {
	.mi-maniqui article .row{
		align-content: flex-start;
	}
}
@media (max-width: 1199.5px) { .mi-maniqui .img-container{ height:400px; } }
@media (max-width: 991.5px) { .mi-maniqui .img-container{ height:500px; } }
@media (max-width: 767.5px) { .mi-maniqui .img-container{ height:400px; } }		
	.mi-maniqui .img-container img{
		width:100%;
		height:100%;
		object-fit: cover;
		object-position: 50% 0%;
	}
.mi-maniqui p{
	padding: .5em 1em;
}
.mi-maniqui .descripcion{
	
}
.mi-maniqui .tips{
	font-size:.8em;
}
.mi-maniqui .tips b{
	font-family: 'poppinssemibold', 'Helvetica', sans-serif;
	color:#47392f;
	display:block;
}
/*+++++++++++++++++++++++++++++++++++MI MANIQUI*/

/*+++++++++++++++++++++++++++++++++++DONDE COMPRARLO*/
.donde-comprarlo .list-grid-items{
	justify-content: center;
}
.donde-comprarlo a{
	margin-top:1em;
}
/*+++++++++++++++++++++++++++++++++++DONDE COMPRARLO*/

/*+++++++++++++++++++++++++++++++++++PASARELA*/
.pasarela .list-grid-items{
	justify-content: center;
}
.pasarela article div{	
	padding: 1em;
    width: 100%;
	background-color:rgba(0,0,0,.05);
	color:#fff;
}
.pasarela h2{
	color:#fff;
}
.pasarela a{
	margin-top:1em;
}
/*+++++++++++++++++++++++++++++++++++PASARELA*/
/*||||||||||||||||||||||||||||||||||||||||||||||/CONTENTS||||||||||||||||||||||||||||||||||||||||||||||*/

/*||||||||||||||||||||||||||||||||||||||||||||||FOOTER||||||||||||||||||||||||||||||||||||||||||||||*/
footer {
    padding:1em;
}
footer p {
    text-align: center;    
	color:rgba(255,255,255,.6);
}
footer .brand-logo{
	justify-content: center;
}
footer span.name-brand-img{
	width:28px;
	height:28px;
    margin-left: 0em;
}
footer .brand-logo i{
    font-size:1.5em;
}
footer .brand-logo span.name-brand-1{
	font-size: 1.2em;
	margin-top: .3em;
}
footer a{
	display:block;
	margin-bottom:.5em;
	color:rgba(255,255,255,.6);
}
footer a:hover{
	color:rgba(255,255,255,1);
}
@media (min-width: 768px) {
	footer a{
		display:inline-block;
		margin-bottom:0em;
	}
}
/*||||||||||||||||||||||||||||||||||||||||||||||/FOOTER||||||||||||||||||||||||||||||||||||||||||||||*/

/*||||||||||||||||||||||||||||||||||||||||||||||UTILIDADES||||||||||||||||||||||||||||||||||||||||||||||*/
/*+++++++++++++++++++++++++++++++++++MEDIA QUERY*/
@media (min-width: 576px) {  }
@media (min-width: 768px) {  }
@media (min-width: 992px) {  }
@media (min-width: 1200px) {  }
@media (min-width: 1400px) {  }
/*+++++++++++++++++++++++++++++++++++/MEDIA QUERY*/

/*+++++++++++++++++++++++++++++++++++VISIBILITY*/
@media (max-width: 575.5px) { .till-sm-none{ display:none; } }
@media (max-width: 767.5px) { .till-md-none{ display:none; } }
@media (max-width: 991.5px) { .till-lg-none{ display:none; } }
@media (min-width: 576px) { .from-sm-none{ display:none; } }
@media (min-width: 768px) { .from-md-none{ display:none; } }
@media (min-width: 992px) { .from-lg-none{ display:none; } }
.display-none{display:none !important;}
.display-none-soft{display:none;}
.display-block{display:block !important;}
.display-block-soft{display:block;}
.visibility-hidden{opacity:0 !important;}
.visibility-hidden-soft{opacity:0 ;}
.visibility-visible{ opacity:1  !important; }
.visibility-visible-soft{ opacity:1; }
/*+++++++++++++++++++++++++++++++++++/VISIBILITY*/

/*+++++++++++++++++++++++++++++++++++POSITIONS*/
.position-absolute-centered{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
/*+++++++++++++++++++++++++++++++++++/POSITIONS*/

/*+++++++++++++++++++++++++++++++++++COLORS*/
.black{ color:#1C0F13 !important; }
.dark{ color:#210124 !important; }
.violet{ color:#E2A0FF !important; }
.plumb{ color:#846075 !important; }
.cream{ color:rgb(240 234 229) !important; }

.black-bg{ background-color:#1C0F13 !important; }
.dark-bg{ background-color:#210124 !important; }
.violet-bg{ background-color:#E2A0FF !important; }
.plumb-bg{ background-color:#846075 !important; }
.cream-bg{ background-color:rgb(240 234 229) !important; }
/*+++++++++++++++++++++++++++++++++++/COLORS*/

/*||||||||||||||||||||||||||||||||||||||||||||||/UTILIDADES||||||||||||||||||||||||||||||||||||||||||||||*/