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

h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

.wp-block-template-part{
	margin-block-start: 0;
}

.wpcf7-response-output{
	    color: #ffff !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;
	}
/******** CEBALLOS STYLES*************/
	.arf_post_sticky{
		position:sticky;
		top:0px;
		z-index:999;
	}
	.arf_zidex_100{
		z-index:100;
	}
	.arf_max_width_100{
		max-width: 100% !important;
		width: 100% !important;
	}
	
	.arf_iconos_footer svg{
		width: 50px !important;
		height: 50px !important;
	}
	
	.arf_submenus{
		position: sticky;
		top: 76px;
		left: 0;
	}
		.arf_submenus.uno{
			z-index: 100000002;
		}
		.arf_submenus.dos{
			z-index: 100000003;
		}
		.arf_submenus.tres{
			z-index: 100000004;
		}
		
		.arf_post_sticky.wp-block-template-part{
			z-index: 100000005;
		}
	
	.formulario-overlay{
		display:none !important;
		z-index: 100000006 !important;
		top: 0 !important;
		background: #000 !important;
		width: 100% !important;
		height: 100% !important;
		opacity:0;
		transition: all 1 ease;
		
	}
		.formulario-overlay.mostrar{
			position: fixed !important;
			display:flex !important;
			opacity:1;
		}
		.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;
			}
			
	
	
	
	/* ceba-circular-de-borde : Estilo personalizado para "Circular de borde" en iconos redes sociales */
	.wp-block-social-links.is-style-ceba-circular-de-borde .wp-block-social-link {
		border: 1px solid currentColor;
		border-radius: 50%;
		transition: all 0.3s ease;
		background: transparent;
	}
		.wp-block-social-links.is-style-ceba-circular-de-borde .wp-block-social-link.wp-social-link:hover{
			background-color: currentColor;
		}
			.wp-block-social-links.is-style-ceba-circular-de-borde .wp-block-social-link.wp-social-link:hover .wp-block-social-link-anchor{
				color: var(--wp--preset--color--principal);
			}


/**** 8.4. Carrusel ****/
		.ceb-pointer-none{
			pointer-events: none;
		}
		/*ceb-carrusel*/
		.ceb-carrusel{
			position:relative;
			overflow: hidden;
		}
			.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.8;
				}
				.ceb-btn-js:hover::before{
					color:#fff;
					opacity:1;
				}
				.ceb-btn-cerrar:before{
					content:'\f057';
				}
				.ceb-btn-izq{
					opacity:0;
				}
				.ceb-btn-izq:before{
					content:'\f340';
				}
				.ceb-btn-der:before{
					content:'\f344';
				}



/******** CEBALLOS MOBILE*************/
	@media(max-width:900px){
		:root{
			--wp--preset--spacing--380: 10% !important;
		}
		
		body :is(#muralist, #murcost){
			position:relative;
		}
		.ceb-slider {
			height: 100%;
		}
			.ceb-slider figure{
				height: 100% !important;
			}
				.ceb-slider img{
					height: 100% !important;
					max-width: unset !important;
					object-fit: cover !important;
				}
		.arf_gallery_big.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){
			width:100%;
		}
	}