/** Shopify CDN: Minification failed

Line 831:19 Expected ":"
Line 2235:16 Expected ":"

**/
.footer-social ul li a {
  font-size: 16px; /* Ajusta según lo que necesites */
}

.footer-social ul li a i {
  font-size: 26px; /* Tamaño del ícono */
  margin-right: 5px;
}
@media (max-width: 800px) {
    .product_listing_main .product>div, .product_listing_sidebar .product>div {
        padding: 5px;
    }
}


.btn, .btn-primary {
	font-size: 15px !important;
    border-radius: 50px !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #88d7d4 !important;
  border-color: #88d7d4 !important;
}



.contact-form-wrapper {
  max-width: 650px;
  margin: 2rem auto;
  padding: 2rem;
  font-family: "Poppins", sans-serif;
}

.contact-title {
    font: 42px 'Chewy' !important;
    text-align: center;
    line-height: 32px;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1.2rem;
}

.form-row input,
.form-row textarea {
  flex: 1;
  padding: 15px;
  border:1px solid #95d4da;
  font: normal 13px 'Manrope';
  color: #000000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: none;
}

.form-row textarea {
  min-height: 120px;
  resize: none;
  width: 100%;
}

.form-row input:focus,
.form-row textarea:focus {
  border-color: #ff5ca2;
  box-shadow: 0 0 8px rgba(255, 92, 162, 0.3);
}

.form-actions {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 1rem;
}

.contact-form-wrapper .btn {
	font: normal 16px 'Manrope';
}



/***********************************************************

1. CSS RESET

2. VARIABLES
2.1 GRADIENTS
2.2 CSS3 TRANSITIONS

3. GLOBAL THEME STYLES

4. TYPOGRAPHY
4.1 HEADINGS
4.2 PARAGRAPHS & LISTS
4.3 LINKS
4.4 PRODUCT ATTRIBUTES (name, description, price)
4.5 RTE

5. FORMS & COMPONENTS
5.2 ALERTS
5.3 BUTTONS

6. GLOBAL PAGE LAYOUT

7. SIDEBAR CONFIGURATION

8. MAIN PAGE
8.1 HEADER
8.2 NAVIGATION
8.3 NIVOSLIDER
8.4 SHOWCASE
8.5 MAIN PRODUCT LISTING
8.6 FOOTER

9. COLLECTION PAGES
9.1 PAGES CONTENT
9.2 BREADCRUMBS
9.3 COLLECTION LISTING
9.4 PAGINATION

10. SIDEBAR WIDGETS
10.1 LINKS LIST
10.2 SIDEBAR PRODUCT LISTING

11. SEARCH RESULTS PAGE

12. PRODUCT PAGE
12.1 PRODUCT IMAGES
12.2 PRODUCT INFO
12.3 PRODUCT PAGINATION
12.4 RELATED PRODUCTS

13. BLOG
13.1 POSTS LISTING
13.2 SINGLE POST

14. CUSTOMER PAGES
14.1 LOG IN
14.2 ACCOUNT
14.3 ADDRESSES
14.4 ORDERS

15. CART PAGE
15.1 CART PRODUCTS
15.2 GUEST CHECKOUT

16. CONTACTS PAGE

***********************************************************/



/***************************************************************************
                           1. CSS RESET
***************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, button
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: none !important;
	vertical-align: top;
	background: transparent;
	font-weight: normal;
	line-height: 1.5em;
}

ol, ul {
	list-style:none;
}
a, span {
	vertical-align:baseline;
}
b, strong {
	font-weight: bold;
}
i, dfn {
	font-style: italic;
}

img {
	max-width: 100%;
}



/***************************************************************************
                           2. VARIABLES
***************************************************************************/

/* 2.1 GRADIENTS */






















/* 2.2 CSS3 TRANSITIONS */






/***************************************************************************
                           3. GLOBAL THEME STYLES
***************************************************************************/

/* hiding placeholder text on focus in webkit, thanks to http://www.kolodvor.net/2012/03/23/webkit-placeholder-attribute-behavior */
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	color: transparent;
}



/* clearfix - nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix {
	zoom: 1;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}



/* utility classes: hidden, float left, float right, etc. */
.hidden,
.visuallyhidden {
	display: none;
}
 
.left {
	float: left;
}
.right {
	float: right;
}


/* fancybox styles */
#fancybox-wrap {
	padding: 0 !important;
}
#fancybox-content {
	width: 100% !important;
	text-align: center;
}

#fancybox-title {
	left: 50% !important;
}
#fancybox-title #fancybox-title-float-wrap {
	margin: 0 0 0 -50% !important;
}


/* jquery.formstyler styles for selects */
.jq-selectbox {
	display: block;
	z-index: 1000 !important;
	cursor: pointer;
}

