/*
 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
*/


/****	2. Variables modificables	****/

	@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');


	:root{
		--familia-fuente-principal:"DM Sans", sans-serif; /*usado para todo*/
		--familia-fuente-secundaria: "DM Sans", sans-serif;/*usada para titulos*/
		
		--color-ceb-base: #0c1b2c; /*#2 - Negro azul  oscurado */
		--color-ceb-principal:#FF5A60; /*#3 - Morado */ 
		--color-ceb-principal-dos:#F3EBDD;  /* #1 - Aguamarina fosforecendte */
		--color-ceb-principal-tres:#F7F7F7;
		--color-ceb-oscuro:#2E2E2E; /*#4 - Negro gris  oscurado */
		--color-ceb-gris:#2E2E2E; /*#2 - Negro azul  oscurado */
		--color-ceb-gris-oscuro:#101014; /*#4 - Negro gris  oscurado */
		
		--width-contenedor: 98%;
		--width-contenedor-max: 1520px;
		--tamano-fuente-base: 0.9375rem;
	}
	.ceb-fondo-principal-dos{
		background:var(--color-ceb-principal-dos);
	}
	.ceb-fondo-principal-tres{
		background:var(--color-ceb-principal-tres);
	}
	.ceb-top{
		background: var(--color-ceb-oscuro);
		height: calc(var(--height-elementos-min) * 0.7);
	}
	.ceb-head{
		background: var(--color-ceb-blanco);
	}
	.ceb-logo{
		max-width: 220px;
	}
	
		.ceb-head .ceb-menu .menu a:hover{
			color: var(--color-ceb-principal);
		}
	.ceb-btn {
		    width: fit-content;
	}
		.ceb-btn a, button{
			border: 1px solid var(--color-ceb-principal-dos);
			background: var(--color-ceb-gris);
			color: var(--color-ceb-blanco);
		}
			.ceb-btn a:hover, button:hover{
				color: var(--color-ceb-principal);
			}
	.ceb-cmp-slide-2 .ceb-contenedor .ceb-img {
		height: 100%;
		max-width: 45%;
	}
	
	.ceb-cmp-slide-2 .ceb-contenedor-sub h1, .ceb-cmp-slide-1 .ceb-contenedor-sub h2{
		font-size: 4.25rem;
		color: var(--color-ceb-blanco);
	}
		.ceb-cmp-slide-2 .ceb-contenedor-sub h1 strong{
			font-size: 4.75rem !important;
		}
	
	.ceb-fondo-principal :is(strong, li::marker, a:hover, span){
		color: var(--color-ceb-blanco);
	}
		.ceb-fondo-principal  .ceb-btn a{
				border: 1px solid var(--color-ceb-principal-dos);
				background: var(--color-ceb-gris);
				color: var(--color-ceb-blanco);
		}
	
	h2 strong{
		font-size:3rem;
	}
	.ceb-chld-x22 .ceb-cles-margin-left >*{
		width:70%;
	}
	body .ceb-cles-sticky{
		top: 20px !important;
	}
	.ceb-cles-column-left{/*Alinear a la izquierda elemento flex con direccion tipo row*/
			display:flex;
			align-items:flex-start;
			flex-direction: column;
		}
	.ceb-chld-var1{
		width: 35% !important;
		flex-basis: unset !important;
		flex-grow: unset !important;
		min-width: 30% !important;
		background: var(--color-ceb-gris);
		padding: 50px;
		margin: 0 auto;
		border-radius: 10px;
		box-shadow: var(--sombra-base);
		box-sizing: border-box;
		border: 1px solid;
		border-color: var(--color-ceb-principal-dos) !important;
	}
		.ceb-chld-var1 .ceb-cles-flex-row{
			flex-wrap:wrap;
		}
		.ceb-chld-var1 .ceb-cles-flex-row .ceb-bloque.var4{
			padding: 0;
			width: 40%;
		}
		.ceb-chld-var1 .ceb-cles-flex-row .ceb-bloque.var4 > *{
			flex-direction: column;
		}
		.ceb-chld-var1 .ceb-cles-flex-row  .ceb-bloque.var4 .ceb-contenedor-sub-sub{
			padding: 0 0 10px 0;
		}
		
		.ceb-chld-var1 .ceb-cles-flex-row .ceb-bloque.var4 h4.ceb-h{
			font-size: calc(var(--tamano-fuente-h3) * 0.8);
			margin-top: 10px;
		}
	.ceb-chld-img-border{
		border-radius: 16px;
		overflow: hidden;
		box-shadow: var(--sombra-base);
		aspect-ratio: 3 / 2;
	}
	.ceb-chld-var2{
		width: 100%;
	}
		.ceb-chld-var2 .ceb-cles-flex-row{
			flex-wrap: wrap;
		}
		.ceb-chld-var2 .ceb-bloque.var5{
			height: fit-content;
			min-height: auto;
			max-width: none;
			width: 31%;
			min-width: 31%;
		}
			.ceb-chld-var2 .ceb-bloque.var5 .ceb-carrusel{
				border-radius: var(--tamano-border-radius);
				overflow: hidden;
				box-shadow: var(--sombra-base);
			}
			.ceb-chld-var2 .ceb-bloque.var5 .ceb-h{
				gap: 5px;
				margin-bottom: 15px;
			}
				.ceb-chld-var2 .ceb-bloque.var5 .ceb-h strong{
					font-size: 20px;
					color: var(--color-ceb-gris-oscuro);
					font-weight: 500;
				}
	.ceb-chld-var3 .ceb-bloque.var5{
			height: fit-content;
			min-height: 100%;
	}
	.ceb-cmp-precio-1 .ceb-btn, .ceb-cmp-vineta-3 .ceb-btn{
		margin: 50px auto ;
	}
	.ceb-chld-var4{
		margin: 50px auto !important;
	}
	.ceb-chld-var5 .ceb-bloque.var7 > .wp-block-column{
		flex-wrap: wrap;
		flex-direction: row;
	}
		.ceb-chld-var5 .ceb-bloque.var7 .ceb-img{
			border-radius: 50px;
			padding: 5px;
			background: #fff;
			height: 60px;
		}
		.ceb-chld-var5 .ceb-bloque.var7 .ceb-img img{
			border-radius: 50px;
			aspect-ratio: 1 / 1;
		}
		.ceb-chld-var5 .ceb-bloque.var7 .ceb-contenedor-sub-sub{
			width: 70%;
			height: fit-content;
		}
			.ceb-chld-var5 .ceb-bloque.var7 .ceb-contenedor-sub-sub > .wp-block-column{
				gap: 0px;
			}
			.ceb-chld-var5 .ceb-bloque.var7 .ceb-contenedor-sub-sub p:nth-of-type(2){
				font-size: calc(var(--tamano-fuente-base) * 0.8);
			}
		.ceb-chld-var5 .ceb-bloque.var7 .wp-block-image:nth-of-type(2){
			max-width: 100%;
			border-radius: 10px;
			overflow: hidden;
			margin-top: -80px;
			height: fit-content;
		}
	
	.ceb-fondo-blanco .ceb-acordeon .wp-block-details > *{
		background: var(--color-ceb-principal-dos);
	}
	.ceb-chld-var6 > .wp-block-column{
		display: flex;
		justify-content: flex-end;
		flex-direction: row-reverse;
		gap: 10px;
	}
	.ceb-chld-var6 > .wp-block-column .wp-block-column{
		display:flex;
		flex-direction: column;
		justify-content: center;
	}
		.ceb-chld-var6 h2{
			width: fit-content;
		}
		.ceb-chld-var6 figure{
			width: 90px;
			height: fit-content;
			max-height: 90px;
			border-radius: 150px;
			overflow: hidden;
			display: flex;
			justify-content: center;
			align-items: center;
			border: 3px solid #fff;
			aspect-ratio: 1 / 1;
		}
			.ceb-chld-var6 figure img{
				min-width: 200%;
				min-height: auto;
			}
	
	.ceb-chld-var7 {
		width: 90% !important;
		padding: 50px 70px;
		position: sticky !important;
		top: 33px;
	}
		.ceb-chld-var7 #cotizador{
			gap: var(--padding-base-mitad);
		}
		.ceb-chld-var7 p{
			color: var(--color-ceb-base);
			text-align: left;
			width: 100%;
		}
		.ceb-chld-var7 .ceb-contenedor-sub-sub{
			padding: 0 !important;
			width: 100%;
		}
		.ceb-chld-var7 .ceb-form-btn input:hover{
			color: var(--color-ceb-blanco) !important;
		}
		.ceb-chld-var7 :is(strong, li::marker, span){
			color: var(--color-ceb-oscuro) !important;
		}
	
	.ceb-chld-var8 .ceb-chld-var5{
		padding: 0 2% 0 20% !important;
		box-sizing: border-box !important;
		width: 50% !important;
		max-width: 50% !important;
	}
		.ceb-chld-var8 .wp-block-columns.ceb-bloque.var7{
			margin-bottom: 30px;
		}
		.ceb-chld-txt-9{
			width: 90%;
		}
			.ceb-chld-txt-9 > .wp-block-column{
				display: flex;
				flex-direction: column;
				gap: 20px;
			}
			.ceb-chld-txt-9 > .wp-block-column ul{
				width: 80%;
				padding-left: 40px;
			}
		.ceb-chld-var8 figure{
			border-radius: 20px;
			overflow: hidden;
			width: fit-content;
		}
	.ceb-chld-txt-10{
		gap: var(--padding-base) !important;
	}
		.ceb-chld-txt-10 .ceb-lista.var3 li{
			min-height: 60px;
			justify-content: center;
		}
	
	.ceb-lista.ceb-chl11{
		margin: 0px 0 30px 0px;
	}
	.ceb-chld-precio-tachado em{
		text-decoration: line-through !important;
		font-style: normal !important;
		font-weight: 300 !important;
	}
	.ceb-chld-list-chulo {
		list-style: none;
	}
		.ceb-chld-list-chulo li:before{
			font-family: var(--familia-fuente-iconos);
			content: '\f00c';
			color: var(--color-ceb-principal);
			margin-right: calc(var(--padding-base-mitad) / 2);
		}
	.ceb-chld-btn-wht a{
		background: var(--color-ceb-principal);
		border: none;
	}
		.ceb-fondo-principal .ceb-chld-btn-wht a{
			background: var(--color-ceb-principal);
			border: 1px solid #fff;
		}
		.ceb-chld-btn-wht a:hover{
			color: var(--color-ceb-blanco) !important;
		}
		.ceb-chld-btn-wht a:before{
			font-family: var(--familia-fuente-iconos);
			content: '\f232';
			color: var(--color-ceb-blanco);
			margin-right: 0;
			font-weight: 300;
		}
			.ceb-chld-btn-wht a:hover:before{
				color: var(--color-ceb-blanco);
			}
			.ceb-chld-btn-wht a:hover:after{
				color: var(--color-ceb-blanco);
			}
	.ceb-chld-btn-pre a:after{
			content: "\f063";
		}
	
	.ceb-chld-form-final .ceb-bloque.var2.ceb-chld-var7{
		width: 80% !important;
		margin: auto;
		background: none;
		border: 1px solid #ffffff7a;
	}
		.ceb-chld-form-final .ceb-bloque.var2.ceb-chld-var7 input{
			background: none !important;
			color: var(--color-ceb-blanco) !important;
			border: none;
			border-bottom: 1px solid #fff;
		}
			.ceb-chld-form-final .ceb-bloque.var2.ceb-chld-var7 input::placeholder{
				color:var(--color-ceb-blanco);
			}
		.ceb-chld-form-final .ceb-contenedor{
			pointer-events: all !important;
		}
		.ceb-chld-form-final .ceb-bloque.var2.ceb-chld-var7 .ceb-form-btn input{
			background: var(--color-ceb-blanco) !important;
			color: var(--color-ceb-principal) !important;
			font-weight: bold !important;
			letter-spacing: 1px !important;
		}
		.ceb-chld-form-final .ceb-bloque.var2.ceb-chld-var7 .wpcf7-response-output{
			background: #fff !important;
		}
		.ceb-chld-form-final .ceb-chld-var7 :is(strong, li::marker, span){
			color: #fff !important;
		}
	.ceb-carrusel .ceb-carrusel-mask{
		width: fit-content;
	}
