/*
Theme Name: Ceballos
Theme URI: https://www.ceballos.pro
Author: Enrique Ceballos D
Author URI: https://www.ceballos.pro
Description: Ceballos Theme te ayuda a crear sitios web informativos con un amplio banco de diseños.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1
Text Domain: ceballos
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog
*/

.alba-head-h1{
	height:100%;
}
.alba-cluster .wp-block-gallery{
	width: 150px;
    height: 150px;
    box-sizing: border-box;
}
.alba-cluster .wp-block-gallery figure img{
		padding: 30px;
	}
.alba-cluster .wp-block-gallery .ceb-btn-js{
	display:none !important;
}

@media(max-width:950px){
	:root{
		--wp--preset--spacing--42: 15px;
		--wp--preset--spacing--90: 15px;
		--wp--preset--spacing--380: 50px;
	}
	.wp-block-spacer{
		height: 50px !important;
	}
	.alba-cluster{
		padding-top: 70px !important; 
		padding-bottom: 70px !important;
		gap:70px;
	}
}
.formulario-alba .wpcf7{
			padding:50px 80px;
			border: 1px solid #1b43322e;;
			margin: 0 auto;
		}
		.formulario-alba .wpcf7 :is(input, select){
			    width: 100% !important;
				height: 55px !important;
				padding: 0 10px !important;
				box-sizing: border-box !important;
				font-size: 12px !important;
				background: none !important;
				border: none !important;
				border-bottom: 1px solid var(--wp--preset--color--oscuro)  !important;
				color: var(--wp--preset--color--oscuro) !important;
		}
				.formulario-alba .wpcf7 input::placeholder{
					color: var(--wp--preset--color--oscuro) !important;
				}
				.formulario-alba .wpcf7 select option{
					color:var(--wp--preset--color--oscuro) !important;
				}
			.formulario-alba .wpcf7 input.wpcf7-submit{
				background: var(--wp--preset--color--principal) !important;
				border: none !important;
				border-radius: 10px !important;
				text-transform: uppercase !important;
				font-family: var(--wp--preset--font-family--inter) !important;
				font-size: 14px !important;
				letter-spacing: 2px !important;
				font-weight: 900 !important;
				color: var(--wp--preset--color--blanco) !important;
			}

/*animaciones infinitas logos*/
	@keyframes slide {
	  from {
		transform: translateX(0);
	  }
	  to {
		transform: translateX(-100%);
	  }
	}