.jq-selectbox__select-text {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.jq-selectbox__trigger i {
	position: absolute;
	top: 0;
	right: 0;
	
-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	    -ms-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
	
}
.jq-selectbox__dropdown {
	width: 100%;
	
-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	    -ms-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
	
}

.jq-selectbox.opened .jq-selectbox__trigger i {
	-webkit-transform: rotate(180deg);
	   -moz-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	     -o-transform: rotate(180deg);
	        transform: rotate(180deg);
	}



/***************************************************************************
                           4. TYPOGRAPHY
***************************************************************************/




body {
	font-family: 'Manrope';
	font-size: 14px;
	color: #000000;
  	min-width: 300px;
}



/* 4.1 HEADINGS */



.column_center h1,
.column_center h2,
.column_center h3,
.column_center h4,
.column_center h5,
.column_center h6 {
	margin: 15px 0;
	padding: 0 0 5px 0;
	/*border-bottom: 1px solid #ff759a;*/
	font: 24px 'Chewy';
	color: #ff759a;
}

.column_center h2,
.column_center h3,
.column_center h4 {
	font-size: 15px;
}

.column_center h5,
.column_center h6 {
	font-size: 13px;
}

.column_center .page_heading {
  	position: relative;
	margin: 0px 0px 34px;
	font: 24px 'Chewy';
	color: #ff759a;
	text-align: center;
	position: relative;
	padding: 25px 5px 23px;
  	border-bottom: none;
  	line-height: 32px;
}
/*
.column_center .page_heading:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 9px;
	background: url(//mispastelitos.mx/cdn/shop/t/13/assets/round.png?v=26667761758976056141739827127);
	top: -5px;
  	left: 0px;
}*/
.sidebar_off .column_center .page_heading {
	margin: 18px -33px 34px;
}
.column_center .page_heading a {
	float: right;
	color: #ffffff;
  	text-transform: uppercase;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
 	font-family: 'Chewy';
}


/* 4.2 PARAGRAPHS & LISTS */
p {
	margin: 15px 0;
	padding: 0;
}

.column_center ul {
	list-style-type: square;
	list-style-position: inside;
}
.column_center ol {
	list-style-type: decimal;
	list-style-position: inside;
}



/* 4.3 LINKS */
a {
	color: #95d4da;
	text-decoration: none;
}
a:hover, a:focus {
	color: #f3989f;
}



/* 4.4 PRODUCT ATTRIBUTES (name, description, price) */

.product > div {
  	/*padding-bottom: 29px;
  	margin-bottom: 29px;*/
    border: 2px solid #ffb6ce;
    border-radius: 20px;
    
}
.product .product_links {
 	float: left;
  	margin-right: 24px;
}

.product_info {
  padding: 5px;
}
.product .extra-wrap {
 	overflow: hidden; 
}
.product_img {
  	margin-bottom: 15px;
  	position: relative;
}	
.product_img a {
  	display: block;
  	padding: 5px;
  	overflow: hidden;
  	text-align: center;
}
.product_img a img {
 	transition: all .2s linear;
    width: 100%;
    border-radius: 20px;
}
.product_img a:hover img {
 	transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -webkit-transform: scale(1.05,1.05); 
}

.product_name {
	font-size: 20px;
	color: #000000;
  	
-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	    -ms-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
	
}
.product_name a {
	color: #000000;
	
-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	    -ms-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
	;
}
.product_name a:hover {
	color: #f3989f;
}


.product_desc {
	font-size: 13px;
	color: #95d4da;
}
.product .sale {
 	position: absolute;
  	bottom: 0px;
  	left: 0px;
}


.money {
	color: #000000;
  	font-size: 16px;
  	font-family: "Manrope", sans-serif;
  	
-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	    -ms-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
	;
}
.product > div:hover .money {
  	color: #ffb6ce;
}
.compare-at-price {
	text-decoration: line-through;
}



/* 4.5 RTE */
.rte {
	margin-top: 15px;
	margin-bottom: 15px;
	color: inherit;
}

.rte a {
	color: inherit;
	text-decoration: underline;
}
.rte a:hover {
	text-decoration: none;
}

.rte h1 {
	font-size: 19px;
}
.rte h2 {
	font-size: 17px;
}
.rte h3 {
	font-size: 16px;
}
.rte h4 {
	font-size: 14px;
}
.rte h5 {
	font-size: 13px;
}
.rte h6 {
	font-size: 12px;
}

.rte img {
	margin-top: 15px;
	margin-bottom: 15px;
}



/***************************************************************************
                           5. FORMS & COMPONENTS
***************************************************************************/

/* 5.1 FORMS */
label {
	font-weight: bold;
	font-size: 14px;
}

select,
select.form-control,
textarea,
textarea.form-control,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"] {
	padding: 15px;
	border:1px solid #95d4da;
	font: normal 13px 'Manrope';
	color: #000000;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: 15px;
	box-shadow: none;
}

select,
select.form-control {
	padding: 8px 3px;
}

textarea,
textarea.form-control {
	min-width: 100%;
	max-width: 100%;
}

.form-control:focus {
	border-color: #aaa;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #ddd;
	        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #ddd;
	}


.form-group {
	vertical-align: top !important;
	margin-top: 15px;
	margin-bottom: 0;
}

.form-horizontal label {
	padding-top: 0 !important;
	text-align: right;
	line-height: 34px;
}
.form-horizontal select {
	width: 100%;
	margin: 10px 0;
}

.action_bottom span.note {
	margin-left: 5px;
}
.action_bottom span.note a {
	margin-left: 5px;
}



/* 5.2 ALERTS */
.alert {
	margin: 15px 0;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	}

.alert > p,
.alert > ul,
.alert > ol {
	list-style-type: none;
	margin: 0;
}

.alert > p + p,
.alert > ul + ul {
	margin: 10px 0 0 0;
}


/* 5.3 BUTTONS */
.btn,
.btn a,
.btn-info,
.btn-primary {
  	padding: 3px 15px;
	display: inline-block;
  	border: none;
    height: 45px;
    vertical-align: top;
    font-size: 18px;
  	line-height: 36px;
    color: #ffffff;
  	background-color: #9de5e2;
  	vertical-align: middle;
  	
-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	    -ms-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
	;
  	border-radius: 10px;
}

.btn a {
  	display: inline !important;
	padding: 0 !important;
	border: none !important;
}
/*
.btn-cart {
  	padding: 0px;
  	display: inline-block;
  	border: none;
	width: 58px;
    height: 58px;
    vertical-align: top;
    font-size: 18px;
    border-radius: 50px;
    text-align: center;
    color: #ffffff;
  	background-color: #9de5e2;
  	vertical-align: middle;
    border-radius: 50px;
}
.btn-cart i {
    font-size: 18px;
  	line-height: 46px;
}


.btn:hover,
.btn:hover a,
.btn-info:hover,
.btn-primary:hover {
	cursor: pointer;
  	background: #ffb6ce;
  	color: #ffffff;
}

.btn:focus {
  	color: #ffffff !important;
}*/

