/*
Theme name: Ceballos
Version: 2.0
Description: Tema para sitios web informativos
Author: Ceballos.pro
Author URI: https://www.ceballos.pro
License: Copyright
*/

/*Secciones:
	0. Admin
	0. WordPress Predeterminados // Modificación de clases predeterminadas de wordpress o de terceros
	1. Variables fijas
	2. Variables modificables
	3. Elementos //Los elementos son independientes a las composiciones
		3.0. Base //Elementos html y las elementos especiales ceb-composicion ceb-contenedor ceb-subcontenedor ceb-h ceb-form-cont 
		3.1. Bloque //Son elementos formados por cajas que se repiten. Son clusters manuales.
		3.2. Lista //Son elementos formados por "<li>" en donde los iconos se llaman desde la fuente Fontawsome
		3.3. Tabla //Son elementos tipo matris de excel
		3.4. Acordeon //Son elementos de tipo pregunta de wordpress y acordeon
		3.5. Boton
		3.6. Icono
		3.7. Fondo
		3.8. Galeria //Son elementos de tipo galeria de wordpress
		3.9. Menu
		3.10. Formulario
		3.11. Cluster
	4. Predeterminados Theme //Elementos que no se forman como composiciones sino con código como el header, menus, el footer y el flotante
	5. Composiciones //Las composiciones son para darle al usuario todo papiadito, que él no tenga que crear o diseñar, simplemente copiar y pegar. Por eso las composiciones se forman con la unión de varios elementos y no importan si hay composiciones parecidas pero con diferente nombre
		5.1. Sliders ///Son cabezotes
		5.2. Galerias //Composiciones con base al elemento galeria de wordpress
		5.3. Formularios //Composiciones con base a los elementos del form (input, textarea, select,etc)
		5.4. Clusters //Composiciones con base a todos los elementos que llaman con codigo como blogs, categorias, post con shortcode
		5.5. Textos //Composciones con base a las combinación de todos los elementos 
		5.6. FAQ //Composiciones con base al elemento pregunta de wordpress y Acordeon
		5.7. Precios //Composiciones para mostrar los precios y caracteristicas con base al elemento bloque
		5.8. Viñetas //Composiciones con base a las combinaciones de los bloques y listas
		5.9. Tablas //Composiciones con base a las combinaciones del elementos con la tabla
	6. Animaciones
		6.1. In-view //Son animaciones que se ejecutan cuando el elemento está visibleFuncionalidades para dar movimiento a horizontal
	7. Clases especiales //Son clases que sirven para personalizar elementos pero no de forma masiva
		7.0. Básicas
		7.1. Flex
		7.2. Grid
	8. Clases js //Son clases a las que se les aplica funciones JS
		8.1. Head //Clases que modifican el head
		8.2. Overlay // Son clases que se activan al dar clic a una imagen o boton
		8.3. Galeria //Clases que modifican el ceb-galeria
		8.4. Carrusel //Clases de tipo carrusel que modifican las galerias y los bloques
*/
/****	0. Admin	****/
	@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
	
	:root{
		--adm-background: #000;
		--adm-background-claro: #000111;
		--adm-color:#fff;
	}
	.ceb-index{
		display:flex;
		flex-direction: column;
		gap:0
	}
	.ceb-adm-menu{
		display:flex;
		gap:var(--padding-base);
		background-color:var(--color-ceb-principal);
		padding: var(--padding-base-mitad);
		justify-content:center;
		position: sticky;
		top: 0;
		box-shadow:var(--sombra-extendida);
		z-index: 2;
	}
		.ceb-adm-menu ul{
			display:flex;
			gap:var(--padding-base);
			justify-content: center;
			width: max-content;
			margin: 0 auto;
		}
	.ceb-adm-separador{
		background-color: var(--adm-background);
		padding: var(--padding-base-mitad);
	}
		.ceb-adm-separador .ceb-contenedor{
			align-items:flex-start;
		}
		.ceb-adm-separador h2,.ceb-adm-menu a{
			color:var(--adm-color);
		}
		.ceb-adm-menu a:hover{
			color:var(--adm-color);
		}
	.ceb-adm-nombrador{
		background-color:var(--adm-background-claro);
		padding: var(--padding-base-mitad) var(--padding-base) ;
	}
		.ceb-adm-nombrador .ceb-contenedor{
			align-items:flex-start;
		}
		.ceb-adm-nombrador p{
			color:var(--adm-color);
		}
		.ceb-adm-nombrador p:before{
			font-family:var(--familia-fuente-iconos);
			content:"\f175";
			margin-right:10px;
		}
	.ceb-adm-nombrador-elemento{
		margin:var(--padding-base-mitad) 0 var(--padding-base) 0;
	}
	.ceb-adm-nombrador-elemento:before{
			font-family:var(--familia-fuente-iconos);
			content:"\f176";
			margin-right:10px;
		}
	.ceb-adm-column1 .ceb-contenedor{
		flex-direction:row;
		flex-wrap:wrap;
		align-items: flex-start;
	}
		.ceb-adm-column1 .ceb-contenedor > *{
			width:100%;
		}
	.ceb-adm-column3 .ceb-contenedor{
		flex-direction:row;
		flex-wrap:wrap;
		align-items: flex-start;
	}
		.ceb-adm-column3 .ceb-contenedor > *{
			width:30%;
		}
		.ceb-adm-column3 .ceb-btn{
			justify-content: flex-start;
		}
		
	@media(max-width:900px){
		.ceb-adm-menu > div{
			overflow-x:scroll;
			min-height:70px;
			scrollbar-color: #000000 #bada5500;
			scroll-behavior: smooth;
		}
		.ceb-adm-column1 .ceb-contenedor, .ceb-adm-column3 .ceb-contenedor{
			flex-direction:column;   
		}
			.ceb-adm-column3 .ceb-contenedor > *{
				width:100%;
			}
		.ceb-adm-separador .ceb-contenedor, .ceb-adm-nombrador .ceb-contenedor{
			max-width: 95%;
		}
	}
	
/****	0. WordPress Predeterminados	****/
	body #wpadminbar, body .quicklinks, body .quicklinks ul{/*Barra admin*/
		display: block !important;
	}
	body .wp-block-button{/*Boton al mismo nivel de ceb-btn*/
		display:flex !important;
	}
		body .wp-block-button__link{
			font-size: var(--tamano-fuente-base) !important;
		}
	.grecaptcha-badge {
		width: 70px !important;
		overflow: hidden !important;
		transition: all 0.3s ease !important;
		left: 4px !important;
		display:none !important;
	}
	.pll-switcher-select{
		padding: var(--padding-elementos-mitad) !important;
		border: none;
		border-bottom: var(--tamano-border) var(--color-ceb-gris);
		background: none !important;
		color: var(--color-ceb-principal) !important;
		cursor:pointer;
	}
	
		
/****	1. Variables fijas	****/
	:root{
		--media-max-width:900px; /*Determina el tamaño maximo ancho para la vista mobile*/
		
		--padding-base:42px;/*35px;*/ /*se usa para el gap (El gap reemplaza el margin) y para los padding de cajas (los textos siempre tienen padding 0);*/
		--padding-base-mitad:calc(var(--padding-base)/2); /*iconos con cajas como los flotantes y mas cosas circulares*/
		--padding-elementos: var(--padding-base-mitad) var(--padding-base);/*Los elementos son botones, inputs, textareas y más cosas rectangulares*/
		--padding-elementos-mitad: calc(var(--padding-base-mitad)/3) calc(var(--padding-base-mitad)/2);
		--padding-composicion: 90px; /*Aplica para la raiz de cada composicion*/
		--padding-composicion-sin: 0; /*Aplica cuando la composicion necesita todo el alto*/
		
		--width-contenedor:90%; /*Es ancho de todo el sitio*/
		--width-contenedor-max: 1408px;/*1200px; /*El ancho máximo de todo el sitio*/
		--width-contenedor-max-light: 1070px; /*Se usa para páginas de aterrizajes*/
		--width-base:760px;/*Es la medida intermedia ya que en ingles es 680px y en español la usan 880px *//*900px;*/ /*Es el ancho de las cajas contenedores de texto como ceb-contenedor-sub*/
		--height-elementos-min:55px; /*Los elementos son los botones, los imputs, las tablas de las filar*/
		--height-tabla-fila:calc(var(--height-elementos-min)* 1.29);
		
		--line-height: 1.1; /*Aplica para todos los textos*/
		--line-height-parrafos: 1.6; /*Aplica solo para los parrafos*/
		
		--tamano-fuente-base: 1.125rem; /*Usado para los h5, p, span, li, a*/
		--tamano-fuente-base-mitad:calc(var(--tamano-fuente-base)*0.8);
		--tamano-fuente-h4:calc(var(--tamano-fuente-base)*1.12); /*1.25rem*/
		--tamano-fuente-h3:calc(var(--tamano-fuente-base)*1.4); /*1.85rem*/
		--tamano-fuente-h2:calc(var(--tamano-fuente-base)*2); /*2.25rem*/
		--tamano-fuente-h1:calc(var(--tamano-fuente-base)*2.89); /*3.25rem;*/ 
		--tamano-fuente-iconos-base:var(--tamano-fuente-base) ;/*aplica para todos los iconos de font-awsome. Sólo usar los iconos como acompñamiento a texto o para botones de redes se usa como"font-size", no usar los iconos como imagen, para ello usar --tamano-imagen-icono*/
		--tamano-fuente-iconos-flotante:calc(var(--tamano-fuente-iconos-base)*2); 
		--tamano-font-weight-normal:normal;
		--tamano-font-weight-bold:bold;
		--tamano-font-weight-ancho:700;
		--tamano-letter-spacing-botones:0.05rem;
		--tamano-imagen-icono:60px; /*Es cuando se usan imagenes con forma de iconos para bloques o clusters, se usa como width no como font-size*/
		--tamano-imagen-cluster:240px;/*Es cuando se usa imagenes en cluster con titulos o textos debajo*/
		--tamano-border:1px solid;
		--tamano-border-grueso:10px solid;
		--tamano-border-radius:.625rem;/*Usado para botones e inputs*/
		--tamano-border-radius-circular:250px;
		
		--sombra-base:0px 10px 15px rgba(8, 14, 28, 0.06);/*sombra discreta corta y suave*/
		--sombra-extendida:0px 4px 50px rgba(8, 14, 28, 0.2);/*sombra discreta larga y suave*/
		
		--lista-style:circle;
		
		--transition-base:all .3s;
		--transition-lenta:all 1.3s;
		--animate-ceb-base: 0.3s ease;
	}
	@media(max-width:900px){
		:root{
			
			--width-base:100%;
			--width-contenedor:70%; /*Es ancho de todo el sitio*/
			--width-contenedor-max: 70%; /*El ancho máximo de todo el sitio*/
			--width-contenedor-max-light: 70%; /*Se usa para páginas de aterrizajes*/
			--tamano-fuente-base: .98em; /*Usado para los h5, p, span, li, a*/
			
			--height-tabla-fila:calc(var(--height-elementos-min)* 2.19);
			
			--padding-elementos: calc(var(--padding-base-mitad) / 2) calc(var(--padding-base) / 2);
		
		}
	}
	
