/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
*/

/*Cabecera Tienda*/
#wrapper>div>div.page-title-inner.flex-row.container.medium-flex-wrap.flex-has-center>div.flex-col.flex-center.text-center>h1,
#wrapper>div>div.page-title-inner.flex-row.container.medium-flex-wrap.flex-has-center>div.flex-col.flex-center.text-center>div.is-medium>nav>a,
#wrapper>div>div.page-title-inner.flex-row.container.medium-flex-wrap.flex-has-center>div.flex-col.flex-center.text-center>div.is-medium>nav {
	color: #888a8d;
}

/*Finalizar Compra*/
abbr.required {
	color: red;
}


/*Titulo de la entrada en la pagina de blog y en el front*/
/*.box.box-push.box-text-bottom.box-blog-post.has-hover,
.box.box-text-bottom.box-blog-post.has-hover {
	position: relative;
	text-align: center;
	color: white;
}*/

.box-blog-post .is-divider {
	display: none;
}

div>div>div.row.large-columns-4.medium-columns-1.small-columns-1.row-small.row-full-width>div>div>a>div>div.box-text.text-center.is-small>div {
	padding-left: 15px;
}

/*.box.box-push.box-text-bottom.box-blog-post.has-hover>.box-text.text-center.is-small {
	position: absolute;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: rgba(255, 250, 250, 0.52);
}*/

.post-title {
	/*font-family: 'linotype_didotitalic' !important;*/
	font-size: 1.0em !important;
	font-weight: bold !important;
}


/*Titulo de la entrada en la pagina del blog*/
/*div>div>a>div>div.box-text.text-center {
	width: auto;
	padding-right: 15px !important;
	padding-bottom: 5px !important;
}*/

/*.box.box-text-bottom.box-blog-post.has-hover>.box-text.text-center {
	background: rgba(244, 217, 205, 0.6);/*AQUI*/
/*	border-radius: 25px 25px 0px 0px;*/
	/*border-top-right-radius: 10px;*/
/*	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: left;
	z-index: 1;
	padding-left: 15px;
	font-size: 95%;
	width: 100%;
}*/

/*.box.box-text-bottom.box-blog-post.has-hover>.box-text.text-center {
	background: rgba(255, 250, 250, 0.52);
	font-family: 'linotype_didotitalic' !important;
	position: absolute;
	padding-left: 15px;
	bottom: 0px;
	left: 0px;
	text-align: left;
	padding-right: 0px;
	z-index: 1;
}*/

/*div>div>a>div>div.box-text.text-center>div>p.from_the_blog_excerpt,
div>div>a>div>div.box-text.text-center>div>div.is-divider,
div>div>a>div>div.box-text.text-center>div>p.from_the_blog_comments.uppercase.is-xsmall {
	display: none;
}*/

/*Ocultar elementos leer mas de abajo del titulo del blog*/
/*div>div>a>div>div.box-text.text-center>div>p.from_the_blog_excerpt,
div>div>a>div>div.box-text.text-center>div>p.from_the_blog_comments.uppercase.is-xsmall,
div>div>a>div>div.box-text.text-center>div>div {
	display: none;
}*/

/*.post-meta.op-8 {
	color: #00000085;
    font-weight: 600;
    font-size: 1.0em !important;
}
*/

/*Divisor de columna personalizado*/
.col-divided {
	padding-right: 30px;
	border-right: 2px solid #e7c054;
}


/*Entrada personalizada*/
.entry-header {
	position: relative;
	text-align: center;
	color: white;
}

.entry-header-text.entry-header-text-top.text-center {
	background: rgba(255, 250, 250, 0.52);
	border-top-right-radius: 10px;
	font-family: 'linotype_didotitalic' !important;
	padding: 10px !important;
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: left;
	padding-right: 170px;
	padding-left: 0px;
	z-index: 1;
}

.entry-meta.uppercase.is-xsmall,
.entry-divider.is-divider.small {
	display: none;
}

.entry-header-text.entry-header-text-top.text-center>.entry-title {
	font-family: 'linotype_didotitalic' !important;
}

@media only screen and (max-width: 600px) {
	.entry-header-text.entry-header-text-top.text-center>.entry-title {
		font-size: 135% !important;
	}
}