.btn-cart {
  	display: inline-block;
  	border: none;
    font-size: 15px;
    border-radius: 80px;
    text-align: center;
    color: #ffffff;
  	background-color: #ffb6ce;
  	vertical-align: middle;
    border-radius: 50px;
}

/***************************************************************************
                           6. GLOBAL PAGE LAYOUT
***************************************************************************/

html, body {
	height: 100%;
}


#wrapper {
  	
  	background-color: #ffffff;
  	
}

#wrapper2 {
	overflow: hidden;
}

.container {
	padding: 0;
}

#main {
	margin-top: 15px;
}

#main_content,
.column .widget {
	margin-bottom: 30px !important;
}


header {
  	
  	background-color: #ffffff;
  	
}

.header_top {
  	
  	background-color: #9de5e2;
  	
}


.custom_showcase {
  	
    background: #f6ead9 url(//mispastelitos.mx/cdn/shop/t/13/assets/showcase_bg.gif?v=80906841563039172861739827127) 0 0 repeat !important;
    
}

/*.page_heading {
  	
    background: #eadaaa url(//mispastelitos.mx/cdn/shop/t/13/assets/product_listing_title_bg.gif?v=38544295633569048921739827127) 0 0 repeat !important;
    
}*/
/*
.widget_header {
  	
    background: #93d2d8 url(//mispastelitos.mx/cdn/shop/t/13/assets/featured_products_title_bg.gif?v=6355410416955732771739827127) 0 0 repeat !important;
    
}*/

.footer_inside {
  	width: 1236px;
  	margin: 0 auto;s
  	padding-bottom: 88px;

}


/***************************************************************************
                           7. SIDEBAR CONFIGURATION
***************************************************************************/

/* NO SIDEBAR */

/* LEFT SIDEBAR */
.sidebar_left .column_center {
	width: 100%;
}
.sidebar_left .column_center #main_content {
	margin: 0 0 0 25%;
}
.sidebar_left .column_left {
	margin-left: -100%;
}


/* RIGHT SIDEBAR */

/* BOTH SIDEBARS */
.sidebar_both .column_center {
	width: 100%;
}
.sidebar_both .column_center #main_content {
	margin: 0 25%;
}
.sidebar_both .column_left {
	margin-left: -100%;
}
.sidebar_both .column_right {
	margin-left: -25%;
}


/* NOSIDEBAR PAGES */
.sidebar_off .column_center #main_content {
	margin: 0;
}

.white-wrapper {
  	background: #ffffff; 
  	width: 1236px;
  	margin: 0 auto;
  	padding-top: 25px;
  	padding-bottom: 25px;
}

/***************************************************************************
                           8. MAIN PAGE
***************************************************************************/

/* 8.1 HEADER */

header {
 	position: relative; 
}
/*header:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 9px;
  	background: url(//mispastelitos.mx/cdn/shop/t/13/assets/round.png?v=26667761758976056141739827127) repeat-x left top;
	bottom: -5px;
}*/
.header_right {
  	float: right;
}	

#logo {
	float: left;
  	margin-top: 27px;
  	margin-bottom: 22px;
}
#logo a {
	display: block;
  	padding-right: 6px;
  	padding-bottom: 10px;
  	text-align: center;
  	
-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	    -ms-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
	;
}
#logo a span {
	display: inline-block;
	padding-top: 22px;
	font-size: 16px;
	font-style: italic;
  	font-weight: normal;
	color: #000;
}
#logo a:hover {
	background: #9de5e2;
  	box-shadow: -2px -2px 10px rgba(0, 0, 0, 0.25);
  	padding-left:10px;
  	padding-right: 10px;
}
#logo a img {
 	max-width: 85%; 
}


.header_user {
	padding: 15px 0px;
}
.header_user li {
	display: inline-block;
	padding: 0px 14px;
}
.header_user li a {
	display: inline-block;
	font-size: 11px;
	color: #ffffff;
	line-height: 19px;
	vertical-align: top;
	font-family: 'Times New Roman', serif;
	text-transform: uppercase;
	font-weight: bold;
}
.header_user li a:hover {
	text-decoration: underline;
}
.header_user i {
 	padding: 4px 6px 0 0; 
}


.header_currency {
  	margin-top: 49px;
  	padding-left: 18px;
  	display: inline-block;
	line-height: 18px;
	vertical-align: top;
	border-left: 1px solid #f8d1d3;
	font-size: 17px;
	color: #000;
	text-transform: capitalize;
	font-family: 'Times New Roman', serif;
}
.header_currency label {
  	font-weight: normal;
  	font-size: 17px;
}	
.header_currency .jq-selectbox__select {
	height: 25px;
	padding: 0 25px 0 5px;
	border: none;
}
.header_currency .jq-selectbox__select-text {
	line-height: 24px;
}
.header_currency .jq-selectbox__trigger i {
	right: 5px;
	top: 5px;
}


.header_currency .jq-selectbox__dropdown {
	background: #ffffff;
	border: 1px solid #95d4da;
	top: 24px !important;
}
.header_currency .jq-selectbox__dropdown ul {
  	color: #ffb6ce;
}
.header_currency .jq-selectbox__dropdown ul li {
  	padding-left: 4px;
}
.header_currency .jq-selectbox__dropdown ul li:hover {
  	background: #f77cac;
}

.header_cart {
  	display: inline-block;
  	margin: 49px 20px 20px 20px;
}
.header_cart a {
  	font-family: 'Times New Roman', serif;
    display: block;
    color: #000;
    text-decoration: none;
    font-size: 17px;
    line-height: 18px;
    padding: 0;
    cursor: pointer;
}
.header_cart .money {
  	font-size: inherit;
  	font-weight: normal;
  	color: #000; 
}
.header_cart a i {
  	font-size: 22px;
  	color: #f77cac;
    margin-right: 10px;
    line-height: 24px;
}
.header_cart a:hover,
.header_cart a:hover .money {
  	color: #000;
}
.header_cart .count {
 	padding: 0 3px; 
}

