/*
 Theme Name:   Mundibox 2022
 Description:  Tema para Mundibox
 Template:     storefront
 Text Domain:  mundibox
 Version:      2.0.0
*/


/* Custom CSS by USM for Mundibox */

h1{ font-size: 32px; line-height: 36px; margin-bottom: 40px; color: rgb(0, 79, 179);}
h2, h3, h4, h5, h6{color: #004fb3;}
.widget .widget-title, .widget .widgettitle { padding-bottom: 0; border-bottom: 2px solid; }

.the-content, .site-main {background-color: #ffffffba; padding: 2em; margin-top: 2em;}
.the-content h1,  h1.entry-title {color: rgb(251, 139, 0);font-weight: 700;text-align: center;}
.the-content h2, .tituloh2{color: rgb(0, 79, 179); font-size: 25px; font-weight: 700; margin-top: 0;}


.the-content a, .experiencia a { color: #004fb3; text-decoration: underline; }
.the-content a:focus, .the-content a:hover, .experiencia a:focus, .experiencia a:hover { color: #555965; }

.the-content strong { color: #555965; }

* { font-weight: 500; font-size: 16px; }

img { border-radius: 0; }

label { cursor: pointer;}

header { background-size: 100%; }
#masthead { margin-bottom: 0; }
.content-area, .widget-area { margin-top: 60px; }
.site-content { margin-bottom: 40px; }

.page-template-default .col-full { margin: ;}
section { display: block; margin: 0 auto; width: 100%; padding: 40px 0; text-align: center; font-weight: bold;}
.home section p { margin: 30px 0; font-size: 25px; line-height: 30px; }
section p.h2 { margin: 16px 0; font-size: 34px; line-height: 38px; }
section p.h2.big { margin: 30px auto 60px; background: #fb8b00c9; padding: 1em; color: white; font-weight: 600; margin: 5px 0;}
section p.h3 { margin: 30px 0; font-size: 25px; line-height: 30px; }
section.dark { background-image: url(../../uploads/2016/11/bg-header.jpg); background-size: 100%; color: #fff;}
section img { display: block; margin: 0 auto; max-width: 100%; height: auto; }
section img.icos-home { margin: 20px auto 40px; }

.friends { padding: 40px 0;}

.subtitle { font-size: 20px; }

.packs-home { width:100%; margin: 60px auto 40px; }
.box-home, .box-home-text { display: inline-block; width: 49%; vertical-align: top; }
.naranja .box-home, .naranja .box-home-text, .azul .box-home, .azul .box-home-text { vertical-align: middle; }
.box-home:first-child { padding-right: 1%; }
.box-home a { color: #000; }
.box-home a:hover, .box-home a:focus { text-decoration: underline; color: #000;}
.box-home p { margin: 20px auto; }
.box-home-text { background-color: #ffffffba; padding: 10px 40px; text-align: center; color: #004fb3;}
.box-home-text p { padding: 0 20px; line-height: 20px; text-align: left; margin-bottom: 50px; }
.box-home img { padding: 20px 0;}
.box-home-text .precio{margin: 16px 0 30px; font-size: 60px; line-height: 64px; color: #fb8b00; font-weight: bold; text-align: center;}

.minilista-experiencias { display: table; margin: 0 auto; background: #ffffffba; color: #004fb3; width: 100%; padding: 10px 40px; text-align: left; }
.minilista-experiencias a { color: #004fb3 ; }
.minilista-experiencias a:hover, .minilista-experiencias a:focus { color: #003f5d; }
.minilista-experiencias h3 { text-align: center; margin: 20px 0; color: #fb8b00; font-weight: 600;}
.minilista-experiencias article { display: inline-block; padding: 20px; text-align: left; color: #000000; width: 25%; }
.hentry .wp-post-image { background: rgba(154, 122, 93, 0.55); padding: 20px; max-width: 80%; box-sizing: content-box; }

button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .added_to_cart.alt, .widget-area .widget a.button.alt, .added_to_cart, .pagination .page-numbers li .page-numbers.current, .woocommerce-pagination .page-numbers li .page-numbers.current, .widget a.button.checkout { background-color: #f58b31; border: none; }

button.alt:hover, input[type="button"].alt:hover, input[type="reset"].alt:hover, input[type="submit"].alt:hover, .button.alt:hover, .added_to_cart.alt:hover, .widget-area .widget a.button.alt:hover, .added_to_cart:hover, .widget a.button.checkout:hover  { background-color: #dc7218; border: none;}
.box-home-text .pboton { width: 100%; margin-bottom: 0;}
.box-home-text .pboton a.boton { width: 100%; text-decoration: none;}

p.pboton { margin: 40px auto;}

a.boton { background-color: #f58b31; display: table; margin: 20px auto; padding: 10px 20px; color: #fff; line-height: 20px; font-size: 24px; text-align: center; text-decoration: none;}
a.boton-inline { background-color: #f58b31; padding: 4px 8px; color: #fff; line-height: 18px; font-size: 16px; }
a.boton span { font-size: 16px; }
.white a.boton { background-color: #fff; color: #ae8d68; }
a.boton:focus, a.boton:hover, a.boton-inline:hover, a.boton-inline:focus { background-color: #dc7218; color: #fff; text-decoration: none; }
.azul a.boton { background-color:  #004fb3;}
.azul a.boton:focus, .azul a.boton:hover { background-color: #003f5d; }
a.boton img { display: inline-block; vertical-align: middle; padding-right: 10px; }

.box-home-text.minibox { margin-top: 72px; }
img.minibox { margin-top: -72px;}

.minilista-experiencias h4 { color: #004fb3; margin: 10px 0; padding: 0; line-height: 21px;}
.minilista-experiencias h4 a{font-weight: 600;}
.site-footer { background-image: url(../../uploads/2022/06/cropped-imagen_fondo.jpg) !important; background-size: 100%; }
.site-info { border-top: 2px solid #fff; margin-top: 40px;}
.site-info img { display: inline-block; }
.site-info p { margin: 0; padding: 0;}
.site-info p.img { margin-top: -15px; }
body.custom-background { background-size: 100%; }
.woocommerce-breadcrumb, #reviews .commentlist li .comment_container { background-color: rgba(0,0,0,.2); color: #000; }
.woocommerce-breadcrumb a, #reviews .commentlist li a { color: #000; }

.widget_archive ul li:before, .widget_categories ul li:before, .widget_links ul li:before, .widget_nav_menu ul li:before, .widget_pages ul li:before, .widget_recent_comments ul li:before, .widget_recent_entries ul li:before { opacity: 1; }

.experi { padding: 20px 20px 0; text-align: left; background-color: rgba(154, 122, 93, 0.55); color: #fff; margin-top: 40px; }
.experi h1 { color: #fff; }
.selectores { text-align: center; margin-bottom: 20px; }
.experi select { height: 32px;border: none;padding: 2px 10px;outline: none; margin-left: 10px; }
article.item-experiencia { display: inline-block; vertical-align: top; width: 33%; padding: 20px; }
.item-experiencia h2 { color: rgb(0, 79, 179); line-height: 24px; padding-bottom: 2px; font-size: 20px;}
.item-experiencia h2 a { color: rgb(0, 79, 179);  font-size: 20px; line-height: 28px; font-weight: 700; text-decoration: none;}
.item-experiencia h2 a:focus, .item-experiencia h2 a:hover { text-decoration: none; color: #003f5d; font-size: 20px !important;}
.item-experiencia img { margin-bottom: 10px; width: 288.017px; height: 161.833px; object-fit: contain;}
.item-experiencia a.button { margin-right: 10px; margin-bottom: 10px; background-color: #fb8b00; color: #fff; text-decoration: none;}
.item-experiencia a.button:hover, .item-experiencia a.button:focus { background-color: #dc7218; color: #fff;}


#experiencias-tematicas p.experiencias-titulos{ color: rgb(0, 79, 179); font-size: 30px; }
#experiencias-tematicas div.experiencias-tipo-tematico{ display: grid; grid-template-columns: 30% 30% 30%; column-gap: 1%; 	justify-content: space-between; box-sizing: border-box; }
#experiencias-tematicas div.experiencias-tipo-tematico div.caja-experiencia-tematica a img.img-decoracion-tematico{ height: 12em; width:auto; }
#experiencias-tematicas div.experiencias-tipo-tematico div.caja-experiencia-tematica p.etiqueta-experiencias{ padding: 1%; margin: 4% 10%; background-color: #fb8b00; box-shadow: -5px -5px #9a7a5d; }
#experiencias-tematicas div.experiencias-tipo-tematico div.caja-experiencia-tematica p.etiqueta-experiencias:hover{ background-color: #dc7218; }
#experiencias-tematicas div.experiencias-tipo-tematico div.caja-experiencia-tematica p.etiqueta-experiencias a{ text-decoration: none; color: white; font-weight: 600; font-size: 16px; }
/*Formulario*/
div.wpcf7 {  background-color: #004fb3; color: white; padding: 3%; }
.input-text, input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], textarea { background-color: rgba(255, 255, 255, 0.63); }
.input-text:focus, input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, textarea:focus { background-color: rgba(255, 255, 255, 0.63); }
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .added_to_cart, .widget a.button, .site-header-cart .widget_shopping_cart a.button { background: #fb8b00; color: white; }
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .added_to_cart:hover, .widget a.button:hover, .site-header-cart .widget_shopping_cart a.button:hover { background-color:  #dc7218; color: #fff; }
.titulo-formulario{font-size: 20px; font-weight: 600; border-bottom: 3px white solid; text-align: center;}
.mundiheader { margin-top: 60px; }
.medicusheader { margin: 60px auto; }

footer { background-image: url(../../uploads/2022/06/cropped-imagen_fondo.jpg) !important; }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #333;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #333;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #333;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #333;
}

.single-product.right-sidebar .content-area { float: none; margin-right: 0; width: 100%; }

.woocommerce-info, .woocommerce-noreviews, p.no-comments { background-color: #f58b31; }
#reviews .woocommerce-Reviews-title { font-weight: 600; }

.page-template-template-ancho h1, .page-template-template-ancho h2.top { margin-top: 60px; }

.dos-col { display: inline-block; width: 33%; vertical-align: top; padding: 0 10px;}
.dos-col .input-text, .dos-col input[type=text], .dos-col input[type=email], .dos-col input[type=url], .dos-col input[type=password], .dos-col input[type=search], .dos-col textarea { width: 100%; }

.colaboradores { text-align: center; }
.colaboradores li { display: inline-block; vertical-align: middle; text-align: center; height: auto; max-width: 200px; max-height: 150px; margin: 3%; }
.colaboradores li .direccion { display: none; }
.pventa{text-align: center;}
.pventa li { display: inline-block; vertical-align: top; padding: 20px; box-sizing: border-box; text-align: center }
.pventa li a img, .pventa li img{max-width: 250px; margin: auto }
.pventa li div.direccion a{
	color: #555965;
	text-decoration: none;
}
.pventa strong { font-size: 20px; line-height: 24px; }

tr.order-total > th:after {content: " (IVA incluido)";}
.product_meta { display: none; }

.storefront-handheld-footer-bar ul.columns-3 li.my-account, .storefront-handheld-footer-bar ul.columns-3 li.search { display: none; }
.storefront-handheld-footer-bar ul.columns-3 li.cart { width: 100%; }

.rsocial { float: right; display: table; } 
.rsocial a { display: inline-block; padding-left: 5px; }
.rsocial img:hover { opacity: 0.8; }

h2 label { font-size: 22px; line-height: 26px; cursor: pointer; }

.page-id-160 .experiencias ul { margin: 0; }
.page-id-160 .experiencias li { list-style: none; }
.page-id-160 .experiencia {display: inline-block;vertical-align: top;width: 30%;padding: 1%;margin: 1%;text-align: center;}
.page-id-160 .experiencia a { display: block; background-color: #fb8b00; color: white; text-decoration: none; padding: 5px 10px; margin-top: 10px; }
.page-id-160 .experiencia a:hover, .page-id-160 .experiencia a:focus { background-color: #dc7218; }
.page-id-160 .hentry .wp-post-image { box-sizing: border-box}
.form-experiencia {
    position: fixed;
    bottom: 15px;
    background: #020202;
    height: auto;
    box-shadow: 5px 5px 5px #000;
    border: 1px solid #000;
    margin-bottom: 10px;
    padding: 10px;
    opacity: 0.9;
}

.fondo-transparente{
	padding: 1em 4em;
	background-color: #e1e1e15c;
	box-sizing: border-box;
}

.storefront-breadcrumb{
	background: #ffffffdb;
	border-top: 4px #9a7a5d solid;
	padding: 0;
	margin: 0 0 1.618em;
}
.woocommerce-breadcrumb, .woocommerce-breadcrumb a{
	background-color: white;
	color: #9a7a5d;
}

.sumario{
	display: grid;
	grid-template-columns: auto auto;
	border-bottom: 1px orange dotted;
	padding: 1%;
	margin-bottom: 3em;
	border-top: 1px orange dotted;
}

.sumario p a{
	color: #004fb3;
}

.sumario p a:hover{
	color:  #003f5d;
}
/**************HOME*************/
//HOME BANNER
section#banner, section#descripcion-mundibox{
	padding: 1.5em 0 !important;
	box-sizing: border-box;
}
.home-naranja-blanco{
	color: white;
	background-color: rgba(251, 139, 0, 0.89);
	padding: 1%;
	font-size: 1.6em;
}
.home-transparente-azul{
	color: rgb(0, 79, 179);
	background-color: #ffffffba;
	margin: 0 4% !important; 
	padding: 1%; 
	font-size: 1.6em;
}

.avisos_home{
	font-size: 15px !important; 
	margin: 0 4em !important;
	font-style: italic; 
	padding: 1em; 
	line-height: 15px !important;
	color: black; 
	background-color: #ffffffc4;
}
#descripcion-mundibox .interior_mas_info_uno{
	display: block;
	justify-content: center;
	box-sizing: border-box;
}

.interior_banner, #descripcion-mundibox .interior_mas_info_dos{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 3%;
}


.caja-banner{
	flex: 35%;
	padding: 1em;
}
.marco-blanco{
	padding: 1em; 
	background-color: #ffffffa1;
}
//HOME COMO FUNCIONA
#titulo_1_home{
	color: white; 
	background-color: rgb(251, 139, 0);
	padding: 1em;
}
.cajas-home{
	display: flex;
	justify-content: space-between;
	color: white;
	flex-wrap: nowrap;
}
.caja-individual-home{
	flex: 33%;
	margin: 1%;	
}

.caja-borde-home{
	border: 3px rgb(251, 139, 0) solid;
	padding: 1em;
	background-color: rgba(154, 122, 93, 0.55);
}
.caja-borde-home:hover{
	background-color: rgb(251, 139, 0);
}
.caja-sin-borde-home{
	background-color: rgb(251, 139, 0);
	padding: 1em;
}
.caja-sin-borde-home:hover{
	border: 3px #004fb3 solid;
	background-color: rgb(251, 139, 0);
}

.titulo-caja-naranja{
    background-color: rgb(251, 139, 0);
    font-size: 1.3em;
    font-weight: 600;
}
.titulo-caja-azul{
	background-color: #004fb3;
    font-size: 1.3em;
	font-weight: 600;
}
#descripcion-mundibox div div.masinfo * {
	font-size: 22px !important;
}
#descripcion-mundibox div div.masinfo p{
	padding: 0px 10px;
}
#descripcion-mundibox div div.masinfo p.boton, {
	padding: 10px 20px;
}

/*Mapa - Si cambia el id del mapa, modificar esta propiedad*/
#map-container-1386{
	margin: 4% auto auto auto;
	
}


//EXPERIENCIAS


#caja-info-basica{
	background-color: white; 
	padding: 1em; 
	border: 3px dotted #fb8b00;
}
#caja-info-basica p span.experiencia-info-letras, #patrocinio p.experiencia-info-letras{
	color: rgb(251, 139, 0);
	font-weight: 600;
}
#caja-info-basica p span.experiencia-unidades-disponibles{
	background-color: rgb(0, 79, 179);
	color: white;
	font-weight: 600;
	padding: 0 0.5%;
}
#logos-patrocinadores .logos-patrocinio{
	height: 10em; 
	width: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 1%;
}
#logos-patrocinadores .text-patrocinio{
	text-align: center;
	font-size: 4em;
}

.exp-campos{
	color: rgb(251, 139, 0);
}

/*PRODUCTOS WOOCOMMERCE*/
p.price{
	text-align: center;
	color: #fb8b00;
}

p.price span, p.price span bdi{
	font-size: 20px;
	font-weight: 600;
}

/*BOTONES*/

button.button, a.button{
	color: white;
	background-color: #fb8b00;
}

button.button:hover, a.button:hover,
	color: white;
	background-color: #dc7218;
}

/*MENU DE NAVEGACION*/
.main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children{
	background-color: #9a7a5d;
}

/*CESTA DE LA COMPRA*/
.widget_shopping_cart_content{
	background-color: #9a7a5d;
}

/*TAMAÑO IMGS CUPON DESCUENTO*/
#post-160 .experiencias ul li.experiencia img{
	height: 150px;
  	object-fit: cover;
  	object-position: center center;
}
#post-160 .experiencias ul li.experiencia .verbotoncupon{
	max-height: 70px;
	min-height: 70px;
}

.storefront-breadcrumb{
	    margin: 0 0 0em !important; 
}

//Tabla de contenidos
	.wp-block-ht-block-toc .htoc__title {font-size: 20px;color: #004fb3;}
	.wp-block-ht-block-toc .htoc__itemswrap .ht_toc_list li a{color: #004fb3;}
	.wp-block-ht-block-toc .htoc__itemswrap .ht_toc_child_list a{color: #fb8b00 !important;}

html {
  scroll-behavior: smooth;
}

@media (min-width: 768px) {
	.storefront-primary-navigation { background: rgba(0,0,0,.2); }
	.site-header-cart .cart-contents .count { font-weight: 400; opacity: 1; }
	.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a { padding: 1.618em 0.5em; }
	.col2-set .form-row-first { width: 40%; margin-right: 3%; } 
	.col-full {
  	max-width: 75em !important;
	}
	.item-experiencia div.exptitulos{
		height: 5em;
		align-items: center;
		display: flex;
		justify-content: center;
		box-sizing: border-box;
	}
	
	.item-experiencia div.expdescripcion{
		height: 9em;
		align-items: center;
		display: flex;
		justify-content: center;
		box-sizing: border-box;
	}
	.item-experiencia div.expdatosbasicos{
		height: 9em;
		margin-bottom: 3%;
		box-sizing: border-box;
	}
	.item-experiencia p.expboton{
		margin: 5%;
	}
	.wp-block-ht-block-toc div.htoc__itemswrap ul.ht_toc_list{ column-count: 2;}

				
		
	}
	
	
	
}
@media (max-width: 989px) { .page-id-160 .experiencia { width: 45%;} }

@media (max-width: 960px) { 
	article.item-experiencia { width: 50%; } 
	.cajas-home{ flex-wrap: wrap;}
	.caja-individual-home{flex: 100%;}
	.interior_banner, #descripcion-mundibox .interior_mas_info_dos {
		flex-direction: column;
	}
	
	
	.wpcf7-form div.dos-col{
		width: 100%;
	}
}

@media (max-width: 790px) { .box-home { width: 100%; } .box-home:first-child { padding: auto 5px; } }

@media (max-width: 768px) { 
	article.item-experiencia { width: 100%; padding-right: 0; }
	.minilista-experiencias article { width: 50%; }
	.box-home, .box-home-text { width: 100%; }

}

@media (max-width: 699px) { .page-id-160 .experiencia { width: 100%; margin: 0 auto 20px; border-bottom: 2px solid #fff; padding-bottom: 30px; }}

@media (max-width: 600px) { 
	.rsocial { display: none; } 
}
   @media (min-width: 66.4989em) {
	   .storefront-align-wide.page-template-template-fullwidth-php .hentry .entry-content .alignwide, .storefront-align-wide.storefront-full-width-content .hentry .entry-content .alignwide{
	padding-left: 5em !important;
		   }
}