/*Nueva presentacion de circulo de descuento 2020-01-07*/
/*.badge {
	height: 1.8em;
	width: 3.5em;
}

.badge-circle .badge-inner {
	border-radius: 5px;
}

.badge>.is-small {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 0.8em;
}

div.badge-inner.secondary.on-sale {
	font-size: 0.8em;
}*/


/*Selector de Idioma*/
.wpml-ls-statics-shortcode_actions,
.wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu,
.wpml-ls-statics-shortcode_actions a {
	font-family: "Poppins", sans-serif;
	border: none;
	border-radius: 20px !important;
}


/*Link de Whatsapp*/
.wpp-text {
	font-family: "Poppins", sans-serif !important;
	font-size: 105% !important;
	color: rgba(102, 102, 102, 0.85);
}




/*Comentarios*/
progress {
	width: 100%;
	padding-top: 30px;
}

#comentario {
	background: #111;
	color: #ffffff;
	border-radius: 5px;
}

.mostrar {
	margin-top: 20px;
	background: #555555;
	color: #ffffff;
	width: 150px;
	border-radius: 25px;
}

.ocultar {
	display: none;
	margin-top: 20px;
	background: #555555;
	color: #ffffff;
	width: 180px;
	border-radius: 25px;
}

.panel_comentarios {
	overflow: hidden;
	height: 450px;
}

.progress {
	margin: 20px auto;
	padding: 0;
	width: 100%;
	height: 25px;
	overflow: hidden;
	background: #e5e5e5;
	border-radius: 6px;
	margin-top: 0px;
    margin-bottom: 10px;
}

.bar {
	position: relative;
	float: left;
	min-width: 1%;
	height: 100%;
	background-color: #777777;
}

.percent {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	font-family: tahoma, arial, helvetica;
	font-size: 12px;
	color: white;
}


/*Tienda*/
/* @media screen and (min-width:1024px) { */
	/* .row-small>.col { */
		/* padding: 0 50px 50px !important; */
	/* } */
/* } */

/*.orderby {
	display: none !important;
}*/

/*#tab-title-description,
#tab-title-modo-de-uso,
#tab-title-ingredientes,
#tab-title-tips,
#tab-title-how-to-use,
#tab-title-ingredients {
	background-color: #e4e4e4;
	padding-right: 5px;
	border-radius: 5px;
	padding-left: 5px;
}*/

/*Finalizar Pedido*/
.has-border { /*Elimina borde recuadro en finalizar pedido*/
	border-color: #ffffff !important;
}

#place_order {
	width: 100% !important;
}

/*Popup Black Days*/
#popmake-417891, #popmake-417894, #popmake-417895, #popmake-417896, #popmake-417976 {
	padding-left: 0px !important;
	padding-top: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
}

/*Popup Cyber Days*/
#popmake-424580, #popmake-424648, #popmake-424667, #popmake-424678, #popmake-424674 {
	padding-left: 0px !important;
	padding-top: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
}

/*Videos*/
.video_unidos {
	padding-top: 0px !important;
}

.video_blog_fin {
	padding-top: 0px !important;
	width: 540px !important;
}
 
/*fix 3 column width  3 items per row*/
.col-inner ul.dashboard-links li {
    margin-left: 0px;
}

#popmake-481677, #popmake-481690, #popmake-481693, #popmake-481697, #popmake-481701 {
	padding-top: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
}

/*fix layerslider menu cart z-index*/
.ls-wp-container {
    z-index: 1 !important;
}

/*Crea Tu Kit*/
@media only screen and (max-width: 600px) {
	.woocommerce-products-wizard .col-sm-6 {
		width: 50%;
	}
}

/*Titulo Tab Custom*/
.yikes-custom-woo-tab-title {
	display: none;
}

/*Terminos y condiciones*/
.giveaway_reviews, .tyc_giveaway_serummix, .tyc_giveaway_father, .giveaway, .tyc_referidos, .egg-hunt, .tyc_ruleta_amor, .tyc_raspa_gana, .tyc_testimonios, .tyc_producto_gratis, .tyc_reto_21_dias {
	display: none;
}

.menu_buttons {
	padding-bottom: 10px !important;
}

/*Noticia Checkout*/
.message_notice {
    text-align: center;
}

.wc_payment_method > label {
	font-size: 110% !important;
	/* font-family: 'Avenir_Next_Bold' !important; */
}