/****	2. Variables modificables	****/
	:root{
		--familia-fuente-iconos:'FontAwesome',"Font Awesome 6 Free","Font Awesome 6 Brands", "Font Awesome 6 Pro";
		--familia-fuente-principal:"Open Sans", sans-serif; /*usado para todo*/
		--familia-fuente-secundaria: "Open Sans", sans-serif;/*usada para titulos*/
		
		--color-ceb-base: #0C1B2C;/*Utilizado para textos como parrafos, span y select (es un gris muy oscuro)*/
		--color-ceb-principal:#FC6423; /*Utilizado para fondos de botones, strong, hover, anchor, span (funcionan como los strong pero sin bold)*/
		--color-ceb-oscuro:#0c1b2c; /*Utilizado para títulos, para fondo, para el menú, para los anchor*/
		--color-ceb-gris:#f8f9fd;/*utilizado para fondos*/
		--color-ceb-gris-oscuro:#c6d1f2; /*utilizado para bordes (es un gris menos oscuro que el base*/
		--color-ceb-blanco:#fff;
		--color-ceb-overlay: #0000006b;
		--color-ceb-overlay-mobile:#000000f5;
		--color-ceb-radial-gradient:radial-gradient(#0000008c 10px, #00000045 40%, #00000000 60%);
		--color-ceb-radial-gradient-blanco:radial-gradient(#ffffff91 10px, #ffffffa6 40%, #ffffff00 60%);
	}
	
/****	3. Elementos ****/

	/****	3.0. Base ****/
		html{
			/*font-size:calc((100%*10)/16); /*Esto reduce el rem a 10px*/
		}
		body{
			line-height:var(--line-height);
			color:var(--color-ceb-base);
			border-color:var(--color-ceb-gris-oscuro);
			font-family:var(--familia-fuente-principal);
			margin: 0;
			padding: 0;
		}
		*{ 
			margin: 0;
			padding: 0;
			box-sizing: border-box;
		}
		h1,h2,h3,h4,h5,h6{
			font-family:var(--familia-fuente-secundaria);
			font-weight:var(--tamano-font-weight-ancho);
			color:var(--color-ceb-oscuro);
		}
		h1{
			font-size:var(--tamano-fuente-h1);
		}
		h2{
			font-size:var(--tamano-fuente-h2);
		}
		h3{
			font-size:var(--tamano-fuente-h3);;
		}
		h4{
			font-size:var(--tamano-fuente-h4);
		}
		p,span,li,a,i,input,textarea,select,h5,h6{
			font-size:var(--tamano-fuente-base);
			line-height:var(--line-height-parrafos);
		}
		a{
			font-weight:var(--tamano-font-weight-bold);
			color:var(--color-ceb-oscuro);
			text-decoration-color:var(--color-ceb-principal);
			display:flex;
		}
		p a{
			display:inline;
		}
		strong,li::marker,a:hover,span{
			color:var(--color-ceb-principal);
		}
		input, textarea{
			padding:var(--padding-elementos);
			min-height:var(--height-elementos-min);
			align-items:center;
			border-radius:var(--tamano-border-radius);
			width:100%;
		}
		iframe{
			width:100%;
		}
		
		.ceb-composicion{/*Es la clase que se coloca en cada composicion (Cuando no haya margen, la varibale sin margen se coloca de forma personalizada dentro de la nueva composicion)*/
			display:flex;
			padding:var(--padding-composicion) 0;
			height: 100%;
			position: relative;
			background-color:var(--color-ceb-gris);
			position: relative;
		}
		.ceb-contenedor{/*es la clase que determinada el ancho*/ /*.ceb-contenedor*/
			display:flex;
			gap:var(--padding-base);
			flex-direction: column;
			width: var(--width-contenedor);
			max-width: var(--width-contenedor-max);
			align-items:center;
			margin: 0 auto;
		}
			.ceb-contenedor-light{
				max-width: var(--width-contenedor-max-light);
			}
			.ceb-contenedor-sub{/*es un contenedor que agrupa elementos que necesitan separarse de otros dentro del ceb-contenedor. Tiene ancho fijo*/
				display:flex;
				gap:var(--padding-base);
				flex-direction: column;
				width:var(--width-base);
				margin:0 auto;
			}
			.ceb-contenedor-sub-sub{/*es un contenedor que agrupa elementos que necesitan separarse de otros dentro de un padre ceb-contenedor-sub. No tiene ancho fijo y se usa principalmente para los bloques o dentro de elementos*/
				display:flex;
				gap:var(--padding-base);
				flex-direction: column;
				margin:0 auto;
			}
		.ceb-h{/*Se usa para mantener un estilo en un elemento independiente si es h1. h2, h3, p o span. Por defecto siempre trae el tamaño de h3*/
			display:flex;
			gap:var(--padding-base);
			flex-direction: column;
			font-size: var(--tamano-fuente-h3);
		}
		.ceb-form-cont{
			display:flex;
			flex-direction:column;
			gap:var(--padding-base-mitad);
		}
			.ceb-form-cont > * {
				width:100%;
			}
			.ceb-form-uno p{
				display:flex;
				flex-direction:column;
				gap:var(--padding-base-mitad);
			}
			.ceb-form-dos > *, .ceb-form-tres > *{
				display:flex;
				flex-direction:row;
				gap:var(--padding-base-mitad);
				justify-content:space-between;
			}
				.ceb-form-dos span{
					width:50%;
				}
				.ceb-form-tres span{
					width:30%;
				}
			.ceb-form-btn input{
				 background: var(--color-ceb-principal);
				color: var(--color-ceb-blanco) !important;
				border-bottom: var(--tamano-border) var(--color-ceb-oscuro);
				cursor:pointer;
			}
				.ceb-form-btn input:hover{
					background:var(--color-ceb-oscuro);
					color: var(--color-ceb-base) !important;
				}
			

	/****	3.1. Bloque ****/ 
		/*ceb-bloque*/
		.ceb-bloque{
			width:100%;
		}
			.ceb-bloque > *{
				display:flex;
				gap:var(--padding-base);
				flex-direction: column;
			}
				.ceb-bloque .ceb-contenedor-sub-sub > div{
					display:flex;
					gap:var(--padding-base);
					flex-direction: column;
				}
				
		/*ceb-bloque var1*/
		.ceb-bloque.var1{
			position:relative;
			aspect-ratio: 1 / 1;/*Esto permite que el height sea el mismo que el width pero se debe definir el wiidth*/
		}
			.ceb-bloque.var1 figure{
				height:100%;
			}
				.ceb-bloque.var1 figure img{
					height:100%;
					object-fit:cover;
					min-width:100%;
				}
			.ceb-bloque.var1 .ceb-contenedor-sub-sub{
				position:absolute;
				top:0;
				left:0;
				padding: var(--padding-base-mitad);
				width: 100%;
				height: 100%;
				background-color:var(--color-ceb-overlay);
			}
				.ceb-bloque.var1 .ceb-contenedor-sub-sub > .wp-block-column{
					justify-content: space-between;
				}
			.ceb-bloque.var1 .ceb-h, .ceb-bloque.var1 p{
				color:var(--color-ceb-blanco);
			}
		
		/*ceb-bloque var2*/
		.ceb-bloque.var2{
			position:relative;
			background:var(--color-ceb-blanco);
			box-shadow:var(--sombra-base);
		}
			.ceb-bloque.var2 figure{
				position:absolute;
				top:0;
				right:0;
				margin-top:var(--padding-base-mitad);
				margin-right:var(--padding-base-mitad);
				width:var(--tamano-imagen-icono);
			}
			.ceb-bloque.var2 .ceb-contenedor-sub-sub{
				padding: var(--padding-base-mitad);
			}
			.ceb-bloque.var2 .ceb-h{
				width: calc(100% - var(--tamano-imagen-icono) - var(--padding-base-mitad));
			}
			.ceb-bloque.var2 ul{
				list-style:none;
				display: flex;
				flex-direction:column;
				gap:var(--padding-base-mitad);
			}
				.ceb-bloque.var2 ul li{
					display: block;
				}
				.ceb-bloque.var2 ul li.ceb-icono:before{
					display:unset !important;
					margin-right: var(--padding-base-mitad);
				}
			.ceb-bloque.var2 input, .ceb-bloque.var2 textarea{
				border-bottom: var(--tamano-border) var(--color-ceb-principal);
				border-radius: 0;
				color: var(--color-ceb-base);
				font-family:var(--familia-fuente-principal);
			}
		
		/*ceb-bloque var3*/
		.ceb-bloque.var3{
			
		}
			.ceb-bloque.var3 figure{
			    border-radius: calc(var(--tamano-border-radius)* 2);
				border-bottom-right-radius: 0;
				box-shadow: var(--sombra-base);
				overflow: hidden;
			}
			.ceb-bloque.var3 .ceb-contenedor-sub-sub > div{
				gap: var(--padding-base-mitad);
				padding: var(--padding-base);
				border: var(--tamano-border);
				border-radius: calc(var(--tamano-border-radius)* 2);
				border-top-left-radius: 0;
				width: 95%;
				margin: 0 auto;
			}
		/*ceb-bloque var4*/
		.ceb-bloque.var4{
			border-bottom: 1px dashed;
			padding: var(--padding-elementos);
		}
			.ceb-bloque.var4 > *{
				flex-direction:row;
				gap: 0;
			}
			.ceb-bloque.var4 .wp-block-image{
				max-width:var(--tamano-imagen-icono);
			}
			.ceb-bloque.var4 .ceb-contenedor-sub-sub{
				margin: 0;
				padding: var(--padding-elementos);
			}
		
		/*ceb-bloque var5*/
		.ceb-bloque.var5{
			background: var(--color-ceb-blanco);
			border-radius: var(--tamano-border-radius);
			box-shadow: var(--sombra-extendida);
			padding: var(--padding-base);
			max-width:calc(var(--width-base)/2);
			margin:0 auto;
		}
			.ceb-bloque.var5 .ceb-contenedor-sub-sub{
				width:100%;
			}
				.ceb-bloque.var5 .ceb-contenedor-sub-sub > div{
					gap: calc(var(--padding-base-mitad) / 2);
				}
				.ceb-bloque.var5 .ceb-h{
					color:var(--color-ceb-principal);
					font-size: var(--tamano-fuente-h2);
				}
				.ceb-bloque.var5 p{
					font-weight: bold;
				}
				.ceb-bloque.var5 ul{
					list-style: none;
				}
				.ceb-bloque.var5 .wp-block-separator{
					color: var(--color-ceb-principal);
				}
				.ceb-bloque.var5 li:before{
					font-family:var(--familia-fuente-iconos);
					content:'\f00c';
					color:var(--color-ceb-principal);
					margin-right: calc(var(--padding-base-mitad) / 2);
				}
				.ceb-bloque.var5 .ceb-btn{
					justify-content:center;
				}
			@media(max-width:900px){
				.ceb-bloque.var5{
					max-width:100%;
				}
			}
		
		/*ceb-bloque var6*/
		.ceb-bloque.var6{
			position:relative;
			background:var(--color-ceb-blanco);
			box-shadow:var(--sombra-base);
			padding: var(--padding-base-mitad);
		}
			.ceb-bloque.var6 > div{
				gap:var(--padding-base-mitad);
			}
			.ceb-bloque.var6 figure{
				margin:0 auto;
				width:var(--tamano-imagen-icono);
			}
			.ceb-bloque.var6 .ceb-contenedor-sub-sub{
				padding: 0;
			}
			.ceb-bloque.var6 .ceb-h, .ceb-bloque.var6 p{
				width: 100%;
				text-align:center;
				
			}
			.ceb-bloque.var6 .ceb-h{
				gap: 0;
			}
				
			.ceb-bloque.var6 ul{
				list-style:none;
				display: flex;
				flex-direction:column;
				gap:var(--padding-base-mitad);
			}
				.ceb-bloque.var6 ul li{
					display: block;
				}
				.ceb-bloque.var6 ul li.ceb-icono:before{
					display:unset !important;
					margin-right: var(--padding-base-mitad);
				}
		
		/*ceb-bloque var7*/
		.ceb-bloque.var7{
			border: 1px dashed;
			padding: var(--padding-base);
		}
			.ceb-bloque.var7 > *{
				flex-direction:column;
				gap: calc(var(--padding-base-mitad)/2);;
			}
			.ceb-bloque.var7 .wp-block-image{
				max-width:var(--tamano-imagen-icono);
			}
			.ceb-bloque.var7 .ceb-contenedor-sub-sub{
				margin: 0;
			}
	
	/****	3.2. Lista ****/ 
	
		/*ceb-lista*/
		.ceb-lista{
			display:flex;
			gap:var(--padding-base);
			flex-direction: column;
			list-style:none;
		}
		
		/*ceb-lista var1*/
		.ceb-lista.var1{
			flex-direction:row;
		}
			.ceb-lista.var1 li{
				display:flex;
				flex-direction:column;
			}
			@media(max-width:900px){
				.ceb-lista.var1{
					flex-direction:column;
				}
			}
		
		/*ceb-lista var2*/
		.ceb-lista.var2{
			flex-direction:column;
		}
			.ceb-lista.var2 li{
				display:flex;
				flex-direction:column;
			}
		
		/*ceb-lista var3*/
		.ceb-lista.var3{
			flex-direction:column;
			gap: var(--padding-base-mitad);
		}
			.ceb-lista.var3 li{
				display: flex;
				flex-wrap: wrap;
				width: 100%;
				height: auto;
				position: relative;
				padding-left: calc(var(--tamano-imagen-icono)* 1.1);
				flex-direction: column;
			}
				.ceb-lista.var3 li:before{
					position: absolute;
					left: 0;
					justify-content: center;
					background-color: var(--color-ceb-principal);
					color: var(--color-ceb-blanco);
					border-radius: 50px;
					aspect-ratio: 1 / 1;
					margin-right: calc(var(--padding-base-mitad) / 2);
					width: var(--tamano-imagen-icono);
				}
				.ceb-lista.var3 a {
					text-decoration:none;
				}
		
		/*ceb-lista var4*/
		.ceb-lista.var4{
			list-style:var(--lista-style);
			padding: var(--padding-base-mitad);
			gap: var(--padding-base-mitad);
		}
		
		/*ceb-lista var5*/
		.ceb-lista.var5{
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
			gap: var(--padding-base);
		}
			.ceb-lista.var5 li{
				display: flex;
				flex-wrap: wrap;
				width: auto;
				height: auto;
				position: relative;
				flex-direction: column;
			}
				.ceb-lista.var5 li:before{
					justify-content: center;
					background-color: var(--color-ceb-principal);
					color: var(--color-ceb-blanco);
					border-radius: 50px;
					aspect-ratio: 1 / 1;
					margin: 0 auto var(--padding-base-mitad) 0;
					width: var(--tamano-imagen-icono);
				}
				.ceb-lista.var5 a {
					text-decoration:none;
				}
		

			
	/****	3.3. Tabla ****/ 
		
		/*ceb-tabla*/
		.ceb-tabla{
			display:flex;
			flex-direction:row;
			gap:0px;
			flex-wrap:nowrap;
		}
			.ceb-tabla ul{
				display:flex;
				list-style:none;
				gap:0;
				width: 100%;
				flex-direction:column;
			}
			.ceb-tabla li{
				height: var(--height-tabla-fila);
				border: var(--tamano-border);
				width: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
				padding: calc(var(--padding-base-mitad) / 4);
				box-sizing: border-box;
				text-align: center;
			}
			.ceb-tabla .fx2{
				height: calc(var(--height-tabla-fila)*2);
			}
			.ceb-tabla .fx3{
				height: calc(var(--height-tabla-fila)*3);
			}
			.ceb-tabla .fx4{
				height: calc(var(--height-tabla-fila)*4);
			}
			.ceb-tabla .fx5{
				height: calc(var(--height-tabla-fila)*5);
			}
			.ceb-tabla .fx6{
				height: calc(var(--height-tabla-fila)*6);
			}
			.ceb-tabla .fx7{
				height: calc(var(--height-tabla-fila)*7);
			}
			.ceb-tabla .fx8{
				height: calc(var(--height-tabla-fila)*8);
			}
			.ceb-tabla .fx9{
				height: calc(var(--height-tabla-fila)*9);
			}
			.ceb-tabla .fx10{
				height: calc(var(--height-tabla-fila)*10);
			}
			
			@media(max-width:900px){
				.ceb-tabla{
					flex-wrap:nowrap !important;
				}
			}
		
		/*ceb-tabla var1*/
			
			
	
	/****	3.4. Acordeon ****/
		
		/*ceb-acordeon*/
		.ceb-acordeon{
			width:100%;
		}
			.ceb-acordeon > div{
				display:flex;
				gap:0;
				flex-direction:column;
			}
			.ceb-acordeon .wp-block-details > *:not(.ceb-acordeon .wp-block-details summary){
				margin: calc(var(--padding-base-mitad) / 2) 0;
			}
			.ceb-acordeon .wp-block-details > * {
				padding: var(--padding-elementos);
				background: var(--color-ceb-gris);
				color:var(--color-ceb-oscuro);
				border-radius: var(--tamano-border-radius);
			}
			.ceb-acordeon .wp-block-details summary{
				display:flex;
				background: var(--color-ceb-oscuro);
				color:var(--color-ceb-blanco);
				border: var(--tamano-border);
				border-color:var(--ceb-color-principal);
				flex-direction: row;
				min-height:var(--height-elementos-min);
				gap: var(--padding-base-mitad);
			}
			
			.ceb-acordeon .wp-block-details summary:before{
				font-family: var(--familia-fuente-iconos);
				content:"\f0d7";
			}
		
		/*ceb-acordeon var1*/
		.ceb-acordeon.var1 .wp-block-details summary{
			border-radius: 0;
			background: none;
			border: none;
			border-bottom: var(--tamano-border);
			border-color: var(--color-ceb-oscuro);
			color: var(--color-ceb-oscuro);
			min-height: calc(var(--tamano-imagen-icono)* 1.4);
			align-items: center;
		}
			
	
	/****	3.5. Boton ****/
		.ceb-btn-js{
			cursor:pointer;
			display:block;
			width:var(--tamano-fuente-iconos-flotante);
			aspect-ratio:1 / 1;
			font-size: var(--tamano-fuente-iconos-flotante);
		}
			.ceb-btn-js:before{
				color:var(--color-ceb-blanco);
				font-family:var(--familia-fuente-iconos);
				opacity:0.5;
			}
			.ceb-btn-js:hover::before{
				color:var(--color-ceb-blanco);
				opacity:1;
			}
			.ceb-btn-cerrar:before{
				content:'\f057';
			}
			.ceb-btn-izq:before{
				content:'\f137';
			}
			.ceb-btn-der:before{
				content:'\f138';
			}
		
		.ceb-btns{/*Es el contenedor del .ceb-btn */
			
		}
		/*ceb-btn*/
		.ceb-btn, button{/*se coloca para toda clase de boton*/
			display:flex;
			justify-content:center;
			flex-direction: row;
		}
			.ceb-btn a, button{
				display:flex;
				text-decoration:none;
				letter-spacing:var(--tamano-letter-spacing-botones);
				color:var(--color-ceb-blanco);
				gap:var(--padding-base-mitad);
				transition:var(--transition-base);
				padding:var(--padding-elementos);
				min-height:var(--height-elementos-min);
				background-color:var(--color-ceb-principal);
				border-radius:var(--tamano-border-radius);
				align-items:center;
			}
				.ceb-btn a:hover{
					gap:var(--padding-base);
				}
				.ceb-btn a:after{
					font-family:var(--familia-fuente-iconos);
					content:"\f061";
				}
		
		/*ceb-btn var1*/
		
		/*ceb-btn var2*/
		.ceb-btn.var2 > *{
			display: grid;
			align-items: center;
		}
			.ceb-btn.var2 > * > *{
				grid-area: 1 / 1;
			}
			.ceb-btn.var2 > * > .ceb-contenedor-sub-sub{
				grid-area: 1 / 1;
				background: var(--color-ceb-radial-gradient);
				width: 100%;
				height: 100%;
			}
				.ceb-btn.var2 > * > .ceb-contenedor-sub-sub > .wp-block-column{
					display: flex;
					justify-content: center;
					align-items: center;
				}
				.ceb-btn.var2 > * > .ceb-contenedor-sub-sub a{
					background: none;
				}
		
	/****	3.6. Icono ****/
		.ceb-icono:before{/*se coloca para todo icono*/
			font-family:var(--familia-fuente-iconos);
			font-size:var(--tamano-fuente-iconos-base);
			color:var(--color-ceb-oscuro);
			display: flex !important;
			align-items: center;
			content:var(--fa);
		}
		
	/****	3.7. Fondo ****/	
		.ceb-fondo-oscuro{
			background-color:var(--color-ceb-oscuro);
		}
			.ceb-fondo-oscuro :is(h1,h2,h3,h4,h5,h6,p,span,li,a,input,textarea,select,i){
				color:var(--color-ceb-blanco);
			}
			body .ceb-fondo-oscuro *{
				border-color: var(--color-ceb-blanco);
				color: var(--color-ceb-blanco);
			}
		.ceb-fondo-blanco{
			background-color:var(--color-ceb-blanco);
		}
		.ceb-fondo-gris{
			background-color:var(--color-ceb-gris);
		}
		.ceb-fondo-principal{
			background-color:var(--color-ceb-principal);
		}
			.ceb-fondo-principal :is(h1,h2,h3,h4,h5,h6,p,span,li,a,input,textarea,select){
				color:var(--color-ceb-blanco);
			}
			.ceb-fondo-principal :is(input,textarea,select){
				border: var(--tamano-border) var(--color-ceb-blanco);
			}
			.ceb-fondo-principal .ceb-bloque.var2 :is(h1,h2,h3,h4,h5,h6,li){
				color:var(--color-ceb-principal);
			}
			.ceb-fondo-principal .ceb-acordeon.var1 .wp-block-details summary{
				border-color: var(--color-ceb-blanco);
			}
			.ceb-fondo-principal .ceb-lista.var3 li:before, .ceb-fondo-principal .ceb-btn a {
				background-color: var(--color-ceb-blanco);
				color: var(--color-ceb-principal);
			}
			
			
	/****	3.8. Galeria ****/
	
		/*ceb-galeria*/
		.ceb-galeria{
			display:flex;
			gap:var(--padding-base);
			flex-direction: row;
			flex-wrap: wrap;
		}
			.ceb-galeria figure{
				flex-grow:1;
				aspect-ratio: 3 / 2;
				max-width: calc((100% / 3) - 5px) !important;
			}
			@media(max-width:900px){
				.ceb-galeria figure{
					max-width: calc((100% / 2) - 5px) !important;
				}
			}
			
		/*ceb-galeria var1*/
		.ceb-galeria.var1{
			display:grid;
			grid-template-columns: 40% 40% 20%;
			grid-template-rows: 33% 33% 34%;
			grid-template-areas:
				"vin1 vin2 vin3"
				"vin1 vin2 vin4"
				"vin1 vin2 vin5";
			gap: 0;
			align-items: flex-start;
			height: 100%;
			max-height:80vh;			
			width: 100%;
			overflow: hidden;
			border-radius: var(--tamano-border-radius);			
		}
			.ceb-galeria.var1 figure{
				aspect-ratio: unset;
				max-width: none !important;
			}
			.ceb-galeria.var1 > :nth-child(1){
				grid-area:vin1;
			}
			.ceb-galeria.var1 > :nth-child(2){
				grid-area:vin2;
			}
			.ceb-galeria.var1 > :nth-child(3){
				grid-area:vin3;
			}
			.ceb-galeria.var1 > :nth-child(4){
				grid-area:vin4;
			}
			.ceb-galeria.var1 > :nth-child(5){
				grid-area:vin5;
			}
			.ceb-galeria.var1 figure.wp-block-image{
				width:100% !important;
			}
			@media(max-width:900px){
				.ceb-galeria.var1{
					height: auto;
					grid-template-columns: 25% 25% 25% 25%;
					grid-template-rows: 70% 30%;
					grid-template-areas:
					"vin1 vin1 vin1 vin1"
					"vin2 vin3 vin4 vin5";
				}
			}
	/****	3.9. Menu ****/
		
		/*ceb-elmt-menu*/
		.ceb-elmt-menu{
			display:flex;
			gap:var(--padding-base);
			flex-direction: row;
			width: 100%;
			justify-content: space-around;
			background-color: var(--color-ceb-gris);
			box-shadow: var(--sombra-base);
			list-style: none;
			padding: var(--padding-elementos);
		}
			.ceb-elmt-menu li, .ceb-elmt-menu li a{
				text-decoration:none;
			}
			@media(max-width:900px){
				.ceb-elmt-menu{
					flex-direction:column;
				}
			}
	/****	3.10. Formulario ****/
		
		/*ceb-formulario*/
		.ceb-formulario textarea{
			max-height:200px;
		}
		
		/*ceb-formulario var1*/
		.ceb-formulario.var1 :is(input, textarea){
			background: none;
			border: none;
			border-bottom: var(--tamano-border);
			border-radius: 0
		}
		
			.ceb-formulario.var1 input[type="submit"]{
				border:var(--tamano-border) var(--color-ceb-principal);
			}
				.ceb-formulario.var1 input[type="submit"]:hover{
					background-color:var(--color-ceb-principal);
					color:var(--color-ceb-blanco);
					transition:var(--transition-base);
				}
		
		/*ceb-formulario var2*/
		.ceb-formulario.var2 :is(input, textarea){
			padding: var(--padding-elementos-mitad);
			border-radius: calc(var(--tamano-border-radius) / 2);
			background: none;
			border:var(--tamano-border);
			border-color: var(--color-ceb-principal);
		}
			
			.ceb-formulario.var2 input[type="submit"]{
				background-color:var(--color-ceb-principal);
				color:var(--color-ceb-blanco);
				transition:var(--transition-base);
			}
				.ceb-formulario.var2 input[type="submit"]:hover{
					border:var(--tamano-border) var(--color-ceb-principal);
					background-color:var(--color-ceb-oscuro);
				}

		
	/****	3.11. Cluster ****/
	
		
/****	4. Predeterminados Theme ****/	
	.ceb-header{
		display:flex;
		flex-direction: column;
		gap:0;
		position:relative;
		z-index:3;
		box-shadow:var(--sombra-extendida);
		position: sticky;
		top: calc(var(--height-elementos-min)* -1);
	}
		.ceb-menu .menu{
			display:flex;
			gap:var(--padding-base);
			flex-direction: row;
		}
			.ceb-menu .menu li{
				display:flex;
				flex-direction:row;
				gap:calc(var(--padding-base-mitad)/4);
				align-items: center;
			}
			.ceb-menu .menu a{
				font-family: var(--familia-fuente-principal);
				text-decoration:none;
			}
		.ceb-top{
			display:flex;
			gap:var(--padding-base);
			flex-direction: column;
			background-color:var(--color-ceb-oscuro);
			align-items:center;
			height:var(--height-elementos-min);
			justify-content: center;
		}
			.ceb-top .ceb-contenedor{
				flex-direction:row;
				justify-content:space-between;
			}
				.ceb-top :is(a,p,span,li){
					color:var(--color-ceb-blanco);
					font-weight:var(--tamano-font-weight-normal);
				}
				.ceb-top i, .ceb-top li:before{
					color:var(--color-ceb-principal);
				}
				.ceb-top li:before{
					font-weight:var(--tamano-font-weight-ancho);
					padding-right:calc(var(--padding-base-mitad)/4);
				}
				.ceb-top .ceb-contenedor .ceb-menu .menu a{
					font-size:var(--tamano-fuente-base-mitad);
				}
				.ceb-top .ceb-menu-top-2{
					display:flex;
					gap:var(--padding-base-mitad);
				}
				.ceb-top .ceb-menu-top-2 > div{
					display:flex;
				}
				.ceb-top .ceb-menu-top-2 .menu{
					display:flex;
					gap:var(--padding-base);
					flex-direction: row;
					justify-content:flex-end;
				}
				.ceb-top .ceb-contenedor .ceb-menu .menu a:hover{
					color:var(--color-ceb-principal);
				}
				.ceb-top .ceb-contenedor .ceb-menu .menu a:hover i::before{
					color:var(--color-ceb-blanco);
				}
		.ceb-head{
			display:flex;
			gap:var(--padding-base);
			flex-direction: column;
			background-color:var(--color-ceb-blanco);
			height:100px;
			align-items:center;
			justify-content: center;
		}
			.ceb-head .ceb-contenedor{
				flex-direction:row;
				justify-content:space-between;
				align-items:center;
			}
				.ceb-head .ceb-contenedor > *{
					width:auto;
				}
				.ceb-logo{
					max-width:180px;
				}
					.ceb-logo img{
						width:100%;
						height:auto;
					}
				.ceb-head .ceb-contenedor .ceb-menu:last-of-type .menu{
					justify-content:flex-end;
				}
		.ceb-menu-mobile{
			display:none
		}
		
		@media(max-width:900px){/*Ceb-hreader*/
			.ceb-head .ceb-contenedor > *{
				margin:auto;
			}
			.ceb-head .ceb-menu, .ceb-menu-mobile, .ceb-top .ceb-menu-top-2 > div{
				display:none;
			}
			.ceb-top .ceb-contenedor{
				width: calc(var(--width-contenedor-max)* 1.3);
				max-width: calc(var(--width-contenedor-max)* 1.3);
			}
			.ceb-menu-mobile{
					background: var(--color-ceb-overlay-mobile);
					position: fixed;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					z-index: 3;
					padding: var(--padding-base);
					overflow: scroll;
				}
				.ceb-menu-mobile .ceb-menu .menu{
					display:flex;
					flex-direction: column;
					gap:var(--padding-base-mitad);
				}
				.ceb-menu-mobile .ceb-menu .menu li{
					border-bottom: var(--tamano-border);
					padding: var(--padding-base-mitad);
					width: 100%;
					border-color: var(--color-ceb-principal);
				}
				.ceb-menu-mobile .ceb-menu .menu li a{
					color:var(--color-ceb-blanco);
					display:flex;
					flex-direction: row;
					gap:var(--padding-base-mitad);
					transition:var(--transition-base);
				}
					.ceb-menu-mobile .ceb-menu .menu li a:hover, .ceb-menu-mobile .ceb-menu .menu li:before{
						color:var(--color-ceb-principal);
					}
					.ceb-menu-mobile .ceb-menu .menu li a:hover{
						display:flex;
						flex-direction: row;
						gap:var(--padding-base);
					}
					.ceb-menu-mobile .ceb-menu .menu li a:before {
						font-family: var(--familia-fuente-iconos);
						content: "\f105";
						color: var(--color-ceb-principal);
					}
					
			.ceb-menu-mobile.ceb-menu-abierto{
				display: flex;
			}
			
		}
	.ceb-footer > *{
		display:flex;
		gap:var(--padding-base);
		flex-direction: column;
		align-items: center;
	}
		.ceb-footer .ceb-contenedor{
			flex-direction:row;
			justify-content:space-between;
			align-items: flex-start;
		}
		.ceb-footer h2{
			font-size:var(--tamano-fuente-h4);
		}
		.ceb-footer ul{
			list-style:none;
			display: flex;
			flex-direction: column;
			gap: var(--padding-base-mitad);
		}
		.ceb-footer a{
			text-decoration:none;
		}
		.ceb-footer .ceb-btn a {
			width: 296px;
			height: 70px;
			padding: 0;
		}

		.ceb-footer .ceb-footer-widgets .widget_nav_menu{
			display: flex;
			flex-direction: column;
			gap: var(--padding-base-mitad);
		}
		.ceb-footer .ceb-footer-widgets .wp-block-group__inner-container{
			display:flex;
			flex-direction:column;
			gap:var(--padding-base);
		}
		.ceb-footer .ceb-footer-widgets a{
			display:flex;
			flex-direction: row;
			gap:var(--padding-base-mitad);
			transition:var(--transition-base);
			font-weight:var(--tamano-font-weight-normal);
		}
			.ceb-footer .ceb-footer-widgets a:hover{
				display:flex;
				flex-direction: row;
				gap:var(--padding-base);
			}
			.ceb-footer .ceb-footer-widgets a:before{
				font-family:var(--familia-fuente-iconos);
				content:"\f105";
				color: var(--color-ceb-principal);
			}
		.ceb-footer .ceb-footer-widgets li{
			font-family: var(--familia-fuente-principal);
		}
			.ceb-footer .ceb-footer-widgets li:before{
				display:none;
			}
			
			
		.ceb-footer .ceb-footer-widgets{
			padding:var(--padding-composicion) 0;
		}
			.ceb-footer .ceb-footer-widgets .ceb-contenedor > *{
				display:flex;
				gap:var(--padding-base);
				flex-direction: column;
				flex-grow:1;
				flex-basis: 0;
				max-width: 25%;
			}
			.ceb-footer .ceb-footer-widgets .ceb-contenedor > div:first-of-type {
				flex-grow:2;
				padding-right: var(--padding-base);
			}
		.ceb-footer-cta{
			display:flex;
			flex-direction:column;
			gap:var(--padding-base);
		}
			.ceb-footer-cta .menu{
				display:flex;
				gap:var(--padding-base);
				flex-direction: row;
				list-style: none;
			}
				.ceb-footer-cta .menu a:hover i{
					color:var(--color-ceb-principal);
				}
				.ceb-footer-cta .menu a:before{
					content:unset;
				}
		.ceb-footer .ceb-footer-pie .ceb-contenedor{
				border-top:var(--tamano-border) var(--color-ceb-gris);
				align-items: center;
				min-height:calc(var(--height-elementos-min)*2);
				justify-content: flex-start;
			}
			.ceb-footer .ceb-footer-pie .ceb-contenedor > *{
				display:flex;
				flex-direction: row;
				justify-content: flex-start;
				width: auto;
				gap: calc(var(--padding-base-mitad) / 2);
			}
			.ceb-footer .ceb-footer-pie .ceb-contenedor a:hover{
				color:var(--color-ceb-principal);
			}
			
		@media(max-width:900px){
			.ceb-footer .ceb-contenedor{
				flex-direction: column;
			}
			.ceb-footer .ceb-footer-widgets .ceb-contenedor > *{
				max-width: 100%;
			}
			.ceb-footer .ceb-footer-pie .ceb-contenedor{
				padding: var(--padding-base) 0 calc(var(--padding-base)* 3) 0;
			}
		}
	.ceb-flotantes{
		display:flex;
		flex-direction: column;
		width: auto;
		position: fixed;
		bottom: var(--padding-base-mitad);
		right: calc(var(--padding-base-mitad)/4);
		z-index: 3;
		gap:var(--padding-base-mitad);
	}
		.ceb-flotante{/*Boton del footer inferior*/
			background-color:var(--color-ceb-principal);
			padding:var(--padding-base-mitad);
			border-radius:var(--tamano-border-radius);
		}
		.ceb-flotante a{
			text-decoration:none;
		}
		.ceb-flotante a i{
			font-size:var(--tamano-fuente-iconos-flotante);
			color:var(--color-ceb-blanco);
		}
			.ceb-flotante a:hover i{
				color:var(--color-ceb-oscuro);
			}
		.ceb-hambuguesa-cont{ 
			display:none;
		}
	@media(max-width:900px){
		.ceb-hambuguesa-cont{
			display: block;
		}
	}
			
/****	5. Composiciones	****/

	/****	5.1. Sliders	****/
	
		/*.ceb-cmp-slide-1*/
		.ceb-cmp-slide-1{
			padding:var(--padding-composicion-sin);
			min-height: 100vh;
			max-height: fit-content;
			overflow:hidden;
		}
			.ceb-cmp-slide-1 > div{
				display: grid;
				min-height: 100vh;
				grid-template-columns: 1fr;
				grid-template-rows: auto;
				align-items: stretch;
				height: auto;
				position:relative;
			}
			.ceb-cmp-slide-1 > div > *{
				grid-area: 1 / 1 ;
			}
			.ceb-cmp-slide-1 .wp-block-gallery{
				position: absolute;
				width:100%;
				height:100%;
				display:flex;
				gap:var(--padding-base);
				flex-direction:row;
				align-items:center;
			}
			.ceb-cmp-slide-1 .ceb-contenedor{
				background: var(--color-ceb-radial-gradient);
				min-height: 100vh;
				height: fit-content;
				z-index: 1;
				position:relative;
			}
				.ceb-cmp-slide-1 .ceb-contenedor{
					pointer-events: none;
				}
				.ceb-cmp-slide-1 .ceb-contenedor a{
					pointer-events: all;
				}
				.ceb-cmp-slide-1 .ceb-contenedor-sub{
					padding:var(--padding-base) 0;
					justify-content: center;
				}
					.ceb-cmp-slide-1 .ceb-contenedor-sub > * {
						display:flex;
						text-align:center;
						justify-content:center;
						margin: 0 auto;
						flex-direction:column;
					}
					.ceb-cmp-slide-1 .ceb-contenedor-sub p{
						width:70%;
						margin:0 auto;
						color:var(--color-ceb-blanco);
					}
					.ceb-cmp-slide-1 .ceb-contenedor-sub strong{
						color:var(--color-ceb-blanco);
					}
					.ceb-cmp-slide-1 .ceb-contenedor-sub .ceb-btn{
						margin:0 auto;
					}
					
			@media(max-width:900px){
				.ceb-cmp-slide-1 .ceb-contenedor-sub p{
					width:100%;
				}
					
			}
		
		/*ceb-cmp-slide-2*/
		.ceb-cmp-slide-2{
			padding:var(--padding-composicion-sin);
			min-height: 100vh;
			max-height: fit-content;
			overflow:hidden;
		}
		
			.ceb-cmp-slide-2 > div{
				display: grid;
				min-height: 100vh;
				grid-template-columns: 1fr;
				grid-template-rows: auto;
				align-items: stretch;
				height: auto;
				position:relative;
			}
			.ceb-cmp-slide-2 > div > *{
				grid-area: 1 / 1 ;
			}
			.ceb-cmp-slide-2 .wp-block-gallery{
				position: absolute;
				width:100%;
				height:100%;
				display:flex;
				gap:var(--padding-base);
				flex-direction:row;
				align-items:center;
			}
			.ceb-cmp-slide-2 > div > div:last-of-type{
				width:100%;
				background:var(--color-ceb-overlay) ;
				min-height: 100vh;
				height: fit-content;
				z-index: 1;
				position:relative;
			}
			
				.ceb-cmp-slide-2 .ceb-contenedor{
					padding:0;
					margin: 0 auto;
					pointer-events: none;
				}
					.ceb-cmp-slide-2 .ceb-contenedor a{
						pointer-events: all;
					}
					.ceb-cmp-slide-2 .ceb-contenedor .ceb-img{
						height: 90%;
						margin: auto auto 0 auto;
						display: flex;
						justify-content: flex-end;
						max-height: 100vh;
					}
						.ceb-cmp-slide-2 .ceb-contenedor .ceb-img img{
							min-height: 100%;
							max-width: fit-content;
							margin: 0 auto;
						}
					.ceb-cmp-slide-2 .ceb-contenedor-sub{
						padding:var(--padding-base) 0;
					}
					.ceb-cmp-slide-2 .ceb-contenedor-sub >*{
						display: flex;
						text-align: left;
						justify-content: flex-start;
					}
					.ceb-cmp-slide-2 .ceb-contenedor-sub p{
						width:70%;
						margin:0 auto 0 0;
						color:var(--color-ceb-blanco);
					}
					.ceb-cmp-slide-2 .ceb-contenedor-sub strong{
						color:var(--color-ceb-blanco);
					}
					.ceb-cmp-slide-2 .ceb-contenedor-sub .ceb-btn{
						margin:0 auto 0 0;
					}
					
			@media(max-width:900px){
				.ceb-cmp-slide-2 .ceb-contenedor-sub p{
					width:100%;
				}
				.ceb-cmp-slide-2 .ceb-contenedor .ceb-img{
					height: auto;
				}
					.ceb-cmp-slide-2 .ceb-contenedor .ceb-img img{
						max-width: 100%;
					}
					
						
			}
		
		/*ceb-cmp-texto-3*/
		.ceb-cmp-slide-3 .ceb-contenedor-sub > *{
			display:flex;
			flex-direction:column;
			gap:var(--padding-base);
		}
		
		/*.ceb-cmp-slide-4*/
		.ceb-cmp-slide-4{
			padding:var(--padding-composicion-sin);
			min-height: 100vh;
			max-height: fit-content;
			overflow:hidden;
		}
			.ceb-cmp-slide-4 > div{
				display: grid;
				min-height: 100vh;
				grid-template-columns: 1fr;
				grid-template-rows: auto;
				align-items: stretch;
				height: auto;
				position:relative;
			}
			.ceb-cmp-slide-4 > div > *{
				grid-area: 1 / 1 ;
			}
			.ceb-cmp-slide-4 .wp-block-gallery{
				position: absolute;
				width:100%;
				height:100%;
				display:flex;
				gap:var(--padding-base);
				flex-direction:row;
				align-items:center;
			}
			.ceb-cmp-slide-4 .ceb-contenedor{
				background: var(--color-ceb-gris-oscuro);
				min-height: 100vh;
				height: fit-content;
				z-index: 1;
				position: relative;
				width: 50%;
				padding:0 var(--padding-base) 0 calc(var(--padding-base)*3);
				margin: 0 auto 0 0;
				box-shadow: 5px 0px 7px #00000052;
				border-right: var(--tamano-border) var(--color-ceb-oscuro);
			}
				.ceb-cmp-slide-4 .ceb-contenedor-sub{
					padding:var(--padding-base) 0;
					justify-content: center;
					width: auto;
					min-width: 100%;
				}
					.ceb-cmp-slide-4 .ceb-contenedor-sub > * {
						display:flex;
						text-align:left;
						justify-content:center;
						margin: 0;
						flex-direction:column;
					}
					.ceb-cmp-slide-4 .ceb-contenedor-sub .wp-block-heading{
						color: var(--color-ceb-principal);
					}
					.ceb-cmp-slide-4 .ceb-contenedor-sub p{
						width:70%;
						margin:0;
						color:var(--color-ceb-blanco);
					}
					.ceb-cmp-slide-4 .ceb-contenedor-sub strong{
						color:var(--color-ceb-blanco);
					}
					.ceb-cmp-slide-4 .ceb-contenedor-sub .ceb-btn{
						margin:0 auto 0 0;
					}
					.ceb-cmp-slide-4 .ceb-carrusel .ceb-btn-izq{
						opacity:0;
						right: var(--padding-base-mitad);
						left: auto;
						top: calc(48% - var(--tamano-fuente-iconos-flotante));
					}
					
			@media(max-width:900px){
				.ceb-cmp-slide-4 > div{
					display: flex;
					flex-direction: column;
				}
					.ceb-cmp-slide-4 .wp-block-gallery{
						position: relative;
					}
					.ceb-cmp-slide-4 .ceb-contenedor{
						width: 100%;
						min-height: auto;
						margin: 0;
						max-width: 100%;
						box-shadow: none;
						border: none;
						border-top: var(--tamano-border) var(--color-ceb-oscuro);
					}
					.ceb-cmp-slide-4 .ceb-contenedor-sub{
						max-width: var(--width-contenedor-max);
					}
					.ceb-cmp-slide-4 .ceb-contenedor-sub p{
						width:100%;
					}
					.ceb-cmp-slide-4 .ceb-carrusel .ceb-btn-izq{
						display:flex;
						justify-content:flex-end;
					}
					
			}
		
			
	/****	5.2. Galerias	****/
	
	/****	5.3. Formularios	****/
	
		/*ceb-cmp-formulario-1*/
		.ceb-cmp-formulario-1 .ceb-cls-column-x2 > *{
			gap:var(--padding-base-mitad);
			justify-content:flex-start;
		}
			.ceb-cmp-formulario-1 .ceb-cls-column-x2 > div:last-of-type > *{
				width:100%;
			}
			.ceb-cmp-formulario-1 .ceb-cls-column-x2 .ceb-btn{
				justify-content: left;
			}
			.ceb-cmp-formulario-1 ul{
				padding-left:var(--padding-base-mitad);
			}
			.ceb-cmp-formulario-1 iframe{
				height:100%;
				min-height: 400px;
			}
		
		/*ceb-cmp-formulario-2*/
		.ceb-cmp-formulario-2 .ceb-cls-column-x2 > *{
			gap:var(--padding-base-mitad);
			justify-content:flex-start;
		}
			.ceb-cmp-formulario-2 .ceb-bloque.var2.ceb-cles-sticky{
				top:calc(100vh / 10);
			}
			.ceb-cmp-formulario-2 .ceb-acordeon.var1 .wp-block-details summary{
				color:var(--color-ceb-blanco);
				border-color:var(--color-ceb-blanco);
			}
			.ceb-cmp-formulario-2 .ceb-formulario.var2 :is(input, textarea) {
				border-color:var(--color-ceb-blanco);
			}
			.ceb-cmp-formulario-2 .ceb-cls-column-x2 > div:last-of-type > :is(p,ul,span):not(.ceb-cles-width-100){
				width:calc(var(--width-base)/2);
			}
			.ceb-cmp-formulario-2 .ceb-cls-column-x2 .ceb-btn{
				justify-content: left;
			}
		
			@media(max-width:900px){
				.ceb-cmp-formulario-2 .ceb-cls-column-x2 > div:last-of-type > :is(p,ul,span):not(.ceb-cles-width-100){
					width:100%;
				}
			}
	
	/****	5.4. Clusters	****/
	
	/****	5.5. Textos	****/
	
		/*ceb-cmp-texto-1*/
		.ceb-cmp-texto-1 .ceb-contenedor-sub > *{
			display:flex;
			flex-direction:column;
			gap:var(--padding-base);
		}
		
		/*ceb-cmp-texto-2*/
		.ceb-cmp-texto-2 .ceb-contenedor > .ceb-cls-column-x2 > *{
				max-width:unset;
			}
			.ceb-cmp-texto-2 .ceb-contenedor-sub{
				width: 100%;
			}
			.ceb-cmp-texto-2 .ceb-contenedor-sub .wp-block-column{
				display: flex;
				flex-direction: column;
				gap: var(--padding-base);
			}
			.ceb-cmp-texto-2 .ceb-contenedor-sub-sub{
				background:var(--color-ceb-gris);
				box-shadow:var(--sombra-base);
				padding: var(--padding-base-mitad);
				margin: 0;
			}
		
		/*ceb-cmp-texto-3*/
		.ceb-cmp-texto-3 .ceb-contenedor-sub > *{
			display:flex;
			flex-direction:column;
			gap:var(--padding-base);
		}
			.ceb-cmp-texto-3 .ceb-lista {
				width: calc(var(--width-base)* 0.8);
				margin: 0 auto;
			}
		
		/*ceb-cmp-texto-4*/
		.ceb-cmp-texto-4 .ceb-cls-column-x2 > *{
			gap:var(--padding-base-mitad);
			justify-content:flex-start;
		}
			.ceb-cmp-texto-4 .ceb-cls-column-x2 > div:first-of-type figure{
				display:flex;
				justify-content:flex-end;
			}
				.ceb-cmp-texto-4 .ceb-cls-column-x2 > div:first-of-type figure.ceb-carrusel{
					justify-content:flex-start;
				}
				.ceb-cmp-texto-4 .ceb-cls-column-x2 > div:first-of-type figure img{
					min-width:100%;
					height:auto;
				}
			.ceb-cmp-texto-4 .ceb-cls-column-x2 > div:last-of-type > :is(p,ul,span):not(.ceb-cles-width-100){
				width:calc(var(--width-base)/2);
			}
			.ceb-cmp-texto-4 .ceb-cls-column-x2 .ceb-btn{
				justify-content: left;
			}
		
		@media(max-width:900px){
			.ceb-cmp-texto-4 .ceb-cls-column-x2 > div:last-of-type > :is(p,ul,span):not(.ceb-cles-width-100){
				width:100%;
			}
		}
				
			
		
	
	/****	5.6. FAQ	****/
	
		/*ceb-cmp-faq-1*/
		.ceb-cmp-faq-1 .ceb-contenedor-sub > *{
			display:flex;
			flex-direction:column;
			gap:var(--padding-base);
		}
		
		/*ceb-cmp-faq-2*/
		.ceb-cmp-faq-2 .ceb-cls-column-x2 > *{
			gap:var(--padding-base-mitad);
			justify-content:flex-start;
		}
			.ceb-cmp-faq-2 .ceb-cls-column-x2 > div:first-of-type figure{
				display:flex;
				justify-content:flex-end;
			}
				.ceb-cmp-faq-2 .ceb-cls-column-x2 > div:first-of-type figure img{
					min-width:100%;
					height:auto;
				}
			.ceb-cmp-faq-2 .ceb-cls-column-x2 > div:last-of-type > *{
				width:100%;
			}
			.ceb-cmp-faq-2 .ceb-cls-column-x2 .ceb-btn{
				justify-content: left;
			}
	
	/****	5.7. Precios	****/
		/*ceb-cmp-precio-1*/
		.ceb-cmp-precio-1 .ceb-contenedor-sub > *{
			display:flex;
			flex-direction:column;
			gap:var(--padding-base);
		}
			.ceb-cmp-precio-1 .ceb-fondo-principal{
				background-color:var(--color-ceb-principal);
			}
				.ceb-cmp-precio-1 .ceb-fondo-principal :is(.ceb-h, strong, .wp-block-separator), .ceb-cmp-precio-1 .ceb-fondo-principal li:before{
					color:var(--color-ceb-blanco);
				}
	
	/****	5.8. Viñetas	****/
	
		/*ceb-cmp-vineta-1*/
		.ceb-cmp-vineta-1{
			padding:var(--padding-composicion-sin);
			max-height:100vh;
			overflow:hidden;
		}
			.ceb-cmp-vineta-1 .ceb-contenedor{
				width: 100%;
				max-width: calc(var(--width-contenedor-max)*1.5px);
				margin: 0;
				display: grid;
				grid-template-columns: 26% 37% 37%;
				grid-template-rows: 33vh 33vh 34vh;
				grid-template-areas:
					"vin2 vin1 vin1"
					"vin3 vin1 vin1"
					"vin4 vin1 vin1";
				gap: 0;
				align-items: flex-start;
				height: 100%;
			}
				.ceb-cmp-vineta-1 .ceb-contenedor > :nth-child(1){
					grid-area: vin1;
				}
				.ceb-cmp-vineta-1 .ceb-contenedor > :nth-child(2){
					grid-area: vin2;
				}
				.ceb-cmp-vineta-1 .ceb-contenedor > :nth-child(3){
					grid-area: vin3;
				}
				.ceb-cmp-vineta-1 .ceb-contenedor > :nth-child(4){
					grid-area: vin4;
				}
				.ceb-cmp-vineta-1 .ceb-contenedor .ceb-bloque.var1{
					aspect-ratio: auto;
					height: 100%;
					box-sizing: border-box;
					border: var(--tamano-border) var(--color-ceb-blanco);
				}
					.ceb-cmp-vineta-1 .ceb-contenedor .ceb-bloque.var1 .ceb-contenedor-sub-sub > .wp-block-column{
						justify-content: flex-end;
					}
					.ceb-cmp-vineta-1 .ceb-contenedor .ceb-bloque.var1 .ceb-contenedor-sub-sub .ceb-btn{
						justify-content: left;
					}
			@media(max-width:900px){
				.ceb-cmp-vineta-1{
					max-height:fit-content;
				}
					.ceb-cmp-vineta-1 .ceb-contenedor{
						display:flex;
					}
					.ceb-cmp-vineta-1 .ceb-contenedor .ceb-bloque.var1{
						aspect-ratio: 1 / 1;
					}
			}
		
		/*ceb-cmp-vineta-2*/
		.ceb-cmp-vineta-2 .ceb-contenedor-sub > *{
			display:flex;
			flex-direction:column;
			gap:var(--padding-base);
		}
		
		/*ceb-cmp-vineta-3*/
		.ceb-cmp-vineta-3 .ceb-contenedor-sub > *{
			display:flex;
			flex-direction:column;
			gap:var(--padding-base);
		}
		.ceb-cmp-vineta-3 .ceb-contenedor-sub.ceb-cles-grid{
			width:100%;
		}
			.ceb-cmp-vineta-3 .ceb-contenedor-sub.ceb-cles-grid > * {
				display:grid;
				grid-template-columns: repeat(7, 2fr);
				grid-template-rows:repeat(2,1fr);
				gap:0;
			}
				.ceb-cmp-vineta-3 .ceb-contenedor-sub.ceb-cles-grid > div > div:nth-child(2n+1){/*impar*/
					grid-row-start:1;
					padding-bottom: calc(var(--padding-base)*1.5);
					position:relative;
				}
					.ceb-cmp-vineta-3 .ceb-contenedor-sub.ceb-cles-grid .ceb-bloque:nth-child(2n+1)::after{
						font-family:var(--familia-fuente-iconos);
						content:'\f062';
						position:absolute;
						bottom:-8px;
						left:50%;
						font-size: var(--tamano-fuente-h2);
						color: var(--color-ceb-oscuro);
					}
				.ceb-cmp-vineta-3 .ceb-contenedor-sub.ceb-cles-grid > div > div:nth-child(2n){/*par*/
					grid-row-start:2;
					padding-top: calc(var(--padding-base)*1.6);
					position:relative;
				}
					.ceb-cmp-vineta-3 .ceb-contenedor-sub.ceb-cles-grid .ceb-bloque:nth-child(2n)::before{
						font-family:var(--familia-fuente-iconos);
						content:'\f063';
						position:absolute;
						top:-3px;
						left:46%;
						font-size: var(--tamano-fuente-h2);
						color: var(--color-ceb-oscuro);
					}
				.ceb-cmp-vineta-3 .ceb-contenedor-sub.ceb-cles-grid > div > div:nth-child(1){
					grid-column:1 / 3;
				}
				.ceb-cmp-vineta-3 .ceb-contenedor-sub.ceb-cles-grid > div > div:nth-child(2){
					grid-column:2 / 4;
				}
				.ceb-cmp-vineta-3 .ceb-contenedor-sub.ceb-cles-grid > div > div:nth-child(3){
					grid-column:3 / 5;
				}
				.ceb-cmp-vineta-3 .ceb-contenedor-sub.ceb-cles-grid > div > div:nth-child(4){
					grid-column:4 / 6;
				}
				.ceb-cmp-vineta-3 .ceb-contenedor-sub.ceb-cles-grid > div > div:nth-child(5){
					grid-column:5 / 7;
				}
				.ceb-cmp-vineta-3 .ceb-contenedor-sub.ceb-cles-grid > div > div:nth-child(6){
					grid-column:6 / 8;
				}
				.ceb-cmp-vineta-3 .ceb-contenedor-sub.ceb-cles-grid .wp-block-separator{
					grid-row-start: 2;
					z-index: 3;
					width: 100%;
					grid-column: 1 / 8;
					border-top: 5px solid;
					color: var(--color-ceb-oscuro);
				}
				.ceb-cmp-vineta-3 .ceb-contenedor-sub.ceb-cles-grid .ceb-bloque.var6{
					box-shadow:none;
				}
			@media(max-width:900px){
				.ceb-cmp-vineta-3 .ceb-contenedor-sub.ceb-cles-grid > *{
					display:flex;
					flex-direction:column;
					gap:var(--padding-base-mitad);
				}	
				.ceb-cmp-vineta-3 .ceb-contenedor-sub.ceb-cles-grid .ceb-bloque.var6{
					padding-bottom: calc(var(--padding-base)*1.5);
					padding-top: 0;
				}
				.ceb-cmp-vineta-3 .ceb-contenedor-sub.ceb-cles-grid .wp-block-separator, .ceb-cmp-vineta-3 .ceb-contenedor-sub.ceb-cles-grid .ceb-bloque:nth-child(2n+1)::after, .ceb-cmp-vineta-3 .ceb-contenedor-sub.ceb-cles-grid .ceb-bloque:nth-child(2n)::before{
					display:none;
					
				}
			}
		
		/*ceb-cmp-vineta-4*/
		.ceb-cmp-vineta-4 .ceb-contenedor-sub > *{
			display:flex;
			flex-direction:column;
			gap:var(--padding-base);
		}
			.ceb-cmp-vineta-4 .ceb-cles-flex-row{
			gap: 0;
			justify-content: space-between;
			flex-wrap: wrap;
			}
				.ceb-cmp-vineta-4 .ceb-cles-flex-row > *{
					width:calc(100%/3);
					aspect-ratio: 1 / 1;
				}
			@media(max-width:900px){
				
				.ceb-cmp-vineta-4 .ceb-cles-flex-row > *{
					width:100%;
					aspect-ratio: auto;
				}
				
			}

	/****	5.9. Tablas	****/
		
		/*ceb-cmp-tabla-1*/
	
/****	6. Animaciones	****/

	/****	6.1. In-view	****/	/* Recordad colocar la clase ceb-animacion-view y la clase solo la clase nombrada: Ej: in-view-motion-dw*/
		.ceb-animacion-view{
			opacity:0;
			transition:var(--transition-lenta);
		}
			@keyframes motion-opacity-out{
				from{
					 opacity:1;
				}
				to{
					opacity:0;
				}
			}
		.ceb-animacion-view.in-view{
			opacity:1;
			transition:var(--transition-lenta);
		}
			@keyframes motion-opacity-in{
				from{
					 opacity:0;
				}
				to{
					opacity:1;
				}
			}
		/*in-view-motion-dw*/ /*Animacion para que aparezca de abajo hacia arriba en opacidad*/
		.in-view-motion-dw.in-view{
			animation: 1s motion-dw var(--animate-ceb-base);
		}
			@keyframes motion-dw{
				from{
					 transform:translateY(10px);
				}
				to{
					transform:translateY(0);
				}
			}
		
		/*in-view-motion-tp*/ /*Animacion para que aparezca de arriba hacia abajo en opacidad*/
		.in-view-motion-tp.in-view{
			animation: 1s motion-tp var(--animate-ceb-base);
		}
			@keyframes motion-tp{
				from{
					 transform:translateY(-10px);
					
				}
				to{
					
					transform:translateY(0);
				}
			}
		
		/*in-view-motion-rt*/ /*Animacion para que aparezca de dercha hacia 0 en opacidad*/
		.in-view-motion-rt.in-view{
			animation: 1s motion-rt var(--animate-ceb-base);
		}
			@keyframes motion-rt{
				from{
					 transform:translateX(10px);
					
				}
				to{
					
					transform:translateX(0);
				}
			}
		
		/*in-view-motion-lft*/ /*Animacion para que aparezca de izquiera hacia 0 en opacidad*/
		.in-view-motion-lft.in-view{
			animation: 1s motion-lft var(--animate-ceb-base);
		}
			@keyframes motion-lft{
				from{
					 transform:translateX(-10px);
					 
				}
				to{
					
					transform:translateX(0);
				}
			}

/****	7. Clases especiales	
	/**** 7.0. Básicas ****/
		.ceb-cles-numeracion{
			color:var(--color-ceb-blanco);
		}
		.ceb-cles-margin-left{/*Permite que un elemento alineado por la margen quede alineado a la izquierda*/
			margin:0 auto 0 0;
		}
		.ceb-cles-margin-right{/*Permite que un elemento alineado por la margen quede alineado a la derecha*/
			margin:0 0 0 auto;
		}
		.ceb-cles-margin-center{/*Permite que un elemento alineado por la margen quede alineado al centro*/
			margin:0 auto;
		}
		.ceb-cles-margin-zero{
			margin:0 !important;
		}
		.ceb-cles-width-100{/*Permite que un elemento sea del ancho de su padre. Se usa principalmente para cambiar el ancho del ceb-contenedor-sub*/
			width:100% !important;
		}
		.ceb-cles-width-base{
			max-width:var(--width-base) !important;
		}
		.ceb-cles-height-100{
			min-height:100vh !important;
		}
		.ceb-cles-altas{
			text-transform: uppercase;
			font-weight:700;
		}
		.ceb-cles-h2{
			font-size:var(--tamano-fuente-h2) !important;
		}
		body .ceb-cles-color-blanco, body .ceb-cles-color-blanco strong{
			color:var(--color-ceb-blanco);
		}
		body .ceb-cles-fondo-blanco{/*La diferencia con ceb-fondo-principal es que éste se usa directo en un elemento, por eso tiene el important, mientran que el otro se usa como padre de fondo*/
			background-color: var(--color-ceb-blanco) !important;
		}
		body .ceb-cles-fondo-oscuro{/*La diferencia con ceb-fondo-principal es que éste se usa directo en un elemento, por eso tiene el important, mientran que el otro se usa como padre de fondo*/
			background-color: var(--color-ceb-oscuro) !important;
		}
		body .ceb-cles-fondo-principal{/*La diferencia con ceb-fondo-principal es que éste se usa directo en un elemento, por eso tiene el important, mientran que el otro se usa como padre de fondo*/
			background-color: var(--color-ceb-principal) !important;
		}
		body .ceb-cles-block{
			display:block !important;
		}
		body .ceb-cles-none{
			display:none !important;
		}
		body .ceb-cles-fuente-mitad{
			font-size:var(--tamano-fuente-base-mitad);
		}
		body .ceb-cles-sticky{
			position: sticky !important;
			top: 0px;
			z-index: 2;
		}
		.ceb-cles-incrustado{/*Srive como contenedor de codigos incrustado y que se adapte al tamaño de su contendedor*/
			width: 100%;
			height: fit-content;
		}
			.ceb-cles-incrustado iframe{
				width: 100%;
				height: auto;
				aspect-ratio: 16 / 9;
			}
		body .ceb-cles-solo-mobile{
			display:none !important;
		}
		
		body .ceb-cles-radius-circular{
			border-radius: var(--tamano-border-radius-circular) !important;
			overflow: hidden;
			border: var(--tamano-border-grueso);
			border-color: var(--color-ceb-blanco);
			box-shadow: var(--sombra-base);
		}
			.ceb-cles-radius-circular img{
				height: 100%;
				width: auto;
				aspect-ratio: 1 / 1;
				object-fit: cover;
			}
		.ceb-cles-events-none{
			pointer-events: none;
		}
		
		@media(max-width:900px){
			body .ceb-cles-solo-mobile{
				display:initial !important;
			}
		}

		
	/**** 7.1. Flex ****/
		.ceb-cles-flex-row{
			width: 100%;
			display:flex !important;
			flex-direction:row !important;
			gap:var(--padding-base);
			justify-content:flex-start;
			align-items:flex-start;
			text-align: left;
		}
			.ceb-cles-flex-row:is(h1,h2,h3,h4,h5,h6){
				gap:0;
			}
		.ceb-cles-flex-column{
			width: 100%;
			display:flex !important;
			flex-direction:column !important;
			gap:var(--padding-base);
			justify-content:flex-start;
			align-items:flex-start;
		}
			.ceb-cles-flex-column:is(h1,h2,h3,h4,h5,h6){
				gap:0;
			}
		.ceb-cles-row-left{/*Alinear a la izquierda elemento flex con direccion tipo column*/
			justify-content:left !important;
		}
		.ceb-cles-row-center{/*Alinear al centro elemento flex con direccion tipo column*/
			justify-content:center !important;
		}
		.ceb-cles-row-right{/*Alinear a la derecha elemento flex con direccion tipo column*/
			justify-content:right;
		}
		.ceb-cles-column-left{/*Alinear a la izquierda elemento flex con direccion tipo row*/
			align-items:flex-start;
		}
		.ceb-cles-column-center{/*Alinear al centro elemento flex con direccion tipo row*/
			align-items: center;
		}
		.ceb-cles-column-right{/*Alinear a la derecha elemento flex con direccion tipo row*/
			align-items: right;
		}
		.ceb-cls-column-x2{
			display:flex;
			flex-direction:row;
			gap: var(--padding-base);
			flex-wrap: wrap;
			width:100%;
		}
			.ceb-cls-column-x2 > *{
				min-width:calc(50% - var(--padding-base));
				max-width:50%;
				display:flex;
				flex-direction:column;
				gap:var(--padding-base);
			}
		.ceb-cls-column-x3{
			display:flex;
			flex-direction:row;
			gap: var(--padding-base);
			flex-wrap: wrap;
			justify-content: space-between;
		}
			.ceb-cls-column-x3 > *{
				min-width:30%;
				max-width:30%;
				display:flex;
				flex-direction:column;
				gap:var(--padding-base);
			}
		.ceb-cls-column-x4{
			display:flex;
			flex-direction:row;
			gap: var(--padding-base);
			flex-wrap: wrap;
			justify-content: space-between;
		}
			.ceb-cls-column-x4 > *{
				min-width:22%;
				max-width:22%;
				display:flex;
				flex-direction:column;
				gap:var(--padding-base);
			}
		
		.ceb-cles-row-reverse{/*reinvierte el row*/
			flex-direction: row-reverse;
		}
		.ceb-cles-gap-cero{
			gap:0 !important;
		}
		.ceb-cles-gap-base{
			gap:var(--padding-base) !important;
		}
		.ceb-cles-gap-base-mitad{
			gap:var(--padding-base-mitad) !important;
		}
		
		
		@media(max-width:900px){
			
			.wp-block-columns.ceb-cls-column-x2, .wp-block-columns.ceb-cls-column-x3, .wp-block-columns.ceb-cls-column-x4{
				flex-wrap: nowrap !important;
			}
			.ceb-cles-flex-row, .ceb-cls-column-x2, .ceb-cls-column-x3, .ceb-cls-column-x4{
				flex-direction:column !important;
			}
				.ceb-cls-column-x2 > * , .ceb-cls-column-x3 > * , .ceb-cls-column-x4 > *{
					min-width:100%;
					max-width:100%;
				}
				
		}
	
	/**** 7.2. Grid ****/
		.ceb-cles-grid{
			display:grid !important;
		}
		
/****	8. Clases js	****/
	/**** 8.1. Head ****/
		/*ceb-js-header-scroll-down*/ /*Clases que permite que head se oculte cuando hace scroll down*/
		.ceb-js-header-scroll-down{
			transition:var(--transition-base);
			position:sticky;
		}
	
	/**** 8.2. Overlay ****/
	
		/*ceb-js-overlay-galeria*/ /*Cuando deseé que una galeria tenga overlay, debo ponerle ésta clase a la galeria "ceb-js-overlay-galeria" para que desde js lo identifique*/
		body .ceb-js-overlay-galeria-activa.ceb-js-overlay-galeria{
			display:grid;
			position: fixed;
			width: 100% ;
			height: 100% ;
			background: var(--color-ceb-overlay);
			top: 0;
			left: 0;
			max-height: 100% ;
			padding: var(--padding-base);
			border-radius: 0 ;
			grid-template-columns: repeat(12, 1fr) ;
			grid-template-rows: repeat(4, 1fr) ;
			z-index: 3;
		}
			body .ceb-js-overlay-galeria-activa.ceb-js-overlay-galeria figure{
				aspect-ratio: unset;
				max-width: none !important;
			}
			body .ceb-js-overlay-galeria img{
				cursor:pointer;
			}
			body .ceb-js-overlay-galeria-activa.ceb-js-overlay-galeria img{
				cursor:unset;
			}
			body .ceb-js-overlay-galeria-activa.ceb-js-overlay-galeria > .wp-block-image{
				width: auto !important;
				grid-area: 1 / 3 / 5 / 11 ;
			}
				body .ceb-js-overlay-galeria-activa.ceb-js-overlay-galeria > figure.wp-block-image img{
					height: 100% !important;
					width: auto !important;
					max-width: 100% !important;
					max-height: 100% !important;
					object-fit: contain !important;
				}
			body .ceb-js-overlay-galeria-activa.ceb-js-overlay-galeria .ceb-cles-numeracion{
				grid-area: 1 / 1;
			}
			body .ceb-js-overlay-galeria-activa.ceb-js-overlay-galeria .ceb-btn-cerrar{
				grid-area: 1 / 12;
				margin: 0 0 0 auto;
			}
			body .ceb-js-overlay-galeria-activa.ceb-js-overlay-galeria .ceb-btn-izq{
				grid-area: 3 / 1;
			}
			body .ceb-js-overlay-galeria-activa.ceb-js-overlay-galeria .ceb-btn-der{
				grid-area: 3 / 12;
				margin: 0 0 0 auto;
			}
			@media(max-width:900px){
				body .ceb-js-overlay-galeria-activa.ceb-js-overlay-galeria{
					padding:var(--padding-base-mitad);
				}
				body .ceb-js-overlay-galeria-activa.ceb-js-overlay-galeria > .wp-block-image{
					grid-area: 1 / 2 / 5 / 12;
				}
				body .ceb-js-overlay-galeria-activa.ceb-js-overlay-galeria .ceb-btn-der, body .ceb-js-overlay-galeria-activa.ceb-js-overlay-galeria .ceb-btn-cerrar{
					display:flex;
					justify-content:flex-end;
				}
			}
			
	/**** 8.3. Galeria ****/
	
		/*ceb-js-galleria-limitada*/
		.ceb-js-galleria-limitada .ceb-js-galleria-limitada-oc{
			display:none;
		}
			.ceb-js-galleria-limitada.ceb-js-overlay-galeria-activa .ceb-js-galleria-limitada-oc{
				display:initial;
			}
			
		.ceb-js-galleria-limitada .ceb-js-galleria-limitada-plus{
			position:relative;
		}
			
			.ceb-js-galleria-limitada .ceb-js-galleria-limitada-plus:after{
				font-family:var(--familia-fuente-iconos);
				font-size:calc(var(--tamano-fuente-iconos-base)*1.3);
				color:var(--color-ceb-blanco);
				display:flex;
				justify-content:center;
				align-items:center;
				content:'\2b';
				background-color:var(--color-ceb-overlay);
				width:100%;
				height:100%;
				position:absolute;
				top:0;
				left:0;
				pointer-events: none;
			}
			.ceb-js-galleria-limitada .ceb-js-galleria-limitada-plus:hover:after{
				color:var(--color-ceb-principal);
			}
			.ceb-js-galleria-limitada.ceb-js-overlay-galeria-activa .ceb-js-galleria-limitada-plus:after{
				display:none;
			}
	
	/**** 8.4. Carrusel ****/
		
		/*ceb-carrusel*/
		.ceb-carrusel{
			position:relative;
			overflow: hidden;
		}
			.ceb-carrusel .ceb-carrusel-mask{
				display:flex;
				transition:var(--transition-base);
			}
			.ceb-carrusel .ceb-carrusel-conti{
				justify-content:flex-start;
			}
			.ceb-carrusel .ceb-btn-izq{
				position:absolute;
				top:50%;
				left: var(--padding-base-mitad);
				z-index: 2;
				display: flex;
				justify-content: flex-start;
			}
			.ceb-carrusel .ceb-btn-der{
				position:absolute;
				top:50%;
				right: var(--padding-base-mitad);
				z-index: 2;
				display: flex;
				justify-content: flex-end;
			}