.header_search {
	float: right;
	padding-right: 34px;
	position: relative;
	margin: 0;
	right: 0;
	z-index: 8;
	border-bottom: 1px solid #ffb6ce;
	background-color:  #ffffff;
  	max-width: 270px;
  	width: 100%;
  	/*margin-top: 4px;*/
}
.header_search #search-field {
	border-radius: 0;
	line-height: 20px;
	width: 100%;
	height: 42px;
	margin: 0;
	padding: 11px 10px;
	background-color: #ffffff;
	border: 1px solid #ffffff;
  	-webkit-appearance: none;
}
.header_search #search-submit {
	position: absolute;
	right: 3px;
	top: 12px;
	font-size: 18px;
	color: #ffb6ce;
	text-align: center;
	vertical-align: top;
	width: 42px;
	height: 42px;
	line-height: 42px;
}
.header_search #search-submit:hover {
  	color: #9de5e2;
}



/* 8.2 NAVIGATION */

#navigation { 
	position: relative;
  	/*margin-bottom: 20px;*/
    background-color: #FF759A;
    /*border-radius: 0 0 30px 30px;*/
    display: flex;
    justify-content: center;
}
#navigation nav {
	position: relative;
	z-index: 9;
	float: left;
}

#navigation.isStuck {
	width: 100%;
	left: 0;
  	right: 0px;
	top: 0;
  	background: #FF759A ;
  	z-index: 100;
  	margin: 0 auto;
    /*border-bottom: 3px solid #ffb6ce;*/
}
#navigation.isStuck .nav-wrap {
 	margin: 0 auto;
  	max-width: 1170px;
}
#navigation select.menu_mobile {
	width: 100%;
	height: 30px !important;
	display: block;
	background: #eee;
}

.sf-menu {
	padding-top: 14px;
	padding-bottom: 20px;
}
.sf-menu li {
	position: relative;
}

/*================================>> 1 Level <<========================================*/

.sf-menu > li {
	display: inline-block;
	z-index: 10;
	position: relative;
	border-radius: 0;
	padding-right: 34px;
}
.sf-menu > li > a {
	position: relative;
	color: #fff;
	font-family: 'Chewy';
	display: inline-block;
	z-index: 1;
	position: relative;
	font-size: 20px;
	line-height: 20px;
    transition: transform 0.3s ease;
}

.sf-menu > li.active > a,
.sf-menu > li:hover > a {
    transform: scale(1.1);
	color: #fff;
}

.sf-menu > li > a.sf-with-ul:after {
	content: '\f107';
	background-image: none;
	background-position: 0 0;
	background-repeat: repeat;
	display: inline;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 0px;
	height: auto;
	margin-top: 0;
	text-decoration: inherit;
	vertical-align: middle;
	width: 1.45em;
	padding-left: 3px;
	font-size: 16px;
	color: #ffb6ce;
}
.sf-menu > li > a.sf-with-ul:hover:after,
.sf-menu > li.active > a.sf-with-ul:after,
.sf-menu > li.sfHover > a.sf-with-ul:after {
	color: #9de5e2;
}

/*================================>> 2 Level <<========================================*/


.sf-menu ul {
	max-width: 170px;
	display: none;
	z-index: 99;
	position: absolute;
	z-index: 5;
	background: #93d2d8 url(//mispastelitos.mx/cdn/shop/t/13/assets/featured_products_title_bg.gif?v=6355410416955732771739827127) 0 0 repeat !important;
	left: 0;
	top: 61px;
  	padding: 30px 0px;
}
.sf-menu ul li {
	position: relative;
	padding: 4px 22px;
	line-height: 20px;
}
.sf-menu ul li + li {}
.sf-menu ul li a {
	color: #ffffff;
	text-transform: uppercase;
}

