/*
 Theme Name:   Ceballos Child
 Theme URI:    https://www.ceballos.pro
 Description:  Tema hijo de Ceballos
 Author:       M1000
 Author URI:   https://www.ceballos.pro
 Template:     ceballos
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.ceballos.pro
 Text Domain:  ceballoschild
*/



@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');



:root{
		--color-ceb-base: #0C1B2C;/*Utilizado para textos como parrafos, span y select (es un gris muy oscuro)*/
		--color-ceb-principal:#704a25; /*Utilizado para fondos de botones, strong, hover, anchor, span (funcionan como los strong pero sin bold)*/
		--color-ceb-oscuro:#000000; /*Utilizado para títulos, para fondo, para el menú, para los anchor*/
		--color-ceb-gris:#f8f9fd;/*utilizado para fondos*/
		--color-ceb-gris-oscuro:#022b60; /*utilizado para bordes (es un gris menos oscuro que el base*/
		--color-ceb-blanco:#fff;
		--color-ceb-overlay: #0000006b;
		--color-ceb-radial-gradient:radial-gradient(#0000008c 10px, #00000045 40%, #00000000 60%);
		
		--tamano-fuente-h2:calc(var(--tamano-fuente-base)*2.89); /*2.25rem*/
		--tamano-fuente-h1:calc(var(--tamano-fuente-base)*3.7); /*3.25rem;*/ 
	}
		@media(max-width:900px){
			:root{
				--tamano-fuente-h1:calc(var(--tamano-fuente-base)*2); /*3.25rem;*/ 
				--tamano-fuente-h2:calc(var(--tamano-fuente-base)*1.7); /*2.25rem*/
			}
			.ceb-top .ceb-contenedor {
					width: calc(var(--width-contenedor-max)) !important;
					max-width: calc(var(--width-contenedor-max)) !important;
				}
			.ceb-cls-column-x3.mkt-var2 > *{
				max-width: 100% !important;
			}
			.ceb-cls-column-x3.mkt-var2{
				gap: 90px !important;
			}
			.ceb-bloque .ceb-contenedor-sub-sub > div{
				gap: var(--padding-base-mitad) !important;
			}
			.ceb-cls-column-x3.mkt-var4{
				    justify-content: center !important;
					flex-direction: row !important;
					flex-wrap: wrap !important;
			}
			.ceb-cls-column-x3.mkt-var4 > *{
				max-width:40% !important;
			}
			.ceb-cls-column-x3.mkt-var1 > *{
				max-width: 100% !important;
			}
				.ceb-cls-column-x3.mkt-var1 figure{
					margin: 0 auto !important;
				}
				.ceb-cls-column-x3.mkt-var1 h3, .ceb-cls-column-x3.mkt-var1 p{
					text-align:center !important;
				}
		}
	.ceb-btn a, button{
		 width: fit-content;
	}
	.mkt-altas{
		font-family: "Marcellus", serif;
		text-transform: uppercase;
		letter-spacing: 8px;
	}
	
	.ceb-head .ceb-menu .menu a, .ceb-btn a, button{
		font-family: "Marcellus", serif !important;
		letter-spacing: 1px;
	}
	.ceb-top i, .ceb-top li:before, .ceb-top :is(a,p,span,li){
		color: #c5c5c5;
	}
	.ceb-top :is(a,p,span,li) :hover, .ceb-top .ceb-contenedor .ceb-menu .menu a:hover{
		color: #fff;
	}
	
	h1,h2,h3,h4,h5{
		font-family: "Montserrat", serif;
		letter-spacing: -1.2px;
	}
	
	:is(h1,h2,h3,h4,h5) strong{
		font-weight: 900 !important;
	}
	
	h1{
		    font-size: calc(var(--tamano-fuente-h1)*0.9);
	}
		h1 strong{
			font-size: var(--tamano-fuente-h1);
		}
	h2{
		font-size: calc(var(--tamano-fuente-h2)*0.9);
		font-weight: 300;
	}
		h2 strong{
			font-size: var(--tamano-fuente-h2);
		}
	
	.ceb-cmp-slide-2 .ceb-contenedor-sub h1, .ceb-cmp-slide-1 .ceb-contenedor-sub h1{
		color: #fff;
		font-weight: 300;
	}
	.ceb-fondo-principal h2 strong{
		color: #fff !important;
	}
	.ceb-cls-column-x3.mkt-var1{
		
	}
		.ceb-cls-column-x3.mkt-var1 > *{
			min-width: 20%;
			max-width: 20%;
		}
		.ceb-cls-column-x3.mkt-var1 .ceb-h{
			gap:0 !important;
		}
		.ceb-cls-column-x3.mkt-var1 figure{
			width: 30% !important;
		}
		.ceb-cls-column-x3.mkt-var1 > * .wp-block-column{
			gap: calc(var(--padding-base) / 3);
		}
	.ceb-cls-column-x3.mkt-var2{
		justify-content: flex-start;
	}
		.ceb-cls-column-x3.mkt-var2 > *{
			min-width: 20%;
			max-width: 20%;
		}
	 .ceb-cls-column-x3.mkt-var2 .ceb-bloque .mkt-cont > *{
		display: flex;
		flex-direction: column;
		position: relative;
	 }
		.ceb-cls-column-x3.mkt-var2 .ceb-bloque .mkt-cont figure {
			border-radius: 10px;
			overflow: hidden;
			box-shadow: var(--sombra-base);
		}
		.ceb-cls-column-x3.mkt-var2 .ceb-bloque .mkt-cont .ceb-contenedor-sub-sub{
			position: absolute;
			bottom: 0; 
			width:100%;
			height:100%;
			background: linear-gradient(rgba(0, 0, 0, 0) 55.11%, rgba(0, 0, 0, 0.9) 100%);
			border-radius: 10px;
		 }
			 .ceb-cls-column-x3.mkt-var2 .ceb-bloque .mkt-cont .ceb-contenedor-sub-sub > *{
				gap: 0;
				padding: 10px;
				justify-content: flex-end;
			 }
			 .ceb-cls-column-x3.mkt-var2 .ceb-bloque .mkt-cont .ceb-contenedor-sub-sub strong{
				 font-weight: 800;
				font-size: calc(var(--tamano-fuente-base)* 1.3);
				color:#fff;
			 }
		 .ceb-cls-column-x3.mkt-var2 h3, .ceb-cls-column-x3.mkt-var2 h3 strong{
			 color:#fff;
		 }
	.ceb-cls-column-x3.mkt-var2 .ceb-bloque .ceb-contenedor-sub-sub{
		
	}
	
	.ceb-cls-column-x3.mkt-var4{
		justify-content: flex-start;
	}
		.ceb-cls-column-x3.mkt-var4 > *{
			min-width: 15%;
			max-width: 15%;
		}
		.ceb-cls-column-x3.mkt-var4 figure{
			aspect-ratio: 1 / 1;
			overflow: hidden;
			border-radius: 10px;
			box-shadow: var(--sombra-base);
		}
		.ceb-cls-column-x3.mkt-var4 figure img{
			min-height: 100%;
			min-width: 100%;
		}
		.ceb-cls-column-x3.mkt-var4 .ceb-contenedor-sub-sub .wp-block-column{
			gap: 5px;
		}
			.ceb-cls-column-x3.mkt-var4 .ceb-contenedor-sub-sub .ceb-h{
				font-size: calc(var(--tamano-fuente-h3)* 0.7);
			}
			.ceb-cls-column-x3.mkt-var4 .ceb-contenedor-sub-sub p{
				font-size: calc(var(--tamano-fuente-base)* 0.8);
			}
	
	.ceb-cmp-slide-2.mkt-var1 > div > div:last-of-type{
		background: linear-gradient(45deg, black 5%, transparent 90%);
	}
	.entry-content.wc-tab{
		display: block !important;
	}
	
	.ceb-btn.fa-chevron-down a:after{
		content:"\f078" !important;
	}
	
	.ceb-lista.var4.svar1{
		display: flex;
		flex-direction: row !important;
		list-style: none;
	}
		.ceb-lista.var4.svar1 li{
			width: 50%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			text-align: center;
			border: 1px dashed #9c9c9c;
			padding: 24px;
		}
			.ceb-lista.var4.svar1 li strong{
				font-size:30px;
			}
	@media(max-width:900px){
			:root{
				--width-contenedor: 80%;
				--width-contenedor-max: 80%;
				--width-contenedor-max-light: 75%;
			}
			.ceb-lista.var4.svar1{
				flex-direction: column !important;
			}
			.ceb-lista.var4.svar1 li{
				width: 100%;
			}
	}

/*mkw*/
		.mkw-var1 .ceb-cls-column-x3.mkt-var2 h3, .ceb-cls-column-x3.mkt-var2 h3 strong{
			color:#000 !important;
		}
			.mkw-var1 .wp-block-columns.ceb-contenedor-sub-sub .wp-block-column p{
				color:#fff;
			}
			.mkw-var1 .ceb-cls-column-x3.mkt-var2{
				justify-content: center;
			}
			
		.mkw-var2 .ceb-cls-column-x3.mkt-var4{
				justify-content: center;
			}
		
		.mkw-var3 .ceb-cls-column-x3.mkt-var2{
				justify-content: center;
			}
		.mkw-post-main{
			padding: var(--padding-base) 0;
			display:flex;
			flex-direction:column;
			gap:var(--padding-base);
		}
			.mkw-post-main .ceb-main-head-title{
				width:100%;
				display:flex;
				flex-direction:column;
				gap:var(--padding-base-mitad);
			}
				.ceb_migas{
					display:flex;
					flex-direction:row;
				}
			.mkw-post-main .ceb-thumbnail{
				width:100%;
				border-radius: 10px;
				overflow: hidden;
				max-height:400px;
				display:flex;
				align-items:center;
			}
				.mkw-post-main .ceb-thumbnail img{
					width:100%;
					height:auto;
				}
			
			.mkw-post-main .ceb-main-contenido{
				background:var(--color-ceb-gris);
				padding:var(--padding-base) 0;
			}
				.mkw-post-main .ceb-single-post{
					width:70%;
					background:var(--color-ceb-blanco);
					padding:var(--padding-base);
					margin: 0 auto;
					display:flex;
					flex-direction:column;
					gap:var(--padding-base);
				}
		.mkw-post-menu{
			position: sticky;
			top: 0px;
			background: #fff;
			width: 100%;
			padding: 20px !important;
			margin: 0 !important;
			box-shadow: 0px 2px 5px 0px #00000012;
		}
			.mkw-post-menu ul{
				width:100% !important;
				display:flex;
				flex-direction:row;
				gap:5px;
				list-style:none;
				justify-content: flex-start;
				padding: 0 !important;
			}
				.mkw-post-menu ul li a{
					text-decoration:none;
				}
				.mkw-post-menu ul li a:after{
					color: #ccc;
					content: "|";
					margin: 0 .75rem;
					position: relative;
					left: 2px;
				}
				.mkw-post-menu ul li a.mkv-post-menu-visible{
					border-bottom: 5px solid var(--color-ceb-principal);
					color: #ea0558;
					font-weight: 500;
				}
		.mkw-iframe > .wp-block-column{
			display:flex;
			justify-content:center;
		}
				
	@media(max-width:900px){
		
		.mkw-post-main .ceb-single-post{
			width:100%;
		}
		
	}
	
/*ceb-woo*/
	.ceb-woo .ceb-contenedor{
		margin: var(--padding-base) auto;
	}
	.ceb-woo #main{
		display:flex;
		flex-direction:column;
		gap: var(--padding-base-mitad);
	}
		.ceb-woo .summary.entry-summary .price, .ceb-woo  .product.type-product .woocommerce-Price-amount.amount, .ceb-woo  .product.type-product .product_meta, .ceb-woo .related.products{
			display:none !important;
		}
		.ceb-woo .summary.entry-summary{
			padding: 30px;
			box-shadow: var(--sombra-base);
			display:flex;
			flex-direction:column;
			gap:35px;
			height: fit-content;
			position: sticky;
			top: 0px;
		}
			.ceb-woo .woocommerce-product-details__short-description{
				display:flex;
				flex-direction:column;
				gap:0;
			}
			.ceb-woo .woocommerce-product-details__short-description h4{
				font-size: 36px !important;
				color: var(--color-ceb-principal);
				padding: 7px 0 0 0;
			}
			.ceb-woo .woocommerce-product-details__short-description em{
				font-size: 12px !important;
				color: var(--color-ceb-overlay) !important;
				font-style: normal !important;
			}
			.ceb-woo form.cart{
				display:flex;
				flex-direction:column;
				gap:15px;
			}
				.ceb-woo form.cart .input-text{
					width: 100%;
					padding: 0px 10px;
					height: 30px;
					border-radius: 5px;
				}
				.ceb-woo form.cart .single_add_to_cart_button{
					width: 100%;
					font-family: "Marcellus", serif !important;
					letter-spacing: 1px;
					font-size: var(--tamano-fuente-base);
					border: none;
					cursor: pointer;
				}
		.ceb-woo .woocommerce-breadcrumb{
			display:flex;
			flex-direction:row;
			gap:5px;
			align-items: center;
		}
		.ceb-woo #hmsfecha{
			display:none !important;
		}
		.ceb-woo .product{
			display:flex;
			flex-wrap:wrap;
			gap: var(--padding-base-mitad);
		}
			.ceb-woo .woocommerce-product-gallery {
				width:100%;
			}
				.ceb-woo .woocommerce-product-gallery__wrapper{
					display:flex;
					flex-wrap:nowrap;
					gap:5px;
					width: 100%;
					overflow: hidden;
				}
					.ceb-woo .woocommerce-product-gallery__wrapper > div{
						width:25%;
						aspect-ratio: 1 / 1;
						height: auto;
						overflow: hidden;
						min-width: 25%;
					}
					.ceb-woo .woocommerce-product-gallery__wrapper > div img{
						width: 100% !important;
						height: auto !important;
					}
			.ceb-woo .summary{
				width:28%;
				padding-right: 2%;
			}
			.ceb-woo .woocommerce-tabs{
				width:70%;
				padding-left: 2%;
			}
				.ceb-woo .tabs.wc-tabs, .ceb-woo .woocommerce-Tabs-panel > h2{
					display:none;
				}
				.ceb-woo .tabs.wc-tabs, .ceb-woo .woocommerce-Tabs-panel .wp-block-columns h2{
					margin-top:20px;
				}
				.ceb-woo .woocommerce-Tabs-panel {
					display:flex !important;
					flex-direction:column;
					gap: var(--padding-base);
				}
					.ceb-woo .woocommerce-Tabs-panel > .wp-block-columns{
						margin-bottom: 25px;
						border-bottom: 1px #d1d1d1 dotted;
						padding-bottom: 50px;
					}
					.ceb-woo .woocommerce-Tabs-panel .wp-block-column{
						display:flex;
						flex-direction:column;
						gap:var(--padding-base-mitad);
					}
						.ceb-woo .woocommerce-Tabs-panel .wp-block-column ul{
							width: 90%;
							padding-left: 5%;
						}
		
		
		.ceb-woo .ceb-calenar-container{
			padding:0 !important;
			margin: 0 0 10px 0 !important;
			min-height: 304px;
		}
			.ceb-woo .ceb-calendar{
				display: flex;
				flex-direction: column;
				gap: 16px;
			}
			.ceb-woo .ceb-calendar header{
				padding: 0 !important;
				margin: 0 !important;
			}
				
			.ceb-woo .ceb-calendar .days, .ceb-woo .ceb-calendar .week{
				padding: 0 !important;
				gap: 6%;
				width: 100%;
			}
			.ceb-woo .ceb-calendar .week div, .ceb-woo .ceb-calendar .days div{
				height: 2rem !important;
				width: 1em !important;
			}
			.ceb-woo .ceb-calendar pre{
				padding: 10px 0 !important;
			}
	
	.ceb-woo .mkw-btn-disponibilidad{
		display:none !important;
	}
	.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout{
		width: var(--width-contenedor) !important;
		max-width: var(--width-contenedor-max) !important;
		margin: 100px auto !important;
	}


	@media(max-width:900px){
			.ceb-woo #main{
				width: 90%;
				margin: 0 auto;
			}
			.ceb-woo .woocommerce-breadcrumb{
				flex-wrap: wrap;
			}
			.ceb-woo .summary{
				width:100%;
			}
			.ceb-woo .woocommerce-tabs{
				width:100%;
			}
			.ceb-woo .summary.entry-summary{
				position:relative;
			}
			.ceb-woo .ceb-contenedor{
				width: 95% !important;
				max-width: 95% !important;
			}
			.mkw-post-menu{
				display:none;
			}
			.ceb-woo .tabs.wc-tabs, .ceb-woo .woocommerce-Tabs-panel .wp-block-columns h2{
				font-size: calc(var(--tamano-fuente-h2) * 1.3);
			}
			.ceb-woo .mkw-btn-disponibilidad{
				display:flex !important;
				justify-content: flex-start !important;
			}
				.ceb-woo .mkw-btn-disponibilidad a:after{
					content:"\f106" !important;
				}
		}