.payment_methods li {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

/* .payment_methods li+li {
	padding-top: 20px !important;
} */

/*1er bloque de texto de blog*/
.entrada-bloque-texto-blog{
	margin: 0 0 35px 0;
}
/*bloques de texto diferente del 1ro*/
.bloque-texto-blog{
	margin: 35px 0;
}

/*lista ordenada con numeros de color azul ligero y en bold para blog*/
ol.azul-ligero li::marker {
    color: #82C6DB;
    font-weight: 600;
	font-size: 1.3em;
}

/*oculta el punto de navegacion en el slider del home cuando solo hay una imagen, el slider debe tener la clase home-slider*/
.home-slider ol.flickity-page-dots {
    display: none;
}

/*tabla blog id: 509018 ¿Qué pasa con tu piel cuando no bebes suficiente agua?*/
/*clases para blog con diseño de tabla customizado*/
#tabla-blog, #tabla-blog th, #tabla-blog td {
	border: 2px solid #000 !important;
	text-align: center;
	padding: .2em;
}
#tabla-blog{
	border-collapse: collapse; 
	margin: 0px 12% 0px 12% !important;
	width: 80%;
	font-size: 120%;
}
#tabla-blog tr.encabezado{
	font-weight: 600;
    font-size: 1.2em;
}
.fondo-encabezado-tabla{
	width:84%;
	height: 77px;
	z-index: -5;
	margin: 0px 6.5% -66px 10%
}
/*color para fondo de encabezado de tabla y otras para blog*/
.turquesa{
	background: #A6E0E4 !important; 
}
/*boton para blog tipo2*/
.btn2_blog{
	transform: scale(1.15) !important;
	padding-left: 2em !important;
    padding-right: 2em !important;
}

/*fuente para formulario RD*/
#footer select[name="cf_mes_cumpleanos"], #footer input[name="email"] {
    font-size: 16px !important;
    font-family: "Didact Gothic",sans-serif !important;
}
#footer .rd-form button {
    border-radius: 99px !important;
    font-size: 1em !important;
    font-family: "Didact Gothic",sans-serif !important;
}

/*Lineas de checkout mas gruesas y oscuras*/
.payment_methods li+li {
    border-top: 2px solid #dbdbdb;
}






/*ICONO DEL CART*/
/* .cart-icon strong {
    border-radius: 3px;
    margin: .3em 0;
    position: relative;
    width: 2.1em;
    height: 1.6em;
    font-size: 1em;
    line-height: 1.9em;
    font-family: Helvetica,Arial, Sans-serif;
    margin-top: 9px;
}
.cart-icon:hover strong{
    background: none !important;
}
#cart-item-numbers-ifk{
    position: absolute;
    top: -11px;
    left: 28px;
} */


/*Blog Tipos Piel*/
.list_custom {
	list-style: none;
}