.sf-menu ul > li a:hover,
.sf-menu ul > li.active a {color: #f77cac;}


#navigation select.menu_mobile {display: none;}



/* 8.3 NIVOSLIDER */
.nivoSlider {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}
.nivoSlider img {
	max-width: none;
	position: absolute;
    height: 509px !important;
    object-fit: cover;
	top: 0;
	left: 0;
    border-radius: 30px;
}
.nivo-main-image {
	width: 100% !important;
	display: block !important;
	position: relative !important;
}

.nivoSlider a.nivo-imageLink {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 6;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	filter: alpha(opacity=0);
	opacity: 0;
	background: #ffffff;
    border-radius: 30px;
}

.nivo-slice {
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	z-index: 5;
}

.nivo-box {
	display: block;
	overflow: hidden;
	position: absolute;
	z-index: 5;
}
.nivo-box img {
	display: block;
}

.nivoSlider > a,
.nivoSlider > img,
.caption_hidden {
	display: none;
}


.slider_wrap {
	position: relative;
	z-index: 1;
}

.nivoSlider {
}

.nivo-caption {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 8;
	display: none;
}


.nivo-directionNav a {
	display: block;
	vertical-align: top;
	position: absolute;
	top: 50%;
	z-index: 9;
	cursor: pointer;
}
.nivo-directionNav a span {
	display: none;
}
.nivo-directionNav a i {
	display: inline-block;
}
.nivo-prevNav {
	left: 0;
}
.nivo-nextNav {
	right: 0;
}


.nivo-controlNav {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 50%;
	overflow: hidden;
	padding: 17px 18px 10px;
	z-index: 50;
	margin-left: -47px;
	background: #ffffff;
}
.nivo-controlNav a {
	display: inline-block;
	display: inline-block;
	height: 7px;
	margin: 0 7px;
	position: relative;
	text-indent: -9999px;
	width: 7px;
	vertical-align: top;
	float: left;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	background: #ecdcac;
}
.nivo-controlNav a span {
	display: none;
}
.nivo-controlNav a i {
	display: block;
}
.nivo-controlNav a:hover,
.nivo-controlNav a.active {
	background: #ffb6ce;
  	cursor: pointer;
}
.nivo-controlNav a.active {
	cursor: default;
}


/* 8.4 SHOWCASE */

.custom_showcase1 {
	min-height: 514px;
	text-align: center;
    border-radius: 30px;
}
.custom_showcase1 a .showcase_img-wrapper {
  	overflow: hidden;
}
.custom_showcase1 a .showcase_img-wrapper img {
  	transition: all .2s linear;
    border-radius: 30px 30px 0 0;
}
.custom_showcase1 a:hover .showcase_img-wrapper img {
  	transform: scale(1.04,1.04);
    -o-transform: scale(1.04,1.04);
    -moz-transform: scale(1.04,1.04);
    -webkit-transform: scale(1.04,1.04);
}
.custom_showcase1 .inside {
 	padding: 72px 45px 20px; 
}
.custom_showcase1 h3 {
	font-size: 36px;
	position: relative;
  	padding-bottom: 10px;
	color: #c9667d;
  	
-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	    -ms-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
	;
}
.custom_showcase1 a:hover h3 {
  	color: #ffb6ce;
}
.custom_showcase1 h3:before {
	background: url(//mispastelitos.mx/cdn/shop/t/13/assets/showcase-bg-1.png?v=183277554085113749081739827127) center top no-repeat;
	left: 0;
	right: 0;
	top: -52px;
	height: 47px;
	content: "";
	position: absolute;
}
.custom_showcase1 h3:after {
	background: url(//mispastelitos.mx/cdn/shop/t/13/assets/showcase-bord.png?v=33817604454584597821739827127) 0 bottom repeat-x;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	content: "";
	position: absolute;
}
.custom_showcase1 h4 {
  	margin-top: 6px;
	font-size: 18px;
	position: relative;
	color: #ffb6ce;
  	
-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	    -ms-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
	;
}
.custom_showcase1 h4 span {
 	position: relative; 
}
.custom_showcase1 a:hover h4 {
  	color: #c9667d;
}
.custom_showcase1 h4 span:before,
.custom_showcase1 h4 span:after {
	position: absolute;
	width: 14px;
	height: 10px;
	content: "";
	left: -25px;
	top: 9px;
	background: url(//mispastelitos.mx/cdn/shop/t/13/assets/showcase-2-1.png?v=130159891322174878781739827127) center top no-repeat;
}
.custom_showcase1 h4 span:after {
	right: -25px;
	left: auto;
	background: url(//mispastelitos.mx/cdn/shop/t/13/assets/showcase-2-2.png?v=76400898304252416421739827127) center top no-repeat;
}



/* 8.5 MAIN PRODUCT LISTING */

.product_listing_main .product_links form {
	display: inline-block;
}


/* 8.6 FOOTER */

#footer {
    
  	background-color: #9de5e2;
  	
}

.custom_footer {
  	margin-top: 87px;
}
.custom_footer h3 {
	color: #ffffff;
	line-height: normal;
	font-weight: 400;
	font-size: 22px;
	word-wrap: break-word;
	margin: 0 0 45px;
}
.custom_footer ul {
}
.custom_footer ul li {
	line-height: 21px;
	padding: 5px 0;
}
.custom_footer ul li + li {
	background: url(//mispastelitos.mx/cdn/shop/t/13/assets/footer_bord.png?v=170207332509836404941739827127) 0 top repeat-x;
}
.custom_footer ul li a {
	font-size: 14px;
	color: #ffffff;
	/*text-transform: uppercase;*/
	vertical-align: top;
}

.custom_footer ul li.active a,
.custom_footer ul li a:hover {
  	color: #f77cac;
}
.custom_footer ul li a i {
 	margin: 5px 10px 0px 0px; 
}

.custom_footer4 div {
	font-family: 'Playfair Display', serif;
	font-size: 13px;
	color: #ffffff;
	text-transform: uppercase;
	vertical-align: top;
  	line-height: 26px;
}
.custom_footer4 a {
 	 color: #f77cac;
}
.custom_footer4 a:hover {
 	 color: #ffffff;
}

.footer_bottom {
 	width: 1236px;
	/*background: #ffffff;*/
  	margin: 0 auto;
  	padding: 35px 10px;
}

#footer .copyright {
	padding: 0 20px;
	margin: 0px;
  	font-size: 14px;
  	color: #ffb6ce;
}

/***************************************************************************
                           9. COLLECTION PAGES
***************************************************************************/

/* 9.1 PAGES CONTENT */
ul.tags {
	margin-top: 15px;
	list-style-type: none;
    margin-bottom: 15px;
}
ul.tags li {
	float: left;
}
ul.tags li + li {
	margin: 0 0 0 5px;
}
ul.tags li a {
	display: block;
	padding: 5px 10px;
	color: #95d4da;
	text-transform: capitalize;
}

ul.tags li a:hover,
ul.tags li.active a {
	background: #95d4da;
	color: #ffffff;
}


.collection_info {
	margin-top: 15px;
}
.collection_info .collection_img {
	text-align: center;
}
.collection_info .collection_desc .rte {
	margin: 0;
}



/* 9.2 BREADCRUMBS */
.breadcrumb {
	margin: 0 0 25px 0;
  	border-top: 2px solid #ffb6ce;
  	background: #f77cac;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
}
.breadcrumb span, .breadcrumb > li + li:before {
  	color: #c9667d; 
}



/* 9.3 COLLECTION LISTING */
.collection_listing .collection {
	margin: 30px 0 0 0;
}



/* 9.4 PAGINATION */

#pagination {
	display: inline-block;
	overflow: hidden;
	margin: 30px 0 0 0;
	border: 1px solid #95d4da;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	}
#pagination span {
	display: block;
	float: left;
}
#pagination span ~ span {
	border-left: 1px solid #95d4da;
}

#pagination span a,
#pagination span.deco,
#pagination span.current {
	display: block;
	padding: 7px 20px;
	color: #95d4da;
  	
-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	    -ms-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
	;
}

#pagination span a:hover {
  	background: #9de5e2;
	color: #ffffff;
}
#pagination span.current {
	font-weight: bold;
	background: #9de5e2;
	color: #ffffff;
	cursor: default;
}