/* lwaf */
	.lwaf-var1 figure{
		width: 33%;
		margin: 0 auto;
	}
	.lwaf-var2 a:after{
		content:"\f107" !important;
	}
		
	
@media(max-width:900px){
	
	:root{
		--width-contenedor: 90%;
		--width-contenedor-max: 90%;
		--width-contenedor-max-light: 90%;
	}
	.ceb-chld-form-final .ceb-bloque.var2.ceb-chld-var7{
		width:100% !important;
	}
	.ceb-cmp-slide-2 .ceb-contenedor{
		gap: 0;
	}
	.ceb-cmp-slide-2 .ceb-contenedor .ceb-img{
		max-width: 100%;
		height: fit-content;
	}
	.ceb-chld-var1{
		width:100% !important;
	}
	.ceb-chld-x22 .ceb-cles-margin-left >*{
		width: 100%;
	}
	.ceb-chld-var1 .ceb-cles-flex-row{
		flex-direction: row !important;
	}
	.ceb-chld-var2 .ceb-bloque.var5{
		min-height: fit-content;
		min-width: 100%;
	}
	.ceb-chld-var3 .ceb-bloque.var5{
		min-height: fit-content;
	}
	.ceb-chld-var5 .ceb-bloque.var7 .wp-block-image:nth-of-type(2){
		margin-top: 10px;
	}
	.ceb-cmp-slide-2 .ceb-contenedor-sub h1, .ceb-cmp-slide-1 .ceb-contenedor-sub h2{
		font-size: 3rem;
	}
	.ceb-chld-var1 .ceb-cles-flex-row .ceb-bloque.var4 h4.ceb-h{
		font-size: calc(var(--tamano-fuente-h3) * 0.65);
	}
	.dra-cles-mobile-reverse{
		flex-direction: column-reverse !important;
	}
	.ceb-menu-mobile.ceb-menu-abierto .ceb-menu{
		width: 100%;
	}
	.ceb-menu-mobile .ceb-menu .menu li a:before{
		content:unset;
	}
	.ceb-top .ceb-contenedor{
		flex-direction: row-reverse;
		width: 90%;
		justify-content: center;
		margin: 0 auto;
	}
		.ceb-top .ceb-menu-top-2 > div{
			 display: block;
		 }
	.ceb-chld-var7{
		padding: 25px;
		width: 100% !important;
	}
	.ceb-chld-var8 .ceb-chld-var5{
		max-width: 100% !important;
		width: 100% !important;
		padding: 0 !important;
		margin-bottom: 30px;
	}
	.ceb-chld-txt-9{
		width: 100%;
	}
	.ceb-head .ceb-menu{
		display:none !important;
	}
		.ceb-head .ceb-menu .menu-cta-container a{
			width: 100% !important;
			flex-direction: row !important;
			min-width: 179px !important;
			font-size: 12px !important;
			justify-content: space-between !important;
			gap: 10px !important;
		}
		.ceb-head .ceb-contenedor{
			gap: 20px !important;
		}
		
	.ceb-head .ceb-menu .menu-principal-container{
		display:none;
	}
	.ceb-menu.ceb-menu-top-1{
		display:none;
	}
	.lwaf-var1 .ceb-cls-column-x3{
		gap:80px !important;
	}
	
}