.ceb-alba-auto-item{
	position: relative;
    width: 100%;
    overflow: hidden;
}
	.ceb-alba-auto-item:before,.ceb-alba-auto-item:after {
	  position: absolute;
	  top: 0;
	  width: 15%;
	  height: 100%;
	  content: "";
	  z-index: 2;
	}

	.ceb-alba-auto-item:before {
	  left: 0;
	  background: linear-gradient(to left, #fdfdfd00,#4140b8);
	}

	.ceb-alba-auto-item:after {
	  right: 0;
	  background: linear-gradient(to right, #fdfdfd00,#4140b8);
	}
		.ceb-alba-auto-item.var-aguamarina:before {
		  left: 0;
		  background: linear-gradient(to left, #fdfdfd00,#58CEDB);
		}

		.ceb-alba-auto-item.var-aguamarina:after {
		  right: 0;
		  background: linear-gradient(to right, #fdfdfd00,#58CEDB);
		}
		.ceb-alba-auto-item.var-morado:before {
		  left: 0;
		  background: linear-gradient(to left, #fdfdfd00,#8100f7);
		}

		.ceb-alba-auto-item.var-morado:after {
		  right: 0;
		  background: linear-gradient(to right, #fdfdfd00,#8100f7);
		}

	.ceb-alba-auto-item .ceb-carrusel-mask{
		display: inline-block;
		animation: 20s slide infinite linear;
	}
/* ------------------------------------------------------------- INDICE:

	0. CEBALLOS BASES - SON CLASES BASES CSS
	1. CEBALLOS STYLES - Son clases agregadas desde los "Styles" a bloques nativos de WordPress
	2. CEBALLOS CLASES - Son clases agregadas desde a los div desde los bloques nativos de WordPress
	3. CEBALLOS ELEMENTOS - Son clases agregadas de forma predeterminada con diseños especiales
	
	z-index: 1 -> Todo el contenido
	z-index: 2 -> Bloques especiales
	z-index: 3 -> Partes especiales (header, footer)
	z-index: 4 -> Overlay
	
------------------------------------------------------------- */
.wp-block-list.alba-tendencias{
	display: flex;
    list-style: none;
    gap: 20px;
	width: fit-content;
    flex-wrap: nowrap;
	margin-left: 0 !important;
    padding-left: 0 !important;
}
.wp-block-list.alba-tendencias li{
	background: var(--wp--preset--color--color-2);
    text-align: center;
    width: 110px;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 103px;
    border: 8px solid #fff;
    box-shadow: 2px 2px 8px #0000008f;
    box-sizing: border-box;
}
.wp-block-list.alba-tendencias a{
	text-align: center;
    text-decoration: none;
	font-size: 15px;
}
.wp-block-list.alba-tendencias a:hover{
	color: var(--wp--preset--color--color-3);
}
/* -------------------------------------------------------------
0. CEBALLOS BASES - Son clases agregadas desde los "Styles" a bloques nativos de WordPress
------------------------------------------------------------- */
	:root{
		--ceb-transition-base: all .25s ease;
		--ceb-familia-iconos-dash: dashicons;
		--ceb-border-radius-circular:150px;
		--ceb-tamano-border: 1px solid;
		
		--ceb-dash-icon-mas:"\f543";
		--ceb-dash-icon-menos: "\f460";
		
		--ceb-circulos-tama: 45px;
	}
	h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
		text-wrap: pretty;
	}
	.wp-block-template-part{
		margin-block-start: 0;
	}
	header, footer{
		position: relative;
		z-index: 3;
	}
	.wp-block-details , .wp-block-details > *{
		transition:var(--ceb-transition-base);
	}
	
/* -------------------------------------------------------------
1. CEBALLOS STYLES - Son clases agregadas desde los "Styles" a bloques nativos de WordPress
------------------------------------------------------------- */

	/* ceba-template-part */
		/** is-style-ceba-template-part-sticky: Deja sticky a la template part que se aplique */
			.is-style-ceba-template-part-sticky{
				position: sticky;
				top:0;
			}
		/** is-style-ceba-template-part-scroll-down-js: Deja sticky a la template part que se aplique solo cuando se hace scroll hacia arriba */
			.is-style-ceba-template-part-scroll-down-js{
				transition: var(--ceb-transition-base);
				position: sticky;
			}
	
	/* ceba-iconos*/
		/** is-style-ceba-iconos-circular-de-borde : Estilo personalizado para "Circular de borde" en iconos redes sociales */
			.wp-block-social-links.is-style-ceba-iconos-circular-de-borde .wp-block-social-link {
				border: var(--ceb-tamano-border) currentColor;
				border-radius: 50%;
				transition: all 0.3s ease;
				background: transparent;
			}
				.wp-block-social-links.is-style-ceba-iconos-circular-de-borde .wp-block-social-link.wp-social-link:hover{
					background-color: currentColor;
				}
					.wp-block-social-links.is-style-ceba-iconos-circular-de-borde .wp-block-social-link.wp-social-link:hover .wp-block-social-link-anchor{
						color: var(--wp--preset--color--principal);
					}
	
	/* ceba-lista*/
		/** is-style-ceba-lista-check-mark: Dibuja un chulo previo a los li */
			.wp-block-list.is-style-ceba-lista-check-mark{
			    padding-left: var(--wp--preset--spacing--20);
			}
				.wp-block-list.is-style-ceba-lista-check-mark li{
					display:flex;
					gap:var(--wp--preset--spacing--10);
				}
					.wp-block-list.is-style-ceba-lista-check-mark li::before{
						font-family: var(--ceb-familia-iconos-dash);
						content: "\f147";
					}
		/** is-style-ceba-lista-check-mark-circle: Dibuja un chulo con circulo previo a los li */
			.wp-block-list.is-style-ceba-lista-check-mark-circle{
			    padding-left: var(--wp--preset--spacing--20);
			}
				.wp-block-list.is-style-ceba-lista-check-mark-circle li{
					display:flex;
					gap:calc(var(--wp--preset--spacing--10)/2);
					align-items: center;
				}
					.wp-block-list.is-style-ceba-lista-check-mark-circle li::before{
						font-family: var(--ceb-familia-iconos-dash);
						content: "\f147";
						display:flex;
						justify-content:center;
						align-items:center;
						padding:var(--wp--preset--spacing--10);
						background-color:var(--wp--preset--color--principal);
						color:var(--wp--preset--color--blanco);
						border-radius:var(--ceb-border-radius-circular);
						width: var(--ceb-circulos-tama);
						height: var(--ceb-circulos-tama);
						aspect-ratio: 1 / 1;
					}
		/** is-style-ceba-lista-arrow: Dibuja una flecha previo a los li */
			.wp-block-list.is-style-ceba-lista-arrow{
			    padding-left: var(--wp--preset--spacing--20);
			}
				.wp-block-list.is-style-ceba-lista-arrow li{
					display:flex;
					gap:var(--wp--preset--spacing--10);
				}
					.wp-block-list.is-style-ceba-lista-arrow li::before{
						font-family: var(--ceb-familia-iconos-dash);
						content: "\f345";
					}
		/** is-style-ceba-lista-star: Dibuja una estrella previo a los li */
			.wp-block-list.is-style-ceba-lista-star{
			    padding-left: var(--wp--preset--spacing--20);
			}
				.wp-block-list.is-style-ceba-lista-star li{
					display:flex;
					gap:var(--wp--preset--spacing--10);
				}
					.wp-block-list.is-style-ceba-lista-star li::before{
						font-family: var(--ceb-familia-iconos-dash);
						content: "\f155";
					}
		/** is-style-ceba-lista-plus: Dibuja una Más previo a los li */
			.wp-block-list.is-style-ceba-lista-plus{
			    padding-left: var(--wp--preset--spacing--20);
			}
				.wp-block-list.is-style-ceba-lista-plus li{
					display:flex;
					gap:var(--wp--preset--spacing--10);
				}
					.wp-block-list.is-style-ceba-lista-plus li::before{
						font-family: var(--ceb-familia-iconos-dash);
						content: var(--ceb-dash-icon-mas);
					}
		/** is-style-ceba-lista-menos: Dibuja un Menos previo a los li */
			.wp-block-list.is-style-ceba-lista-menos{
			    padding-left: var(--wp--preset--spacing--20);
			}
				.wp-block-list.is-style-ceba-lista-menos li{
					display:flex;
					gap:var(--wp--preset--spacing--10);
				}
					.wp-block-list.is-style-ceba-lista-menos li::before{
						font-family: var(--ceb-familia-iconos-dash);
						content: var(--ceb-dash-icon-menos);
					}
					
	/* ceba-bloqdetalles*/
		/** is-style-ceba-bloqdetalles-estilo-1: Más izquierda*/
			.wp-block-details.is-style-ceba-bloqdetalles-estilo-1 summary{
				display: flex;
				gap: var(--wp--preset--spacing--10);
			}
				.wp-block-details.is-style-ceba-bloqdetalles-estilo-1 summary:before{
					font-family: var(--ceb-familia-iconos-dash);
					content: var(--ceb-dash-icon-mas);
				}
				
				.wp-block-details.is-style-ceba-bloqdetalles-estilo-1 summary.ceb-details-abierto:before{
					content: var(--ceb-dash-icon-menos);
				}
		/** is-style-ceba-bloqdetalles-estilo-2: Más derecha */
			.wp-block-details.is-style-ceba-bloqdetalles-estilo-2 summary{
				display: flex;
				flex-direction: row-reverse;
				gap: var(--wp--preset--spacing--10);
				justify-content: space-between;
			}
				.wp-block-details.is-style-ceba-bloqdetalles-estilo-2 summary:before{
					font-family: var(--ceb-familia-iconos-dash);
					content: var(--ceb-dash-icon-mas);
				}
				
				.wp-block-details.is-style-ceba-bloqdetalles-estilo-2 summary.ceb-details-abierto:before{
					content: var(--ceb-dash-icon-menos);
				}
		/** is-style-ceba-bloqdetalles-estilo-3: Más circula izquierda*/
			.wp-block-details.is-style-ceba-bloqdetalles-estilo-3 summary{
				display: flex;
				gap: var(--wp--preset--spacing--20);
			}
				.wp-block-details.is-style-ceba-bloqdetalles-estilo-3 summary:before{
					font-family: var(--ceb-familia-iconos-dash);
					content: var(--ceb-dash-icon-mas);
					border: var(--ceb-tamano-border);
					border-radius: var(--ceb-border-radius-circular);
					aspect-ratio: 1 / 1;
					width: var(--ceb-circulos-tama);
					height: var(--ceb-circulos-tama);
					display: flex;
					justify-content: center;
					align-items: center;
				}
				
				.wp-block-details.is-style-ceba-bloqdetalles-estilo-3 summary.ceb-details-abierto:before{
					content: var(--ceb-dash-icon-menos);
				}
		/** is-style-ceba-bloqdetalles-estilo-4: Más circular derecha */
			.wp-block-details.is-style-ceba-bloqdetalles-estilo-4 summary{
				display: flex;
				flex-direction: row-reverse;
				gap: var(--wp--preset--spacing--20);
				justify-content: space-between;
			}
				.wp-block-details.is-style-ceba-bloqdetalles-estilo-4 summary:before{
					font-family: var(--ceb-familia-iconos-dash);
					content: var(--ceb-dash-icon-mas);
					border: var(--ceb-tamano-border);
					border-radius: var(--ceb-border-radius-circular);
					aspect-ratio: 1 / 1;
					width: var(--ceb-circulos-tama);
					height: var(--ceb-circulos-tama);
					display: flex;
					justify-content: center;
					align-items: center;
				}
				
				.wp-block-details.is-style-ceba-bloqdetalles-estilo-4 summary.ceb-details-abierto:before{
					content: var(--ceb-dash-icon-menos);
				}

/* -------------------------------------------------------------
2. CEBALLOS CLASES - Son clases agregadas desde a los div desde los bloques nativos de WordPress
------------------------------------------------------------- */


/* -------------------------------------------------------------
3. CEBALLOS ELEMENTOS - Son clases agregadas de forma predeterminada con diseños especiales
------------------------------------------------------------- */
				
	/* ceba-flotante-iconos-inferior : Se aplica a iconos flotantes en la parte inferior como llamados a la acción rápidos */
	.ceba-flotante-iconos-inferior{
		position: fixed;
		z-index: 4;
		bottom: calc(var(--wp--preset--spacing--10)*-1);
		right: var(--wp--preset--spacing--10);
	}




/******** CEBALLOS CLASSIC *************/
	
	.formulario-overlay{
		display:none !important;
		z-index: 100000006 !important;
		top: 0 !important;
		background: #000000e0 !important;
		width: 100% !important;
		height: 100% !important;
		opacity:0;
		transition: all 1s ease;
		
	}
		.formulario-overlay.mostrar{
			position: fixed !important;
			display:flex !important;
			opacity:1;
			padding: 10px 32%;
		}
		.formulario-overlay > div{
			padding: 50px 30px !important;
		}
		.formulario-overlay .wpcf7{
			max-width: 800px;
			margin: 0 auto;
		}
		.formulario-overlay .wpcf7 :is(input, select){
			    width: 100% !important;
				height: 55px !important;
				padding: 0 10px !important;
				box-sizing: border-box !important;
				font-size: 12px !important;
				background: none !important;
				border: none !important;
				border-bottom: 1px solid #fff  !important;
				color: #fff !important;
		}
				.formulario-overlay .wpcf7 input::placeholder{
					color: #fff !important;
				}
				.formulario-overlay .wpcf7 select option{
					color:var(--wp--preset--color--gris) !important;
				}
			.formulario-overlay .wpcf7 input.wpcf7-submit{
				background: var(--wp--preset--color--principal) !important;
				border: none !important;
				border-radius: 10px !important;
				text-transform: uppercase !important;
				font-family: 'Barlow' !important;
				font-size: 14px !important;
				letter-spacing: 2px !important;
				font-weight: 900 !important;
			}
			.formulario-overlay .form_cerrar  a{
				    width: 70px;
					height: 70px;
					display: flex;
					justify-content: center;
					padding: 0;
					align-items: center;
					margin: 0;
					text-align: center;
			}
	
	/**** 8.4. Carrusel ****/
		.ceb-pointer-none{
			pointer-events: none;
		}
		/*ceb-carrusel*/
		.ceb-carrusel{
			position:relative;
			overflow: hidden;
			width:100%;
		}
			.ceb-carrusel .ceb-carrusel-mask{
				display:flex;
				transition:all 0.3s ease;;
			}
			.ceb-carrusel .ceb-carrusel-conti{
				justify-content:flex-start;
			}
			.ceb-carrusel .ceb-btn-izq{
				position:absolute;
				top:50%;
				left: 20px;
				z-index: 20;
				display: flex;
				justify-content: flex-start;
			}
			.ceb-carrusel .ceb-btn-der{
				position:absolute;
				top:50%;
				right: 20px;
				z-index: 20;
				display: flex;
				justify-content: flex-end;
			}
			
		/****	3.5. Boton ****/
			.ceb-btn-js{
				cursor:pointer;
				display:block;
				width:36px;
				aspect-ratio:1 / 1;
				font-size: 36px;
			}
				.ceb-btn-js:before{
					color: #fff;
					font-family: dashicons;
					opacity: 0.9;
					background: var(--wp--preset--color--principal);
					border-radius: 10px;
					transition: all .3s;
					padding: 10px;
					height: 100%;
					display: flex;
					align-items: center;
				}
				.ceb-btn-js:hover::before{
					color:#fff;
					opacity:1;
					background: var(--wp--preset--color--color-2);
				}
				.ceb-btn-cerrar:before{
					content:'\f057';
				}
				.ceb-btn-izq{
					opacity:0;
				}
				.ceb-btn-izq:before{
					content:'\f340';
				}
				.ceb-btn-der:before{
					content:'\f344';
				}


	/***** Carrusel-dos *****/
		
/*Carrusel (ceb-carrusel-dos) (Solo debo agregar "ceb-carrusel-dos" a lo que deseo que se mueva como carrusel)*/
	.ceb-carrusel-dos{
		max-width: 1494px !important;
		position: relative;
		justify-content: flex-start;
		overflow: hidden;
		flex-direction: row;
		width: 100%;
	}
	
	.ceb-carrusel-dos-mask{
		display: flex;
		flex-direction: row;
		width: max-content !important;
		transition:all 0.3s;
		position: relative;
		flex-grow: 1;
		gap: 0 !important;
	}
	.ceb-carrusel-dos-mask .ceb-carrusel-dos-conti{
		transition:all .3s;
	}
	
	.ceb-carrusel-dos-direccionales{
		position: absolute;
		left: 0;
		top: calc(50%);
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
		.ceb-carrusel-dos-direccionales div{
			width: 100px;
			height: 100px;
			background: transparent;
			display: block;
			cursor: pointer;
			z-index: 1;
			}
		.ceb-carrusel-dos-direccionales .ceb-carrusel-dos-direccionales-izq{
			opacity: 1;
			}
			.ceb-carrusel-dos-direccionales > div:before{
				background: var(--wp--preset--color--principal);
				border-radius: 10px;
				transition:all .3s;
			}
			.ceb-carrusel-dos-direccionales > div:hover::before{
				background: var(--wp--preset--color--color-2);
				border-radius: 10px;
				transition:all .3s;
			}
				
		.ceb-carrusel-dos-direccionales .ceb-carrusel-dos-direccionales-izq::before{
			box-sizing: border-box;
			font-family: dashicons;
			content: '\f340';
			display: flex;
			background-size: cover;
			justify-content: center;
			align-items: center;
			color: #fff;
			width: 50px;
			height: 50px;
			}
		.ceb-carrusel-dos-direccionales .ceb-carrusel-dos-direccionales-der{
			opacity: 1;
			display: flex;
			justify-content: flex-end;
			}
		.ceb-carrusel-dos-direccionales .ceb-carrusel-dos-direccionales-der::before{
			box-sizing: border-box;
			font-family: dashicons;
			content: '\f344';
			display: flex;
			background-size: cover;
			justify-content: center;
			align-items: center;
			color: #fff;
			width: 50px;
			height: 50px;
			}

/***** Carrusel-tres *****/
		
/*Carrusel (ceb-carrusel-tres) (Solo debo agregar "ceb-carrusel-tres" a lo que deseo que se mueva como carrusel)*/
	.ceb-carrusel-tres{
		max-width: 1494px !important;
		position: relative;
		justify-content: flex-start;
		overflow: hidden;
		flex-direction: row;
		width: 100%;
	}
	
	.ceb-carrusel-tres-mask{
		display: flex;
		flex-direction: row;
		width: max-content !important;
		transition:all 0.3s;
		position: relative;
		flex-grow: 1;
		gap: 0 !important;
	}
	.ceb-carrusel-tres-mask .ceb-carrusel-tres-conti{
		transition:all .3s;
	}
	
	.ceb-carrusel-tres-direccionales{
		position: absolute;
		left: 0;
		top: calc(50%);
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
		.ceb-carrusel-tres-direccionales div{
			width: 100px;
			height: 100px;
			background: transparent;
			display: block;
			cursor: pointer;
			z-index: 1;
			}
		.ceb-carrusel-tres-direccionales .ceb-carrusel-tres-direccionales-izq{
			opacity: 1;
			}
			.ceb-carrusel-tres-direccionales > div:before{
				background: var(--wp--preset--color--principal);
				border-radius: 10px;
				transition:all .3s;
			}
			.ceb-carrusel-tres-direccionales > div:hover::before{
				background: var(--wp--preset--color--color-2);
				border-radius: 10px;
				transition:all .3s;
			}
				
		.ceb-carrusel-tres-direccionales .ceb-carrusel-tres-direccionales-izq::before{
			box-sizing: border-box;
			font-family: dashicons;
			content: '\f340';
			display: flex;
			background-size: cover;
			justify-content: center;
			align-items: center;
			color: #fff;
			width: 50px;
			height: 50px;
			}
		.ceb-carrusel-tres-direccionales .ceb-carrusel-tres-direccionales-der{
			opacity: 1;
			display: flex;
			justify-content: flex-end;
			}
		.ceb-carrusel-tres-direccionales .ceb-carrusel-tres-direccionales-der::before{
			box-sizing: border-box;
			font-family: dashicons;
			content: '\f344';
			display: flex;
			background-size: cover;
			justify-content: center;
			align-items: center;
			color: #fff;
			width: 50px;
			height: 50px;
			}
/********* FORMULARIO****************/
	.ceb-form-cf7 .wpcf7 :is(input, select){
			    width: 100% !important;
				height: 55px !important;
				padding: 0 10px !important;
				box-sizing: border-box !important;
				font-size: 12px !important;
				background: none !important;
				border: none !important;
				border-bottom: 1px solid #fff  !important;
				color: #fff !important;
		}
				.ceb-form-cf7 .wpcf7 input::placeholder{
					color: #fff !important;
				}
				.ceb-form-cf7 .wpcf7 select option{
					color:var(--wp--preset--color--gris) !important;
				}
			.ceb-form-cf7 .wpcf7 input.wpcf7-submit{
				background: var(--wp--preset--color--principal) !important;
				border: none !important;
				border-radius: 10px !important;
				text-transform: uppercase !important;
				font-family: 'Barlow' !important;
				font-size: 14px !important;
				letter-spacing: 2px !important;
				font-weight: 900 !important;
			}
			
			.ceb-form-cf7 .wpcf7-response-output{
				color:#fff !important;
			}

/******************************************* Alba */

.ceb-alba-carrusel .ceb-carrusel-dos-direccionales{
	display:none;
}
.ceb-alba-fondo-paralax{
	background-size: 31% !important;
	transition: 0.3s all;
}
.reverse > div{
	flex-direction:row-reverse;
}

.alba_btn_footer a{
	display: flex !important;
    flex-direction: row;
    gap: 7px;
    font-weight: 300;
    transition: all .3s;
    text-decoration: none !important;
}
.alba_btn_footer a:before{
	font-family: dashicons;
    content: "\f345";
    color: var(--wp--preset--color--color-2);
}
.alba_btn_footer a:hover {
    gap: 20px;
}
.alba_btn_head a{
	transition: all .3s;
}
.alba_btn_head a:hover{
	color: var(--wp--preset--color--color-2) !important;
    border-bottom: 1px solid #fff;
    text-decoration: none !important;
    padding-bottom: 5px;
    transition: all .3s;
}
a.wp-block-button__link.has-principal-color.has-color-2-background-color:hover{
	background-color: var(--wp--preset--color--principal) !important;
	color: var(--wp--preset--color--color-2) !important;
	transition: all .3s !important;
	border: 1px solid var(--wp--preset--color--color-2) !important;
}
a.wp-block-button__link.has-color-2-color.has-principal-background-color:hover{
	background-color: var(--wp--preset--color--color-2) !important;
	color: var(--wp--preset--color--principal) !important;
	transition: all .3s !important;
	border: 1px solid var(--wp--preset--color--principal) !important;
}
.ceb-alba-cont-info-h3{
	min-height:198px;
	max-height:198px;
}
.ceb-alba-cont-info-h3 :is(.ceb-carrusel-dos.ceb-alba-carrusel, .ceb-carrusel-dos-mask){
	min-height:188px;
	max-height:188px;
	min-width:188px;
	max-width:188px !important;
	overflow:hidden;
}

.albah1{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	font-size:45px;
}
.albah1 strong{
	color: var(--wp--preset--color--color-2);
    font-size: 2em;
}
.ceb-responsive-mobile{
	display:none !important;
}
.ceb-responsive-desk{
		display:flex !important;
	}
@media(max-width:900px){
	.ceb-alba-fondo-paralax{
		background-size: 91% !important;
		padding-top: 70px !important; 
		padding-bottom: 70px !important;

	}
	.wp-block-group.has-blanco-background-color.has-background.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-748cd2ef.wp-block-group-is-layout-constrained, .head_temp{
		padding-top: 70px !important; 
		padding-bottom: 70px !important;
	}
	.ceb-alba-cont-info-h3 {
		flex-direction: column !important;
	}
	section.wp-block-group.has-background.has-global-padding.is-layout-constrained{
		padding-right:0 !important;
		padding-left:0 !important;
	}
	.reverse > div{
		flex-direction:column;
	}
	.ceb-alba-cont-info-h3{
	min-height:unset;
	max-height:unset;
	}
	.alba-banner-pr{
		height:100%;
	}
	.ceb-responsive-mobile{
	 display:flex !important;
	}
	.ceb-responsive-desk{
		display:none !important;
	}
	.albah1 strong {
		font-size: 100%;
	}
	.head_temp{
		padding-right:0 !important;
	}
	.head_temp p{
		padding-right: 0 !important;
	}
	.ceb-carrusel-tres{
		width:70%;
	}
	.ceb-carrusel-tres p.has-text-align-center{
		width:70%;
	}
	.btn_cta a{
		padding: 15px;
	}
}