/***************************************************************************
                           10. SIDEBAR WIDGETS
***************************************************************************/

.widget_content {
 	margin-top: 44px; 
}

h3.widget_header {
  	position: relative;
	margin: 0px 0px 34px;
	font: 24px 'Chewy';
	color: #FF759A;
	text-align: center;
	position: relative;
	padding: 25px 5px 23px;
  	border-bottom: none;
  	line-height: 32px;
}
/*h3.widget_header:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 9px;
	background: url(//mispastelitos.mx/cdn/shop/t/13/assets/round.png?v=26667761758976056141739827127);
	top: -5px;
  	left: 0px;
}*/

.sidebar_off h3.widget_header {
	margin: 15px -33px 34px;
}

/* 10.1 LINKS LIST */
.column .widget ul.list {
	border-bottom: 1px solid #95d4da;
}
.column .widget ul.list li {
	padding: 10px 0;
}
.column .widget ul.list li + li {
	border-top: 1px solid #95d4da;
}

/* 10.2 SIDEBAR PRODUCT LISTING */
.product_listing_sidebar .product_links form {
	display: inline-block;
}

/***************************************************************************
                           11. SEARCH RESULTS PAGE
***************************************************************************/

#searchresults {
	margin: 0;
}
#searchresults .search-form {
	margin: 15px 0 0 0;
}
#searchresults .search-form input {
	width: 100%;
	float: left;
	padding: 7px 34px 7px 10px;
  	height: 34px;
  	line-height: 18px;
  
}
#searchresults .search-form button {
	width: 34px;
	height: 34px;
	float: left;
	margin: 0 0 0 -34px;
	background: none;
	border: none;
	font-size: 20px;
	color: #95d4da;
}
#searchresults .search-form button:hover {
	color: #f3989f;
}
#searchresults .search-form button i {
	line-height: 32px;
}

#searchresults h3 {
	margin: 0;
	padding: 0;
} 

#searchresults ol {
	list-style-type: none;
	padding: 15px 0 0 0;
	border-bottom: 1px solid #95d4da;
}
#searchresults ol li {
	overflow: hidden;
	margin: 0;
	padding: 15px 0;
	border-top: 1px solid #95d4da;
}
#searchresults ol li .search-result_image {
	float: left;
	margin-right: 15px;
}
#searchresults ol li .search-result_container {
	padding: 15px 0 0 0;
}



/***************************************************************************
                           12. PRODUCT PAGE
***************************************************************************/


/* 12.1 PRODUCT IMAGES */
#product_image-container {
	overflow: hidden;
}

.product_wrap .bxslider {
	margin: 0;
}
.product_image .bx-wrapper {
	overflow: hidden;
	/*border: 1px solid #95d4da;*/
	height: 500px;
}
.product_wrap .bxslider {
	height: 100%;
}

/* CONTENEDOR DE MINIATURAS */
.product_wrap #bx-pager {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 10px;
	width: 100%;
	margin: 10px 0;
}

/* ESCRITORIO: cuadrícula fluida */
.product_wrap #bx-pager a {
	flex: 1 0 calc(25% - 10px);
	max-width: calc(25% - 10px);
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: 10px;
	border: none;
	margin: 0;
}

/* MINIATURAS IMG */
.product_wrap #bx-pager a img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

/* IMAGEN PRINCIPAL */
.product_image .bx-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* TABLET Y MÓVIL: imágenes de 85px */
@media (max-width: 1024px) {
	.product_wrap #bx-pager a {
		flex: none;
		width: 85px;
		height: 85px;
	}
}




/* 12.2 PRODUCT INFO */
.product_wrap .product_name {
	margin: -2px 0 0 0;
}

.product_wrap .product-price {
	padding: 0;
}
.product_wrap .product-price .money {
	margin: 0 5px 0 0;
}
.product_wrap .variants-wrapper {
	padding: 15px 0 0 0;
}
.product_wrap .variants-wrapper label {
	margin-right: 10px;
}

.product_wrap #purchase label {
	display: inline-block;
	margin: 0;
	padding: 0 !important;
	line-height: 37px;
}
.product_wrap #purchase #quantity {
	width: 50px;
	height: 37px;
  	line-height: 18px;
	display: inline-block;
	margin: 0 10px;
	padding: 9px 0px 8px;
	outline: none;
	text-align: center;
}
.product_wrap #purchase #add-to-cart {
	width: auto;
	height: 37px;
	padding: 9px 15px 9px 15px;
  	line-height: 20px;
}
.product_wrap #purchase #add-to-cart i {
	vertical-align: middle;
	margin: 0 5px 0 0;
	font-size: 15px;
	line-height: 1.5em;
	position: relative;
	top: -2px;
}

    
.product_wrap .product_details {
	margin: 15px 0 0 0;
	padding: 10px 0 15px 0;
	border: 1px solid #95d4da;
	border-width: 1px 0;
}
.product_wrap .product_details > div {
	padding: 5px 0 0 0;
}

.product_wrap #product_description h4 {
	padding-bottom: 0;
	border: none;
	text-transform: none;
}

.product_wrap .addthis_toolbox {
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
	border-top: 1px solid #95d4da;
}

.product_image-additioanl a {
	width: 33%;
	display: block;
	float: left;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	}



