/******************************************************************
  Template Name: Violet
  Description: Violet ecommerce Html Template
  Author: Colorlib
  Author URI: https://colorlib.com/
  Version: 1.0
  Created: Colorlib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Feature Section
6.  Latest Product Section
7.  Lookbok Section
8.  Logo Section
9.  Footer
10. Other Pages Style

-------------------------------------------------------------------*/

/*----------------------------------------*/
/* Template default CSS
/*----------------------------------------*/
@font-face {
	font-family: "horizon";
	src: url("../fonts/horizon.otf");
	font-weight: normal;
	font-style: normal;
}

html {
	width: 100vw;
	overflow-x: hidden;
}

html,
body {
	height: 100%;
	font-family: "horizon", sans-serif;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	background: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 500;
	font-family:"horizon", sans-serif;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

.proceso_compra h4 {
    font-size: 14px !important;
    font-family: "horizon", sans-serif;
	line-height: 24px !important;
}
.proceso_compra img {
	width: 20%;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 15px;
	color: #424242;
	font-weight: 400;
	line-height: 1.6;
	font-family: "Montserrat", sans-serif;
	margin: 0 0 15px 0;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: #fff;
}

ul,
ol {
	padding: 0;
	margin: 0;
}

@font-face {
	font-family: "FuturaBT-Book";
	src: url("../fonts/FuturaBT-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaBT-Book.woff") format("woff"), url("../fonts/FuturaBT-Book.ttf") format("truetype"), url("../fonts/FuturaBT-Book.svg#FuturaBT-Book") format("svg");
	font-weight: normal;
	font-style: normal;
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title h2 {
	color: #1e1e1e;
	font-size: 40px;
	font-weight: 700;
	font-family: "horizon", sans-serif;
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}


.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}
.aboutme h3{
	font-family: horizon, sans-serif;
	font-size:medium;
}
.margin-0{
	margin: 0 !important;
}
.margin-top-0{
	margin-top: 0 !important;
}

/* buttons */

.primary-btn {
	color: #ffffff;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	padding: 16px 40px;
	border: 2px solid #000000;
	border-radius: 50px;
	text-transform: uppercase;
	background-color: black;
}

.primary-btn:hover {
	background-color: #323232 !important;
	border: 2px solid black !important;
}

.site-btn {
	color: #1e1e1e;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	padding: 16px 40px;
	border: 2px solid #1e1e1e;
	border-radius: 50px;
	cursor: pointer;
	text-transform: uppercase;
}

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #000;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

.elements-section {
	padding-top: 100px;
}

.el-title {
	margin-bottom: 75px;
}

.element {
	margin-bottom: 100px;
}

.element:last-child {
	margin-bottom: 0;
}

/*---------------------
  Header
-----------------------*/

.header-section {
	position: absolute;
	display: flex;
	height: 60px;
	z-index: 99;
	width: 100%;
	background-color: rgba(265, 265, 265, 0.1);
}

.header-section .container-fluid {
	align-content: center;
}

.inner-header {
	display: flex;
    flex-direction: row;
    box-sizing: unset;
	width: 100%;
	justify-content: space-between;
}
.inner-header .logo img {
	height: 40px;
}

.inner-header nav ul > li div:hover {
	cursor: pointer;
}

.inner-header nav ul > li div {
	line-height: 42px;
	padding: 0 20px;
}

.inner-header .header-right img {
	display: inline-block;
	margin-right: 20px;
	cursor: pointer;
}

.inner-header .header-right a {
	display: inline-block;
	position: relative;
}

.inner-header .header-right a img {
	margin-right: 0;
	margin-left: 4px;
}

.inner-header .header-right a span {
	font-size: 11px;
	color: #1e1e1e;
	width: 18px;
	height: 18px;
	border: 2px solid #D0D7DB;
	background: #fff;
	display: inline-block;
	line-height: 15px;
	text-align: center;
	border-radius: 50%;
	font-weight: 600;
	position: absolute;
	left: -9px;
	top: 14px;
}

.inner-header .user-access {
	float: right;
	margin-right: 100px;
}

.inner-header .user-access a {
	color: #1e1e1e;
	font-size: 16px;
	display: inline-block;
	font-weight: 500;
	position: relative;
	line-height: 42px;
}

.inner-header .user-access a.in {
	color: #838383;
	margin-left: 15px;
	position: relative;
}

.inner-header .user-access a.in::before {
	position: absolute;
	left: -13px;
	top: 1px;
	color: #1e1e1e;
	content: "/";
}

.inner-header .main-menu {
	float: right;
}

.inner-header .main-menu ul li {
	display: inline-block;
	margin-left: 60px;
	position: relative;
}

.inner-header .main-menu ul li a {
	color: #1e1e1e;
	font-size: 12px;
	display: inline-block;
	font-weight: 500;
	position: relative;
	line-height: 42px;
}

.inner-header .main-menu ul li a.active:after {
	opacity: 1;
}

.inner-header .main-menu ul li a:hover:after {
	opacity: 1;
}

.inner-header .main-menu ul li a:after {
	position: absolute;
	left: 0;
	bottom: 7px;
	width: 100%;
	height: 2px;
	background: #1e1e1e;
	content: "";
	opacity: 0;
	-webkit-transform: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.inner-header .main-menu ul li:hover .sub-menu {
	visibility: visible;
	opacity: 1;
	margin-top: 0;
}

.inner-header .main-menu ul li .sub-menu {
	position: absolute;
	list-style: none;
	width: 220px;
	left: 0;
	top: 100%;
	padding: 20px 0;
	visibility: hidden;
	opacity: 0;
	margin-top: 50px;
	background: #fff;
	z-index: 99;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-box-shadow: 2px 7px 20px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 7px 20px rgba(0, 0, 0, 0.2);
}

.inner-header .main-menu ul li .sub-menu li {
	display: block;
	margin: 0;
}

.inner-header .main-menu ul li .sub-menu li a {
	display: block;
	color: #000;
	margin-right: 0;
	padding: 0px 20px;
	font-size: 14px;
	line-height: 2.3;
}

.inner-header .main-menu ul li .sub-menu li a:after {
	display: none;
}

.slicknav_menu {
	display: none;
}

/*---------------------
  Search Bar
-----------------------*/
.search-trigger {
	cursor: pointer;
	width: 60px;
}
/*----------- Search Model----------*/

.search-model {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	z-index: 99999;
}

.search-model-form {
	padding: 0 15px;
}

.search-model-form input {
	width: 500px;
	font-size: 40px;
	border: none;
	border-bottom: 2px solid #333;
	background: none;
	color: #999;
}

.search-close-switch {
	position: absolute;
	width: 50px;
	height: 50px;
	background: #333;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	padding-top: 6px;
	font-size: 26px;
	top: 30px;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	font-weight: 300;
}

/*---------------------
  Header Info
-----------------------*/

.header-info {
	background: #B0BCC2;
	overflow: hidden;
	padding: 10px 45px;
}

.header-info .header-item {
	overflow: hidden;
}

.header-info .header-item img {
	display: inline-block;
	margin-right: 13px;
}

.header-info .header-item p {
	display: inline-block;
	line-height: 1;
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 0;
	position: relative;
	top: 3px;
}

/*---------------------
  Hero Slider
-----------------------*/
.hero-slider {
    position: relative;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
    text-align: center;
}

/* Estilo para la imagen de portada */
.portada-imagen {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

/* Mostrar unicamente en pantallas grandes */
@media (min-width: 769px) {
    .display-sm-only {
        display: none;
    }
}
/* Estilo para la imagen de portada en pantallas pequeñas */
@media (max-width: 768px) {
	.display-md{
		display: none;
	}
}

/* Estilo para el logo */
.logoimagen {
    width: 40%;
    margin-bottom: 20px;
    z-index: 1;
}

/* Estilo para el texto */
h2 {
    color: #fff;
    font-size: 90px;
    font-weight: 400;
    line-height: 5rem;
    font-family: "horizon", sans-serif;
    padding: 10px;
}

/* Estilo para el botón */
.primary-btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    border-radius: 50px;
    margin-top: 50px;
}

.primary-btn:hover {
    background-color: #444;
}

/* Ajustes de responsividad para pantallas pequeñas */
@media (max-width: 768px) {
    h2 {
        font-size: 36px; /* Reduce el tamaño de la fuente para pantallas pequeñas */
        line-height: 3rem; /* Ajusta el espacio entre líneas */
    }

    .logoimagen {
        width: 60%; /* Ajusta el tamaño del logo en pantallas pequeñas */
    }

    .primary-btn {
        padding: 8px 16px; /* Ajusta el tamaño del botón */
        font-size: 14px;
    }
}


/*---------------------
  Features Section
-----------------------*/

.features-section {
    padding-bottom: 0;
}

.features-ads {
    padding: 50px 30px;
	background: #e9e9e9;
}

.features-ads .single-features-ads {
    text-align: center;
    margin-bottom: 30px;
}

.features-ads .single-features-ads img {
    margin-top: 30px;
    margin-bottom: 10px;
    opacity: 0.1;
}

.features-ads .single-features-ads h4 {
    color: #1e1e1e;
    font-size: 22px;
    font-weight: 700;
    line-height: 50px;
}

.features-ads .single-features-ads p {
    color: #727272;
    font-size: 14px;
    line-height: 27px;
    font-weight: 500;
}

/* Adjustments for each box within features-box */

.features-box .single-box-item {
    position: relative;
}

.features-box .single-box-item.first-box {
    margin-bottom: 35px;
}

.features-box .single-box-item.first-box .box-text {
    position: absolute;
    right: 5%;
    top: 20%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.features-box .single-box-item.first-box .box-text .trend-alert {
    color: #1e1e1e;
    font-size: 22px;
    line-height: 45px;
    text-transform: uppercase;
    margin-bottom: 38px;
}

.features-box .single-box-item img {
    min-width: 60%;
}

.features-box .single-box-item .box-text h2 {
    color: #1e1e1e;
    font-size: 30px;
    line-height: 38px;
    font-family: horizon, sans-serif;
}

.overlay-content {
    max-width: 80%;
    width: 100%;
    padding: 90px !important;
    z-index: 1;
}

/* Media query para pantallas pequeñas (por debajo de 768px) */
@media (max-width: 768px) {
	.features-ads {
		padding: 60px 60px;
	}
 }
@media (max-width: 480px) {
    .features-ads .single-features-ads p {
        display: none; /* Ocultar los párrafos en pantallas pequeñas */
    }
	.features-ads {
		padding: 30px 30px;
	}

}

/*---------------------
  Latest Product
-----------------------*/
.latest-products {
    padding: 70px 0px;
}

.latest-products .section-title {
    text-align: center;
    margin-bottom: 30px;
}

.product-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.product-item {
    width: calc(25% - 20px); /* 4 columnas por fila */
    box-sizing: border-box;
    text-align: center;
    padding: 25px;
}

.product-item figure {
    margin: 0 0 10px 0;
    overflow: hidden;
}

.product-item figure img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.product-item .product-text h6 {
    margin: 10px 0;
    font-size: 16px;
	min-height: 40px;
    align-content: center;
}

.product-item .product-text p {
    color: #1e1e1e;
    font-size: 18px;
    font-weight: bold;
}
@media (max-width: 768px) {
    .product-item {
        width: calc(50% - 20px); /* 2 columnas por fila */
    }
}

@media (max-width: 500px) {
    .product-item {
        width: calc(50% - 20px); /* 2 columnas por fila */
    }
}

/*---------------------
  bramanmte
-----------------------*/
.overlay-contents-bramante{
}

.overlay-contents-bramante h1{
    font-size:xx-large;
    text-transform: uppercase;
}

.texto-chica-bramante h1{
    font-size:xx-large;
    text-transform: uppercase;
}

.overlay-contents-bramante p {
    font-size: larger; /* Tamaño del texto */
    margin-bottom: 20px;
}
.texto-chica-bramante p {
    font-size: larger; /* Tamaño del texto */
    margin-bottom: 20px;
}

.overlay-contents-bramante .btn {
    font-weight: bold;
    text-transform: uppercase;
}

/* Media Query para pantallas pequeñas */
@media (max-width: 768px) {

	.overlay-contents-bramante{
		padding: 30px;
	}
    .overlay-contents-bramante h1 {
        font-size: 2.5rem; /* Reducir el tamaño del título */
    }

	.texto-chica-bramante h1 {
        font-size: 2.5rem; /* Reducir el tamaño del título */
    }

    .overlay-contents-bramante p {
        font-size: 1rem; /* Reducir el tamaño del párrafo */
    }

	.texto-chica-bramante p {
        font-size: 1rem; /* Reducir el tamaño del párrafo */
    }

    .primary-btn {
        font-size: 0.9rem; /* Reducir el tamaño del botón */
    }

}

/* Media Query para pantallas pequeñas (menos de 576px) */
@media (max-width: 576px) {
    .overlay-contents-bramante h1 {
        font-size: 1.0rem; /* Reducir aún más el tamaño del título */
    }

    .overlay-contents-bramante p {
        font-size: 0.7rem; /* Reducir aún más el tamaño del párrafo */
    }

    .primary-btn {
        font-size: 0.6rem; /* Reducir aún más el tamaño del botón */
    }

    .bramante-logo {
        max-width: 50%; /* Ajustar el tamaño del logo para pantallas más pequeñas */
    }
}
/*---------------------
  end bramante
-----------------------*/
/*---------------------
  nadvarSection
-----------------------*/

.container-fluid.categorias-navbar {
	padding: 70px 20px;
}

.categories-grid {
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
}

.cat-item {
    text-align: center;
    transition: transform 0.3s ease-in-out;
}

.cat-item:hover {
    transform: scale(1.05);
}

.cat-img img {
    width: 280px;
    height: 280px;
    object-fit: contain;
    transition: box-shadow 0.3s ease;
}

.cat-item:hover .cat-img img {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.titule-categorias{
	font-family: horizon, sans-serif;
	padding: 10px;
    font-size: medium;
}

	/* Media Query para pantallas más pequeñas */
@media (max-width: 768px) {
    .categories-grid {
        gap: 15px; /* Reducir el espacio entre categorías */
    }

    .cat-img img {
        width: 200px; /* Reducir el tamaño de las imágenes */
        height: 200px;
    }

    .titule-categorias {
        font-size: small; /* Reducir el tamaño de la fuente */
    }
}
@media (max-width: 480px) {
    .categories-grid {
        gap: 10px; /* Reducir el espacio entre categorías */
    }

    .cat-img img {
        width: 150px; /* Reducir el tamaño de las imágenes */
        height: 150px;
    }

    .titule-categorias {
        font-size: small; /* Reducir el tamaño de la fuente */
    }
}

/*---------------------
  nadvarSection
-----------------------*/

/*---------------------
  Footer
-----------------------*/

.footer-section {
	background: #262626;
	padding-bottom: 0;
	margin-top: 80px;}
.footer-section ul li a{
	color: #ffffff;
}

.newslatter-form {
	margin-bottom: 90px;
}

.newslatter-form form {
	position: relative;
}

.newslatter-form form input {
	width: 100%;
	border: 2px solid #454747;
	border-radius: 50px;
	height: 53px;
	background: transparent;
	color: #535353;
	font-size: 14px;
	font-weight: 600;
	padding-left: 30px;
	position: relative;
}

.newslatter-form form button {
	width: 310px;
	height: 53px;
	background: #4ce600;
	border: 2px solid #4ce600;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	border-radius: 50px;
	position: absolute;
	right: 0;
}

.footer {
	justify-content: space-around;

}

.footer-widget {
	margin-bottom: 40px;
}

.footer-widget .single-footer-widget {
	margin-bottom: 30px;
}

.footer-widget .single-footer-widget h4 {
	color: #fff;
	font-size: 18px;
	margin-bottom: 44px;
	font-family: "horizon", sans-serif;
}

.footer-widget .single-footer-widget ul li {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	list-style: none;
	line-height: 36px;
	opacity: 0.5;
	font-family: "Montserrat", sans-serif;
}

.social-links-warp {
	background: #2cd502;	;
	padding: 46px 0;

}

.social-links {
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center;     /* Centra verticalmente (si es necesario) */
    gap: 30px;               /* Espaciado entre los enlaces */
}

.social-links a {
	margin-right: 88px;
	display: inline-block;

}

.social-links a:last-child {
	margin-right: 0;
}

.social-links a i {
	font-size: 30px;
	color: #ffffff;
	float: left;
	margin-right: 19px;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.social-links a span {
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	color: #ffffff;
	padding-top: 10px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.social-links a.instagram:hover i {
	color: #2F5D84;
}

.social-links a.google-plus:hover i {
	color: #E04B37;
}

.social-links a.twitter:hover i {
	color: #5abed6;
}

.social-links a.pinterest:hover i {
	color: #CD212D;
}

.social-links a.facebook:hover i {
	color: #39599F;
}

.social-links a.twitter:hover i {
	color: #5abed6;
}

.social-links a.youtube:hover i {
	color: #D12227;
}

.social-links a.tumblr:hover i {
	color: #37475E;
}

.social-links a:hover span {
	color: #fff;
}

/*---------------------------- Other Pages Styles ----------------------------*/

/*---------------------
  Page Add
-----------------------*/

.page-add {
	padding-top: 45px;
}

.page-add .page-breadcrumb {
	padding-top: 34px;
}

.page-add .page-breadcrumb h2 {
	color: #1e1e1e;
	font-size: 48px;
	font-weight: 600;
	font-family: "horizon", sans-serif;
}
/* Ajustar tamaño del título en pantallas menores a 480px */
@media screen and (max-width: 480px) {
    .page-add .page-breadcrumb h2 {
        font-size: 28px; /* Aún más pequeño para móviles */
    }
}

.page-add .page-breadcrumb h2 span {
	color: #4ce600;
}

.page-add .page-breadcrumb a {
	color: #838383;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	margin-right: 6px;
	position: relative;
}

.page-add .page-breadcrumb a.active {
	color: #1e1e1e;
}

.page-add .page-breadcrumb a:last-child:after {
	display: none;
}

.page-add .page-breadcrumb a:after {
	position: absolute;
	top: 1px;
	right: -5px;
	content: "/";
}

/*---------------------
  Categories Page
-----------------------*/

.categories-controls {
	margin-bottom: 45px;
}

.categories-controls .categories-filter .cf-left {
	float: left;
}

.categories-controls .categories-filter .cf-left .nice-select {
	background-color: transparent;
	border-radius: 0;
	border: none;
	position: relative;
	padding-left: 0;
	font-size: 14px;
	font-weight: 500;
	color: #838383;
}

.categories-controls .categories-filter .cf-left .nice-select:before {
	position: absolute;
	left: 0;
	bottom: 8px;
	width: 100%;
	height: 2px;
	background: #838383;
	content: "";
}

.categories-controls .categories-filter .cf-left .nice-select:after {
	height: 9px;
	right: 2px;
	top: 46%;
	width: 9px;
}

.categories-controls .categories-filter .cf-left .nice-select .list {
	border-radius: 0;
	margin-top: -8px;
}

.categories-controls .categories-filter .cf-right {
	float: right;
	line-height: 30px;
}

.categories-controls .categories-filter .cf-right span {
	color: #838383;
	font-size: 12px;
	font-weight: 500;
	margin-right: 24px;
}

.categories-controls .categories-filter .cf-right a {
	color: #838383;
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	margin-right: 25px;
	position: relative;
}

.categories-controls .categories-filter .cf-right a.active:after {
	opacity: 1;
}

.categories-controls .categories-filter .cf-right a:after {
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 10px;
	height: 2px;
	background: #000000;
	content: "";
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.categories-controls .categories-filter .cf-right a:hover:after {
	opacity: 1;
}

.categories-controls .categories-filter .cf-right a:last-child {
	margin-right: 0;
}

.categories-page {
	padding-top: 0;
}

.categories-page .single-product-item figure {
	position: relative;
	z-index: 1;
}

.categories-page .single-product-item figure:hover:after {
	opacity: 0.48;
}

.categories-page .single-product-item figure:hover .hover-icon {
	opacity: 1;
	visibility: visible;
}

.categories-page .single-product-item figure:after {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #000000;
	content: "";
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.categories-page .single-product-item figure .p-status {
	z-index: 99;
}

.categories-page .single-product-item figure .hover-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-19px, -22px);
	transform: translate(-19px, -22px);
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.categories-page .single-product-item .product-text {
	text-align: left;
	display: block;
}

.categories-page .single-product-item .product-text a {
	display: block;
}

.more-product {
	margin-top: 16px;
}

.more-product .primary-btn {
	color: #ffffff;
	border-color: #ffffff;
	font-weight: 700;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: pointer;
}

/*---------------------
  Product Page
-----------------------*/

.product-control {
	margin-bottom: 53px;
}

.product-control a {
	color: #838383;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	margin-right: 25px;
}

.product-slider .owl-dots {
	position: absolute;
	width: 100%;
	bottom: 34px;
	text-align: center;
}

.product-slider .owl-dots button {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 11px;
	width: 11px;
	background: #969d9e;
	border-radius: 50%;
	margin-right: 10px;
}

.product-slider .owl-dots button:last-child {
	margin-right: 0;
}

.product-slider .owl-dots button.active {
	background: #ffffff;
}

.product-img figure {
	margin: 0;
	position: relative;
}

.product-img figure img {
	min-width: 100%;
}

.aboutme-slider{
	margin-top: 70px;
}

.product-img figure .p-status {
	position: absolute;
	left: 20px;
	top: 20px;
	padding: 3px 16px;
	font-size: 12px;
	background: #1e1e1e;
	color: #fff;
	border-radius: 50px;
}

.product-content {
	padding-top: 60px;
}

.product-content h2 {
	color: #1e1e1e;
	font-weight: 700;
	margin-bottom: 12px;
	font-family: horizon, sans-serif;
}

.product-content .pc-meta {
	margin-bottom: 35px;
}

.product-content .pc-meta h5 {
	color: #24ed00;
	font-weight: 700;
	margin-bottom: 18px;
}

.product-content .pc-meta .rating i {
	font-size: 20px;
	color: #FFD200;
	margin-right: 4px;
}

.product-content p {
	color: #838383;
	font-size: 14px;
	font-weight: 500;
	line-height: 30px;
	margin-bottom: 35px;
}

.product-content .tags {
	margin-bottom: 52px;
}

.product-content .tags li {
	color: #1e1e1e;
	font-size: 14px;
	font-weight: 600;
	line-height: 30px;
	list-style: none;
}

.product-content .tags li span {
	color: #838383;
}

.product-content .product-quantity {
	display: inline-block;
	margin-right: 10px;
}

.product-content .product-quantity .pro-qty {
	height: 56px;
	width: 173px;
	border: 2px solid #EEF1F2;
	border-radius: 50px;
	text-align: center;
}

.product-content .product-quantity .pro-qty input {
	width: 50px;
	text-align: center;
	background: transparent;
	border: none;
	font-size: 18px;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	height: 100%;
}

.product-content .product-quantity .pro-qty .qtybtn {
	color: #838383;
	cursor: pointer;
	font-size: 18px;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	padding: 16px 0;
}

.product-content .pc-btn {
	border-color: #D0D7DB;
	color: #ffffff;
}

.product-content .p-info {
	margin-top: 75px;
}

.product-content .p-info li {
	display: inline-block;
	list-style: none;
	color: #1e1e1e;
	font-size: 14px;
	font-weight: 600;
	margin-right: 28px;
	cursor: pointer;
}

/*---------------------
  Related Products
-----------------------*/

/*- secion lineas *


/*- seccion lineas End */

/*---------------------
  blooggg
-----------------------*/
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.blog-section {
    text-align: center;
    padding: 50px 0;
}

.blog-section h1 {
    font-size: 48px;
    font-weight: 700;
    color: #333;
    margin-bottom: 40px;
}

.blog-container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 0 50px;
}

.blog-card {
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
    flex-basis: 30%;
}

.blog-card img {
    width: 100%;
    height: auto;
}

.blog-content {
    padding: 20px;
    text-align: left;
}

.blog-content .blog-date {
    font-size: 14px;
    color: #999;
    display: block;
    margin-bottom: 10px;
}

.blog-content h2 {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
}

.blog-content p {
    font-size: 16px;
    color: #666;
}

.blog-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.related-product {
	padding-top: 95px;
	padding-bottom: 65px;
}

.related-product .section-title {
	margin-bottom: 60px;
}

.btn-contact {
	font-family: horizon, sans-serif;
}

/*---------------------
  Cart Page
-----------------------*/

.page-add.cart-page-add {
	margin-bottom: 34px;
}

.cart-table {
	margin-bottom: 28px;
}

.cart-table table {
	width: 100%;
}

.cart-table table thead {
	border-bottom: 2px solid #D0D7DB;
}

.cart-table table thead tr th {
	color: #838383;
	font-size: 12px;
	font-weight: 500;
	padding: 16px 0;
}

.cart-table table tbody td {
	margin-top: 29px;
	padding-top: 29px;
}

.cart-table table .product-h {
	text-align: left;
}

.cart-table table .quan {
	padding-left: 30px;
}

.cart-table table .product-col {
	display: table;
}

.cart-table table .product-col img {
	max-width: 168px;
}

.cart-table table .product-col .p-title {
	display: table-cell;
	vertical-align: middle;
	padding-left: 30px;
	padding-right: 15px;
}

.cart-table table .product-col .p-title h5 {
	color: #1e1e1e;
	font-weight: 600;
}

.cart-table table .price-col {
	color: #1e1e1e;
	font-size: 18px;
	font-weight: 600;
	width: 14%;
	padding-right: 15px;
}

.cart-table table .quantity-col {
	width: 28%;
}

.cart-table table .quantity-col .pro-qty {
	height: 56px;
	width: 173px;
	border: 2px solid #EEF1F2;
	border-radius: 50px;
	text-align: center;
}

.cart-table table .quantity-col .pro-qty input {
	width: 50px;
	text-align: center;
	background: transparent;
	border: none;
	font-size: 18px;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	height: 100%;
}

.cart-table table .quantity-col .pro-qty .qtybtn {
	color: #838383;
	cursor: pointer;
	font-size: 18px;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	padding: 16px 0;
}

.cart-table table .total {
	color: #1e1e1e;
	font-size: 18px;
	font-weight: 600;
	width: 16%;
}

.cart-table table .product-close {
	color: #1e1e1e;
	font-size: 18px;
	font-weight: 600;
	width: 6%;
	cursor: pointer;
}

.cart-btn {
	background: #F9FBFB;
	padding: 50px 0;
}

.cart-btn .coupon-input {
	padding-left: 35px;
}

.cart-btn .coupon-input input {
	height: 57px;
	width: 460px;
	border: none;
	border-bottom: 2px solid #D0D7DB;
	background: transparent;
	color: #1e1e1e;
	font-size: 14px;
	font-weight: 500;
}

.cart-btn .coupon-input input::-webkit-input-placeholder {
	color: #1e1e1e;
	font-weight: 600;
	text-transform: uppercase;
}

.cart-btn .coupon-input input::-moz-placeholder {
	color: #1e1e1e;
	font-weight: 600;
	text-transform: uppercase;
}

.cart-btn .coupon-input input:-ms-input-placeholder {
	color: #1e1e1e;
	font-weight: 600;
	text-transform: uppercase;
}

.cart-btn .coupon-input input::-ms-input-placeholder {
	color: #1e1e1e;
	font-weight: 600;
	text-transform: uppercase;
}

.cart-btn .coupon-input input::placeholder {
	color: #1e1e1e;
	font-weight: 600;
	text-transform: uppercase;
}

.cart-btn .site-btn.clear-btn {
	color: #4a4a4a;
	border-color: #D0D7DB;
	margin-right: 5px;
}

.cart-btn .site-btn.update-btn {
	margin-right: 35px;
}

.shopping-method {
	padding-top: 50px;
	padding-bottom: 100px;
}

.shipping-info {
	overflow: hidden;
	margin-bottom: 45px;
}

.shipping-info h5 {
	color: #1e1e1e;
	margin-bottom: 50px;
}

.shipping-info .cs-item {
	float: left;
	margin-right: 126px;
}

.shipping-info .cs-item.last {
	margin-right: 0;
}

.shipping-info .cs-item input[type=radio] {
	visibility: hidden;
	position: absolute;
}

.shipping-info .cs-item label {
	color: #838383;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	padding-left: 26px;
	cursor: pointer;
	position: relative;
}

.shipping-info .cs-item label:after {
	position: absolute;
	left: 0;
	top: 3px;
	height: 15px;
	width: 15px;
	border: 2px solid #D0D7DB;
	border-radius: 50%;
	content: "";
}

.shipping-info .cs-item label.active {
	color: #1e1e1e;
}

.shipping-info .cs-item label.active:after {
	border-color: #1e1e1e;
}

.shipping-info .cs-item label span {
	color: #838383;
	display: block;
	font-size: 12px;
	text-transform: none;
	margin-top: 9px;
	position: relative;
	cursor: text;
}

.shipping-info .cs-item label span:after {
	position: absolute;
	left: 0;
	bottom: 2px;
	width: 136px;
	border-bottom: 2px solid #D6D6D6;
	content: "";
}

.total-info .total-table {
	margin-bottom: 72px;
}

.total-info .total-table table {
	width: 100%;
}

.total-info .total-table table thead {
	border-top: 2px solid #D0D7DB;
	border-bottom: 2px solid #D0D7DB;
}

.total-info table tr th {
	color: #838383;
	font-size: 12px;
	font-weight: 500;
	padding: 16px 0;
}

.total-info table tr td {
	color: #1e1e1e;
	font-size: 18px;
	font-weight: 600;
	padding-top: 22px;
}

.total-info table tr .total {
	width: 26%;
}

.total-info table tr .total-cart {
	text-align: right;
	padding-right: 26px;
}

.total-info table tr .sub-total {
	padding-left: 8px;
}

.total-info table tr .shipping {
	padding-left: 12px;
}

.total-info table tr .total-cart-p {
	padding-right: 40px;
	text-align: right;
}

.total-info .primary-btn.chechout-btn {
	border-color: #1e1e1e;
	color: #1e1e1e;
}

/*---------------------
  Cart Total Page
-----------------------*/

.cart-total-page {
	padding-top: 0;
}

.checkout-form h3 {
	color: #1e1e1e;
	margin-bottom: 75px;
	padding-bottom: 14px;
	border-bottom: 2px solid #D0D7DB;
}

.checkout-form .in-name {
	color: #1e1e1e;
	font-size: 14px;
	font-weight: 600;
	text-align: right;
	margin: 0;
	margin-top: 18px;
}

.checkout-form input[type=text] {
	width: 100%;
	border: 0;
	padding-bottom: 12px;
	border-bottom: 2px solid #E7EBED;
	color: #838383;
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 32px;
}

.checkout-form .cart-select {
	margin-bottom: 35px;
}

.checkout-form .cart-select.country-usa {
	font-size: 16px;
	font-weight: 500;
}

.checkout-form .nice-select {
	border-radius: 0;
	border: none;
	font-size: 12px;
	color: #838383;
	height: 37px;
	width: 100%;
	border-bottom: 2px solid #E7EBED;
}

.checkout-form .nice-select:after {
	display: none;
}

.checkout-form .nice-select .list {
	margin-top: 3px;
	width: 100%;
	border-radius: 0;
}

.checkout-form .nice-select .option {
	color: #1e1e1e;
	font-weight: 600;
	font-size: 14px;
}

.checkout-form .diff-addr {
	margin-top: 12px;
}

.checkout-form .diff-addr input {
	width: auto;
	border: 0;
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 0;
}

.checkout-form .diff-addr input[type=radio] {
	position: absolute;
	visibility: hidden;
}

.checkout-form .diff-addr label {
	color: #838383;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
	padding-left: 26px;
	position: relative;
}

.checkout-form .diff-addr label.active:after {
	border-color: #1e1e1e;
}

.checkout-form .diff-addr label:after {
	position: absolute;
	left: 0;
	top: 1px;
	height: 15px;
	width: 15px;
	border: 2px solid #D0D7DB;
	border-radius: 50%;
	content: "";
}

.order-table {
	background: #f9fbfb;
	padding-top: 30px;
	padding-bottom: 40px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 25px;
}

.order-table .cart-item {
	overflow: hidden;
	margin-bottom: 25px;
}

.order-table .cart-item span {
	display: inline-block;
	color: #838383;
	font-size: 12px;
	font-weight: 600;
}

.order-table .cart-item p {
	display: inline-block;
	float: right;
	color: #1e1e1e;
	font-size: 18px;
	font-weight: 600;
	margin: 0;
}

.order-table .cart-item p.product-name {
	font-size: 14px;
	font-weight: 600;
}

.order-table .cart-total {
	overflow: hidden;
	padding-top: 20px;
	border-top: 2px solid #D0D7DB;
	margin-top: 110px;
}

.order-table .cart-total span {
	display: inline-block;
	color: #838383;
	font-size: 12px;
	font-weight: 600;
}

.order-table .cart-total p {
	display: inline-block;
	float: right;
	color: #1e1e1e;
	font-size: 18px;
	font-weight: 600;
	margin: 0;
}

.payment-method {
	padding-top: 22px;
}

.payment-method h3 {
	margin-bottom: 60px;
	padding-bottom: 18px;
}

.payment-method ul {
	margin-bottom: 56px;
}

.payment-method ul li {
	color: #838383;
	font-size: 14px;
	font-weight: 500;
	list-style: none;
	margin-bottom: 25px;
}

.payment-method ul li img {
	margin-left: 20px;
}

.payment-method ul li label {
	cursor: pointer;
	position: relative;
}

.payment-method ul li label.active:after {
	border-color: #1e1e1e;
}

.payment-method ul li label:after {
	position: absolute;
	right: -35px;
	top: 4px;
	height: 15px;
	width: 15px;
	border: 2px solid #D0D7DB;
	border-radius: 50%;
	content: "";
}

.payment-method ul li input[type=radio] {
	position: absolute;
	visibility: hidden;
}

.payment-method button {
	color: #1e1e1e;
	background: transparent;
	border: none;
	font-weight: 600;
	width: 100%;
	padding: 16px;
	border: 2px solid #1e1e1e;
	border-radius: 50px;
	cursor: pointer;
	text-transform: uppercase;
}

/*---------------------
  Cart Total Page
-----------------------*/

.contact-section {
	padding: 60px 0;
}

.contact-form input {
	width: 100%;
	font-size: 12px;
	font-weight: 600;
	color: #838383;
	border: 0;
	padding-bottom: 14px;
	border-bottom: 2px solid #E7EBED;
	margin-bottom: 25px;
}

.contact-form textarea {
	width: 100%;
	border-bottom: 2px solid #E7EBED;
	font-size: 12px;
	font-weight: 600;
	color: #838383;
	border-left: 0;
	height: 215px;
	border-right: 0;
	border-top: 0;
	resize: none;
	margin-bottom: 40px;
}

.contact-form button {
	color: #1e1e1e;
	background: transparent;
	border: none;
	font-size: 12px;
	font-weight: 600;
	padding: 16px 50px;
	border: 2px solid #1e1e1e;
	border-radius: 50px;
	cursor: pointer;
	text-transform: uppercase;
}

.contact-widget .cw-item {
	margin-bottom: 50px;
}

.contact-widget .cw-item h5 {
	color: #1e1e1e;
	font-weight: 600;
	margin-bottom: 30px;
}

.contact-widget .cw-item ul li {
	color: #646464;
	font-size: 14px;
	font-weight: 500;
	list-style: none;
	line-height: 28px;
	font-family: "Montserrat", sans-serif;
	font-weight: 800;

}

.map {
	padding-top: 100px;
}

.map iframe {
	width: 100%;
}

/* ---------------------------------- Responsive Media Styles ---------------------------------*/

@media only screen and (min-width: 1500px) and (max-width: 1920px) {
	.inner-header .user-access {
		float: right;
		margin-right: 200px;
	}
	.inner-header .main-menu {
		float: right;
		margin-right: 50px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1340px) {
	.inner-header .user-access {
		margin-right: 60px;
	}
	.inner-header .main-menu {
		margin-right: 55px;
	}
}

/* Medium Device : 1280px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.inner-header .main-menu {
		margin-right: 70px;
	}
	.inner-header .main-menu ul li {
		margin-left: 45px;
	}
	.inner-header .user-access {
		display: none;
	}
	.header-info .shipping-chrg {
		margin-right: 10px;
	}
	.lookbok-left {
		padding-top: 0px;
	}
	.lookbok-pic .pic-text {
		font-size: 95px;
		line-height: 68px;
	}
	.social-links a {
		margin-right: 50px;
	}
	.product-content {
		padding-top: 20px;
	}
	.product-content .p-info {
		margin-top: 35px;
	}
	.cart-btn .site-btn.update-btn {
		margin-right: 0;
		padding: 16px 35px;
	}
	.header-info .shipping-chrg p {
		font-size: 13px;
	}
	.logo-section {
		padding: 70px 0;
	}
	.order-table .cart-item p.product-name {
		font-size: 12px;
		font-weight: 600;
		padding-top: 3px;
	}
}

/* Tablet Device : 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header-section {
		padding-left: 0;
		padding-right: 0;
	}
	.inner-header .main-menu ul li {
		margin-left: 30px;
	}
	.header-info .shipping-chrg {
		float: none;
		margin-right: 0;
	}
	.header-info .student-disc {
		float: none;
	}
	.header-info .coupon-code {
		float: none;
	}
	.inner-header .user-access {
		display: none;
	}
	.page-add .page-breadcrumb {
		margin-bottom: 20px;
	}
	.lookbok-left {
		margin-bottom: 30px;
	}
	.checkout-form .in-name {
		text-align: left;
	}
	.social-links a {
		margin-right: 15px;
	}
	.social-links a i {
		margin-right: 10px;
	}
	.cart-btn {
		padding: 50px 30px;
	}
	.cart-btn .coupon-input {
		padding-left: 0;
		margin-bottom: 30px;
	}
	.cart-btn .coupon-input input {
		width: 100%;
	}
	.shipping-info .cs-item {
		margin-right: 15px;
	}
	.contact-form {
		margin-bottom: 40px;
	}
	.logo-section {
		padding: 70px 0;
	}
	.lookbok-left {
		padding-top: 0;
	}
}

/* Large Mobile : 480px */

@media only screen and (max-width: 767px) {
	.header-section {
		height: auto;
		padding-bottom: 0;
	}
	.inner-header {
		overflow: hidden;
	}
	.inner-header .user-access {
		margin-right: 10px;
	}
	.slicknav_menu {
		display: block;
		background-color: #00000000;
	}
	.inner-header .header-right {
		margin-right: 20px;
		margin-top: 4px;
	}
	.slicknav_nav ul {
		margin: 0 0 0 0;
	}
	.main-menu {
		display: none;
	}
	.header-section {
		overflow: hidden;
	}
	.single-slider-item h1 {
		font-size: 72px;
	}
	.single-slider-item h2 {
		font-size: 42px;
	}
	.lookbok-left {
		margin-bottom: 30px;
	}
	.contact-form {
		margin-bottom: 40px;
	}
	.newslatter-form form button {
		position: relative;
		margin-top: 15px;
		width: 100%;
	}
	.header-info .shipping-chrg {
		float: none;
		margin-right: 0;
	}
	.header-info .student-disc {
		float: none;
	}
	.header-info .coupon-code {
		float: none;
	}
	.hero-items .owl-nav button[type=button] {
		right: 8px;
	}
	.social-links {
		text-align: center;
	}
	.social-links a {
		margin-right: 20px;
	}
	.social-links a i {
		margin-right: 0;
	}
	.social-links a span {
		display: none;
	}
	.lookbok-pic .pic-text {
		font-size: 115px;
		line-height: 82px;
	}
	.page-add .page-breadcrumb {
		margin-bottom: 20px;
	}
	.cart-table {
		overflow-y: auto;
	}
	.cart-btn {
		padding: 50px 30px;
	}
	.cart-btn .coupon-input {
		padding-left: 0;
		margin-bottom: 30px;
	}
	.cart-btn .coupon-input input {
		width: 100%;
	}
	.shipping-info .cs-item {
		margin-bottom: 15px;
	}
	.total-info .total-table {
		overflow-y: auto;
	}
	.checkout-form .in-name {
		text-align: left;
	}
	.logo-section {
		padding: 70px 0;
	}
	.lookbok-left {
		padding-top: 0;
	}
	.header-info .header-item {
		margin-bottom: 7px;
	}
	.search-model-form input {
		width: 100%;
	}
}

/* Small : 320px */

@media only screen and (max-width: 479px) {
	.header-section {
		padding-left: 0;
		padding-right: 0;
	}
	.inner-header .header-right {
		margin-right: 0;
	}
	.features-box .single-box-item.first-box .box-text {
		right: 9px;
		top: 7px;
	}
	.features-box .single-box-item .box-text h2 {
		font-size: 40px;
	}
	.features-box .single-box-item.first-box .box-text .trend-alert {
		margin-bottom: 7px;
	}
	.features-box .single-box-item.second-box .box-text {
		left: 20px;
		top: 56px;
	}
	.features-box .single-box-item.large-box .box-text {
		left: 20px;
		top: 28px;
	}
	.features-box .single-box-item.large-box .box-text h2 {
		font-size: 40px;
	}
	.product-filter .product-controls li {
		margin-bottom: 10px;
	}
	.section-title h2 {
		font-size: 36px;
		font-family:'horizon';
	}
	.lookbok-pic img {
		height: auto;
	}
	.lookbok-pic .pic-text {
		font-size: 65px;
		line-height: 47px;
	}
	.social-links a {
		margin-right: 10px;
	}
	.product-content .product-quantity {
		margin-bottom: 15px;
	}
	.cart-btn .coupon-input input {
		width: 100%;
	}
	.cart-btn .site-btn.update-btn {
		margin-right: 0;
	}
	.cart-btn .site-btn.clear-btn {
		margin-bottom: 15px;
	}
	.header-info .header-item img {
		display: block;
	}
	.header-info {
		padding: 10px 0;
	}
}

.header-section {
	background-color: transparent; /* Color inicial */
	transition: background-color 0.5s ease; /* Duración y tipo de transición */
}

@media only screen and (max-width: 767px) {
	.header-section.open {
		background-color: #ff0000; /* Color de fondo al abrir */
	}

	.open .logo{
		display: none;
	}
}

/* Mostrar solo la lupita normal en pantallas grandes */
.lupita-normal {
  display: inline;
}
.lupita-blanca {
  display: none;
}

@media (max-width: 767px) {
  .lupita-normal {
    display: none;
  }
  .lupita-blanca {
    display: inline;
	height: 27px;
  }

  li > .search-trigger {
	width: 40px;
	margin: 7px 15px;
}
}

/* === Grid general de productos alternando izquierda/derecha === */
.productos-grid-general {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px 24px;
  margin-bottom: 32px;
}
.producto-grande {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  padding: 24px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.producto-izq {
  grid-column: 1 / 2;
}
.producto-der {
  grid-column: 2 / 3;
}
@media (max-width: 991px) {
  .productos-grid-general {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
  .producto-izq, .producto-der {
    grid-column: 1 / 2;
  }
}

img.img-grande {
	padding: 0 30px;
}

#detalle-producto {
	min-height: 50vh;
}

@media (max-width: 767px) {
	#detalle-producto {
		min-height: 100vh;
	}
  #detalle-producto .col-md-2.d-flex {
    flex-direction: row !important;
    justify-content: center;
    align-items: center;
    margin-bottom: 16px;
    margin-top: 12px;
    width: 100%;
    gap: 10px;
  }
  #detalle-producto .miniatura-img {
    margin-bottom: 0 !important;
    margin-right: 8px;
  }
  #detalle-producto .col-md-5.d-flex.flex-column {
    align-items: center;
    padding: 0 8px;
  }
  #detalle-producto h2 {
    font-size: 1.3rem;
    margin-bottom: 10px;
    text-align: center;
  }
  #detalle-producto h4 {
    font-size: 1.1rem;
    margin-bottom: 10px;
    text-align: center;
  }
  #detalle-producto p {
    font-size: 0.95rem;
    margin-bottom: 10px;
    text-align: center;
  }
  #detalle-producto .mt-4 {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  #detalle-producto .primary-btn,
  #detalle-producto .site-btn {
    width: 100%;
    padding: 10px 0 !important;
    font-size: 1rem;
    margin: 0 !important;
    border-radius: 30px;
  }
}

/* Clase para columna de producto con altura mínima responsive */
#detalle-producto .detalle-miniaturas {
  max-width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media (min-width: 768px) {
  .detalle-miniaturas {
    min-height: 500px;
	flex-direction: row;
  }
}

/* Bramante background image section */
.bramante-bg {
    background-image: url('./../img/imgWebp/bramante.webp');
    background-size: cover;
    background-position: center;
    height: 500px;
}

@media (max-width: 767px) {
    .bramante-bg {
        height: 400px;
    }
}