.list_custom li::before {
	content: "\2022";
	color: #D49C9B; 
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

.ul_blog_remineralizar {
	list-style: none;
}

.ul_blog_remineralizar li::before {
	content: "\2022";
	color: #92D3EE; 
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

.ol_blog_skincare_completo li::marker {
	font-family: 'Avenir_Next_Bold' !important;
	color: #BB93A4;
}

/**/
.tab_summer_sale {
	background-color: #DC911B;
}

.tab_summer_sale > a {
	color: white !important;
}

@media only screen and (max-width: 600px) {
	.header-bottom-nav > .tab_summer_sale {
		padding: 0px 10px !important;
	}
}

.iti.iti--allow-dropdown.iti--separate-dial-code.iti--show-flags {
	width: 100%;
}

.fee {
	color: red !important;
}
 
/*Educambio*/
/* @media only screen and (max-width: 600px) {
	.text_movil_educambio {
		font-size: 120% !important;
	}
	
	.title_movil_educambio {
		font-size: 130% !important;
	}
	
	.button_educambio {
		font-size: 100% !important;
		padding: 0px 50px !important;
	}

	.progress_educambio {
		width: 100% !important;
		margin: 0px auto 20px !important;
		height: 45px !important;
	}
}

.progress_educambio {
	margin: 20px auto;
    padding: 7px;
    width: 40%;
    height: 50px;
    overflow: hidden;
    background: #575756;
    border-radius: 50px;
}

.bar_educambio {
    position: relative;
    float: left;
    min-width: 1%;
    height: 100%;
    background-color: #FBABB4;
    border-radius: 50px;
    border: 2px solid #878787;
}

.sin_padding_educambio {
	padding-bottom: 0px !important;
} */

[data-title="ahorro"] > span {
    color: #058358 !important;
}

[data-title="ahorro"] {
    color: #058358 !important;
}

[data-title="ahorro"] > span {
	background-color: #DAFAEF;
	padding: 5px 10px;
	border-radius: 50px;
	font-weight: bold;
	letter-spacing: 0.5px;
}

/* estilos para ajustar botones (+ y -) de crea tu kit */

.woocommerce-products-wizard-form-item-quantity > .ux-quantity > .ux-quantity__button {
	border-radius: 50% !important;
	margin-top: 0 !important;
	width: 32px !important;
}

/* utilidades generales */

.bg-no-repeat {
	background-repeat: no-repeat !important;
}

.bg-size-cover {
	background-size: cover !important;
}

.product-small > .col-inner > .left, .col-inner > .product-images > .left {
	/*left: -1px !important;
	top: -8px !important;*/
}

/* estilos redes referidos */

.social-redes {
	text-align: center !important;
}

.social-redes p{
	display: inline-block !important;
}

.social-redes a {
	background: #808080;
		  border-radius: 50%;
		  color: white;
		  display: inline-flex; /* Cambiado a flex para centrar verticalmente */
		  align-items: center; /* Centrar verticalmente */
		  justify-content: center; /* Centrar horizontalmente */
		  font-size: 19px;
		  height: 33px;
		  margin: 1px;
		  width: 33px;
		  transition: 0.5s ease all;
		  text-decoration: none;
	}

	.social-redes a:hover {
		background: #606060;
	}

/* estilos para acomodar popup en resoluciones medianas */

.first_column_pum img {
	visibility: visible !important;
}

@media(max-width: 900px){
	.first_column_pum img {
		visibility: visible !important;
	}
}

/*.first_column_pum {
	background: top left no-repeat;
	border-radius: 9px 0 0 9px !important;
	flex: 1 !important;
	align-self: stretch !important;
	background-size: cover;
}

.first_column_pum img {
	visibility: hidden !important;
}

@media(max-width: 900px){
	.first_column_pum {
		flex: none !important;
	}
	.first_column_pum img {
		visibility: hidden !important;
	}
}*/

/* disminuir tamaño noticias en móviles */

.woocommerce-store-notice{
	font-size: 95% !important;
}

@media(max-width: 600px){
	.woocommerce-store-notice{
		font-size: 90% !important;
	}
}

/* estilo para acomodar caret down del select ordenar por en tienda */

.dark .form-flat select, .nav-dark .form-flat select {
	background: white !important;
}

/* utilidades */

.m-auto {
	margin: auto !important;
}

.max-w-900px {
	text-align: center !important;
	max-width: 900px !important;
}

.max-w-850px {
	text-align: center !important;
	max-width: 850px !important;
}

.max-w-800px {
	text-align: center !important;
	max-width: 800px !important;
}

.max-w-700px {
	text-align: center !important;
	max-width: 700px !important;
}

.max-w-600px {
	text-align: center !important;
	max-width: 600px !important;
}

.max-w-500px {
	text-align: center !important;
	max-width: 500px !important;
}

.max-w-100px {
	text-align: center !important;
	max-width: 100px !important;
}

.max-w-90px {
	text-align: center !important;
	max-width: 90px !important;
}

.max-w-80px {
	text-align: center !important;
	max-width: 80px !important;
}

/* menu pincipal madres guia de regalos morado */

#menu-item-1107889, #menu-item-1107889 a,
#menu-item-1107960, #menu-item-1107960 a,
#menu-item-1108161, #menu-item-1108161 a,
#menu-item-1108792, #menu-item-1108792 a
{
	background: #9f86bd;
	color: white
}

/* boton con ahorro de añadir al carrito */

.btn_add_to_cart_dyn {
	line-height: 2 !important; 
	padding-left: 5px; 
	padding-right: 5px; 
	display: flex !important; 
	flex-direction: column !important; 
	align-content: center !important; 
	justify-content: center !important; 
	height: 80px !important; 
	width: 96% !important; 
	margin-left: auto !important; 
	margin-right: auto !important;	
}

@media(max-width: 1250px){
	.btn_add_to_cart_dyn {
		height: auto !important; 
		min-height: 115px !important;
		width: 100% !important; 
	}
}


/*hide disccount badge except on crea tu kit page*/

/* .badge-container {
	display: none;
}

.page-id-989209 .badge-container, .page-id-249 .badge-container, .page-id-252 .badge-container, .page-id-253 .badge-container, .page-id-251 .badge-container {
	display: block;
} */

/* comment respond after clic dejar comentario button 7-6-2024 */

#comments .comment-respond {
	border-radius: 5px !important;
}

.comment-respond .submit {
	border-radius: 5px !important;
}

.stars .active::after {
	color: #fbbe0a !important;
}


/*Estilo para el icono de Sistecredito al finalizar la compra*/
li.wc_payment_method.payment_method_wcsistecredito > label[for=payment_method_wcsistecredito] > img {
    margin-left: 6px !important;
    margin-top: -7px !important;
    max-height: 40px !important;
}

/* content visibility auto (para optimizar carga web) */

.cont_v_auto {
	/* content-visibility: auto !important; */
}

/* background para botones navidad 2024 guia de regalos */

.bg_navi_btns {
	background: #ffb6e0 !important;
}

.bg_navi_btns_mx {
	background: #966530 !important;
}

/* boton menu navidad col color */ 

#menu-item-1183415, .menu-item-1183415,
#menu-item-1183897, .menu-item-1183897,
#menu-item-1184765, .menu-item-1184765 {
	background: #ffb6e0 !important;
	
}