/* 12.3 PRODUCT PAGINATION */
.product_wrap .pagination__product {
	width: 100%;
	margin: 15px 0;
}
.product_wrap .pagination__product ul {
	list-style-type: none;
	margin: 0 !important;
	padding: 15px !important;
}
.product_wrap .pagination__product ul li.left-arrow {
	float: left;
}
.product_wrap .pagination__product ul li.right-arrow {
	float: right;
}



/* 12.4 RELATED PRODUCTS */
.widget_related_products h3 {
	margin: 30px 0 0 0;
}

ul.product_listing_related {
	list-style-type: none;
}

/***************************************************************************
                           13. BLOG
***************************************************************************/

/* 13.1 POSTS LISTING */

.blog-article {
	padding: 15px 0 30px 0;
}

.article_header {
	padding: 15px 0;
	border-bottom: 1px solid #95d4da;
}
.article_header .product_name {
  	font-size: 20px;
}

.blog-article_meta-comments {
	float: right;
	padding: 2px 0 0 15px;
}

.blog-article_date,
.blog-article_meta-tags {
	font-style: italic;
}

.blog-article_meta-tags a {
	text-decoration: underline;
}



/* 13.2 SINGLE POST */
.article_meta-comments {
	float: right;
	padding: 2px 0 0 15px;
}
.article_meta-tags a {
	text-decoration: underline;
}

.article_date,
.article_meta-tags,
.article_meta {
	font-style: italic;
}

.article .addthis_toolbox {
	margin: 20px 0;
}


#comments ul {
	list-style-type: none;
}

.comment-form #comment-author,
.comment-form #comment-email,
.comment-form #comment-body {
	width: 100%;
}

.comment-form #comment-body {
	min-height: 100px;
	margin-bottom: 15px;
}

.article_comments-form {
	padding-bottom: 10px;
	margin-top: 1em;
	padding-top: 10px;
}

.section-title {
	margin-bottom: 2px;
	padding-bottom: 8px;
}

.comment-form .row {
	margin-bottom: 1em;
}


/***************************************************************************
                           14. CUSTOMER PAGES
***************************************************************************/

/* 14.1 LOG IN */

/* 14.2 ACCOUNT */

.customer_name {
	text-transform: none !important;
}
.customer_name .divider {
	margin: 0 7px;
}
.customer_name .email {
	color: #000000;
}
.customer_name a {
	float: right;
}



/* 14.3 ADDRESSES */

.customer_addresses ul.customer_addresses_actions {
	list-style-type: none;
	margin: 15px 0;
}
.customer_addresses ul.customer_addresses_actions li a i {
	margin: 0 5px 0 0;
	line-height: inherit;
}

.customer_addresses .col-sm-offset-4 label {
	line-height: 1.6em;
}

ul.address {
	list-style-type: none;
}



/* 14.4 ORDERS */
.order_date {
	margin: 15px 0 0 0;
}

#order_details {
	margin: 30px 0 0 0;
}



/***************************************************************************
                           15. CART PAGE
***************************************************************************/

/* 15.1 CART PRODUCTS */
.cart-list {
	overflow: hidden;
}

.cart-list > .row {
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #95d4da;
}

.cart-list .item_image {
	text-align: center;
}
.cart-list .item_image a img {
	max-width: 100%;
}

.cart-list .product_name {
	margin-top: 15px;
}

.cart-list .item_remove {
	margin: 0 0 0 10px;
}
.cart-list .item_remove a {
	font-size: 20px;
	color: #fe2a2a;
}
.cart-list .item_remove a:hover {
	color: #95d4da;
}

.cart-list .row h3.item_vendor {
	border-bottom: 1px solid #95d4da;
	color: #888;
}

.cart-list .item_price {
	padding: 10px 0 0 0;
}
.cart-list .item_price .price {
	line-height: 37px;
}

.cart-list .item_price label {
	padding: 0;
	line-height: 37px;
}
.cart-list .item_price .input-small {
	width: 60px !important;
	height: 37px;
	display: inline-block;
	padding: 5px;
	text-align: center;
  	line-height: 18px;
  	padding: 9px 0 8px;
}

.cart-list .item_price .total {
	text-align: right;
}
.cart-list .item_price .total h3 {
	vertical-align: baseline;
	border: none;
}

.cart_subtotal h3 {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #95d4da;
  	line-height: 20px;
  	vertical-align: middle;
}
.cart_subtotal h3 .money {
	float: right;
  	line-height: 20px;
  	font-size: 15px;
  	vertical-align: middle;
}

.cart_buttons {
	margin: 30px 0;
}
.cart_instructions textarea {
	width: 100%;
}

#payment-methods {
	overflow: hidden;
}
#payment-methods ul {
	list-style-type:none;
	list-style-position: outside;
}
#payment-methods ul li {
	float:left;
	padding: 15px 15px 0 0;
}



/* 15.2 GUEST CHECKOUT */
#guest {
	padding: 30px 0 0 0;
}
#guest form {
	padding: 15px 0 0 0;
}



/***************************************************************************
                           16. CONTACTS PAGE
***************************************************************************/

.contact-scope iframe {
	width: 100%;
	margin: 15px 0;
	border: 1px solid #95d4da;
}

.contact-form textarea {
	width: 100%;
}




/***************************************************************************
                           17. TIENDITA BANNER
***************************************************************************/


  
.container-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tiendita-dulce {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
  color: white;s
  min-height: 300px;
  text-align: left;
  height: 75vh;
}

.tiendita-dulce__text {
  flex: 1;
  padding: 1rem;
}

.tiendita-dulce__text h2 {
  font-size: 5rem;
  margin-bottom: 1rem;
  color: #ffffff;
}

.tiendita-dulce__text p {
  font-size: 1.6rem;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}

.tiendita-dulce__btn {
  margin-top: 2rem;
  background-color: white;
  color: #ff759a;
  padding: 0.8rem 1.5rem;
  border-radius: 2rem;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  transition: background-color 0.3s ease;
}

.tiendita-dulce__btn:hover {
  background-color: #ffe3ee;
}

.tiendita-dulce__image {
  flex: 1;
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tiendita-dulce__image img {
  width: 400px;
  max-width: 100%;
}

/* Responsive para móvil */
@media (max-width: 768px) {
  .tiendita-dulce {
    flex-direction: column;
    text-align: center;
  }

  .tiendita-dulce__text,
  .tiendita-dulce__image {
    flex: unset;
    width: 100%;
  }

  .tiendita-dulce__image img {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }

  .tiendita-dulce__text h2 {
    font-size: 3rem;
  }

  .tiendita-dulce__text p {
    font-size: 1.4rem;
  }
}



.mispastelitos-carinio {
  display: flex;
  justify-content: space-between;
  padding: 4rem 1rem;
  gap: 60px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 80vh;
  width: 100%;
}

.mispastelitos-carinio__left {
  flex: 0 0 40%;
  display: flex;
  
  align-items: center;
}

.mispastelitos-carinio__right {
  flex: 1 1 60%; /* Mismo tamaño para ambos lados */
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.mispastelitos-carinio__left img {
  width: 100%;
  max-width: 400px;
  border-radius: 2rem;
  object-fit: cover;
}

.mispastelitos-carinio__right {
  padding: 2rem;
  border-radius: 1rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  color: #fff;
  min-height: 100%; /* Igual altura que el contenedor izquierdo */
  display: flex;
  flex-direction: column;
}

.mispastelitos-carinio__right h2,
.mispastelitos-carinio__right p {
  position: relative;
  z-index: 1;
  text-align: center;
  width: 50%;
}

.mispastelitos-carinio__right h2 {
  font-size: 3rem;
  color: #fff;
  font-family: 'Chewy';
  margin-bottom: 1rem;
}

.mispastelitos-carinio__right p {
  font-size: 1.6rem;
  line-height: 1.5;
}

@media (max-width: 768px) {
  

  .mispastelitos-carinio {
    flex-direction: column;
    align-items: center;
    padding: 2rem 1rem;
    gap: 1.5rem;
    height: auto;
  }
  .mispastelitos-carinio__left,
  .mispastelitos-carinio__right {
    max-width: 100%;
    flex: 1 1 100%;
    text-align: center;
    padding: 1rem 0;
    justify-content: center;
  }

  .mispastelitos-carinio__right {
    padding: 1.5rem;
    background-size: contain;
    min-height: 350px;
  }

  .mispastelitos-carinio__right h2 {
    font-size: 2rem;
    width: 50%;
  }

  .mispastelitos-carinio__right p {
    font-size: 1.2rem;
    width: 50%;
  }

  .mispastelitos-carinio__left img {
    max-width: 60%;
    height: auto;
  }
}

/***************************************************************************
                           17. NAV STYLES
***************************************************************************/

.nav-wrap {
  max-width: 1170px;
  margin: 0 auto;
  width: 100%;
  
}

.nav-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  width: 100%;
  margin: 0 15px;
}


.sf-menu {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}

.menu-social {
  display: flex;
  gap: 20px;
  flex: 1;
  justify-content: flex-end;
}

.menu-social a i {
  font-size: 20px;
  color:  #ffffff;
  transition: 0.3s;
}

.menu-social a:hover i {
  transform: scale(1.2);
}





/* ===== HEADER GENERAL ===== */

.header-top-message {
  background-color: #a6ecec;
  text-align: center;
  padding: 5px 0;
}

.header-top-message span {
  color: #fff;
  font-weight: bold;
}

.header-main {
  background-color: #fff;
  padding: 10px 0;
}

.header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.header-logo {
  flex: 0 0 auto;
  text-align: center;
}

.header-logo img {
  width: 200px;
}

.header-icons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  flex: 1;
}

.header-icons i {
  font-size: 20px;
  color:  #ff759a;
  transition: 0.3s;
}

.header-icons a:hover i {
  color: #f54290;
}


/* ===== RESPONSIVE ===== */

@media (max-width: 768px) {
  .header-container {
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }

  .header-logo img {
    width: 150px;
  }

  .header-social,
  .header-icons {
    justify-content: center;
    flex: 1 1 100%;
  }

  .header-search input[type="text"] {
    width: 100px;
  }
}


/***************************************************************************
               SLIDER DE LA HOMEPAGE DEL PRODUCTO INDIVIDUAL
***************************************************************************/

.content-showcase .row {
  margin: 40px 0;
}

.featured-product-wrapper {
  margin: 40px 0;
}
/* Imagen principal del producto */
.main-product-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Imágenes pequeñas del slider */
.small-gallery-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 5px;
  display: block;
}

/* Miniaturas inferiores */
.bottom-gallery-image {
  width: 50px;
  height: 50px;
  object-fit: cover;
  margin: 5px;
  border-radius: 10px;
}

/* Contenedor de la imagen principal */
.featured-product-image {
  width: 40%;
  max-width: 400px;
  margin: 50px;
  margin-top: 150px;
  position: relative;
}

/* Ajusta el contenedor del bx-viewport */
.bx-viewport {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
  position: relative;
}

/* Ajusta las imágenes para que cubran el contenedor */
.bx-viewport img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: 30px;
}

.bxslider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bxslider li {
  width: 100%;
  height: 100%;
  list-style: none;
  position: relative;
}

/* Layout de la imagen y la información */
.featured-product-item {
  display: flex;
  align-items: center;
  margin: 20px 0;
  justify-content: center;

}

/* Contenedor de la información del producto */
.featured-product-info {
  width: 40%;
  padding: 20px;
  box-sizing: border-box;
}

.featured-product-info a {
  color:  #9de5e2;
  font-size: 30px;
}

.featured-product-info p.price {
  color:  #9de5e2;
  font-size: 16px;
}

/* */
.featured-product-info .column_center h3 {
  border-bottom: none !important;
}