#menu-item-1183415 a, .menu-item-1183415 a,
#menu-item-1183897 a, .menu-item-1183897 a,
#menu-item-1184765 a, .menu-item-1184765 a,
#menu-item-1186114 a, .menu-item-1186114 a {
	color: #fff !important;	
}

.nav-center .menu-item-1183415 a,
.nav-center .menu-item-1183897 a,
.nav-center .menu-item-1184765 a
.nav-center .menu-item-1186114 a {
	padding: 11px 9px 11px 11px !important;
}

#menu-item-1186114, .menu-item-1186114 {
	background: firebrick !important;
}

@media(max-width: 700px) {

	.nav-center .menu-item-1183415 a,
	.nav-center .menu-item-1183897 a,
	.nav-center .menu-item-1184765 a,
	.nav-center .menu-item-1186114 a {
		padding: 11px 9px 11px 11px !important;
	}

}




/* boton menu madres 2025 #eeb7c1 */ 

#menu-item-1246395, .menu-item-1246395,
#menu-item-1246485, .menu-item-1246485,
#menu-item-1246564, .menu-item-1246564 {
	background-color: #eeb7c1 !important;
}

#menu-item-1246395 a,
#menu-item-1246485 a,
#menu-item-1246564 a {
	color: #fff !important;
}

@media(max-width: 850px) {

	.menu-item-1246395 a,
	.menu-item-1246485 a,
	.menu-item-1246564 a {
		color: #fff !important;
		padding-left: 7px !important;
		padding-right: 4px !important;
	}

}

/*BLOG*/
h1.text-blog {
	font-size: clamp(2rem, 5vw, 3.5rem);
}

h2.text-blog {
	font-size: clamp(1.5rem, 3vw, 2.5rem);
	text-wrap: balance;
}

h3.text-blog {
	font-size: clamp(1.25rem, 2vw, 1.75rem);
}

.text-blog {
	font-size: clamp(1rem, 1.2vw, 1.25rem);
	text-align: justify;
}

.text-center {
	text-align: center;
}

.blog-gris {
	background: #F4F4F4;
}

.post-layout-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 20px;
    margin-top: 40px;
}
.post-layout-grid .left img {
    width: 100%;
}
.post-layout-grid {
	background: #F4F4F4;
}
.post-layout-grid .right h1 {
	font-size: clamp(2rem, 5vw, 3.5rem);
	text-align: center;
	text-wrap: balance;
}
@media only screen and (max-width: 48em) {
    .post-layout-grid {
        grid-template-columns: 1fr;
    }
}