/*
 Theme Name:   Ceb Child
 Theme URI:    http://ceballos.pro
 Description:  Tema hijo de Ceb
 Author:       M1000
 Author URI:   http://behadesign.com
 Template:     ceb
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.ceballos.pro
 Text Domain:  cebchild
*/


@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

.cc_banner-wrapper{display: none;}

h1,h2{font-family: "Marcellus", serif !important;font-weight: 400;text-transform: uppercase;word-wrap: break-word;letter-spacing: 0.5px;}
h3,h4{font-family: "Marcellus", serif !important;font-weight: 400;word-wrap: break-word;letter-spacing: 0.5px;}
h1{font-size: 4vw;color: #fff;} /*font-size: 74px;*/
h2{font-size: 2.4vw;line-height: 1.13043em;}/*font-size: 46px;*/
	h2::before{content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    top: calc(50% - .02em);
    transform: translateY(-50%) rotate(90deg);
    background-color: #b35c45;
    opacity: 0;
    transition: opacity .6s ease-out .6s, transform .6s cubic-bezier(.65,0,.35,1) .6s;}
p, a{font-family: "Roboto", sans-serif !important;font-size: 1.1vw !important;}/*font-size: 18px*/

	a{font-family: "Open Sans" !important;font-size: 0.8vw !important;letter-spacing: 5px !important;}/*font-size: 15px*/
	a:hover{background: #001b75 !important; color:#fff !important; border: 1px solid #001b75 !important}
	.be-head .be-logo a:hover{background: none !important;border:none !important}

.ceb-ant article{width: 100% !important;}

header{background: #004cef !important;border-bottom: 1px solid #0051ff !important;}
	header .be-head{height: 100% !important;    justify-content: space-between !important;flex-direction: row-reverse !important;}/*height: 100px !important;*/
		header .be-head .be-logo{height: 80%;width: auto;order: 2;}

footer{margin-top: 0 !important;}		

.ceb-txt-centrado{text-align: center !important;}		
.fazul{background: #004cef;}
	.fazul h2{color: #fff !important}
	.fazul p{color: #f0f0f0 !important;font-weight: 500;}
	
.ceb-main-primer-parrafo{ font-size: 1.13vw !important;font-weight: 500;letter-spacing: 0.5px;}/*font-size: 21px*/
	
.ceb-ant{width: 100%;}
.ceb-ant article{flex-wrap: wrap;}
.ceb-ant article .wp-block-columns{width: 100%;}

.ceb-ant .wp-block-button__link{background: none;border: 1px solid #fff;border-radius: 0;text-transform: uppercase;}

.ceb-ant .ceb-main-banner-h1{position: relative;margin: 0 !important;    padding: 0 !important; max-height: 768px;}
	.ceb-ant .ceb-main-banner-h1 > *{
		height:100%;
	}
	.ceb-ant .ceb-main-banner-h1 > .wp-block-column > figure:not(.wp-block-gallery){
		height: 100%;
		max-height: 100%;
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		} 
		.ceb-ant .ceb-main-banner-h1 > .wp-block-column > .wp-block-gallery{
			height: 100%;
			max-height: 100%;
			overflow: hidden;
			display: flex;
			align-items: center;
		}
		.ceb-ant .ceb-main-banner-h1 .ceb-carrusel-direccionales{
			display:none !important;
		}

	.ceb-ant .ceb-main-banner-h1 .wp-block-columns{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		background: linear-gradient(to top, rgb(0 76 239) 5%, rgb(0 0 0 / 30%) 100%);
		display: flex;
		justify-content: center;
		align-items: flex-end !important;
		box-sizing: border-box;
		padding-bottom: 10%;
		}
		.cont-h1{
			width: 80%;
			height: auto;
			gap: 15px;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: flex-end;
			box-sizing: border-box;
			padding: 0;
			}
			.cont-h1 h1{margin:0 20% !important;  box-sizing: border-box; text-align: center;}
			.cont-h1 p{
				color: #fffffff2;
				width: 40%;
				margin: 0 auto;
				text-align: center;
				letter-spacing: 0.5px;
				font-size: 1.134vw;/*font-size: 22px;*/
				}
			.cont-h1 .wp-block-buttons{margin: 0 30% !important;background: #fff !important;}
				.cont-h1 .wp-block-buttons a{color: #004cef!important;}
			
.ceb-main-dos-columnas{	padding: 0 16%;box-sizing: border-box;background: #004cef;margin-bottom: 0;}
.ceb-main-dos-columnota{padding:0 16% 10% 16%;box-sizing: border-box;background: #004cef;margin-bottom: 0;}
	.ceb-main-dos-columnas .ceb-dos-columnas-2{
		max-width: 50% !important;
		padding: 10px 10% 80px 8.5%;
		box-sizing: border-box;
		}
	
.ceb-main-una-columnas{padding: 50px 16%;box-sizing: border-box;}
	.ceb-main-una-columnas h2{text-align: center;}

.ceb-main-cluster-cont{display:flex;    justify-content: space-evenly;}
	.ceb-main-cluster{
		    position: relative;
    border: 1px solid #0051ff;
    box-sizing: border-box;
    max-width: 31% !important;
    min-height: 465px;
    background: transparent;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    padding: 30px 5% 50px 5%;
    text-align: center;
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 5%);
		}
		.ceb-main-cluster .wp-block-buttons a{
			background: transparent;
			padding: 10px 15px !important;
			text-align: left;
			color: #004cef !important;
			word-break: break-word;
			font-weight: lighter !important;
			width: 100%;
			margin: 40px 0 10px 0;
			border: 1px solid #004cef;
			}
			.ceb-main-cluster .wp-block-buttons a:hover{color:#fff !important}
			.ceb-main-cluster figure{width: 100%;height: auto;}
			.ceb-main-cluster figure img{border: 0.5px solid #eaeaea;
    border-radius: 128px;
    box-shadow: 0 3px 8px 0 rgb(0 0 0 / 5%);}
		
		.ceb-main-cluster h3{color: ##173f6f;}
		.ceb-main-cluster h3 strong{font-size:2vw !important;font-weight: 900 !important;}

.ceb-servicios-adicionales{padding:50px 16% 10% 16%;box-sizing: border-box;margin-bottom: 0;background: #f8faff;}
	.ceb-servicios-adicionales h2{text-align:center !important}
	.ceb-servicios-adicionales .ceb-main-primer-parrafo{text-align:center !important}
	.ceb-main-3columnas-servicios {margin: 0 !important;}
	.ceb-main-3columnas-servicios .wp-block-column{min-height: 300px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 40px;
    box-sizing: border-box;
    margin: 0 !important;border-bottom:1px solid #bcd2ff;}
	.ceb-main-3columnas-servicios .ceb-main-3c-mitad{border-right:1px solid #bcd2ff;border-left:1px solid #bcd2ff}
	.ceb-main-3c-ultimo-izq{border-right:1px solid #bcd2ff;}
		.ceb-main-3columnas-servicios .ceb-ser-tit{font-size: 1.14 !important;/*font-size: 23px */
    font-family: "Marcellus", serif !important;
    font-weight: 700;
    line-height: 1.1;color: #303030;letter-spacing: 0px !important;}
		.ceb-main-3columnas-servicios .ceb-ser-tit::after{display: block;
    width: 54px;
    height: 1px;
    background: #004cef;
    content: "";
    margin-top: 20px;}
	.ceb-main-3columnas-servicios p{letter-spacing: 2px;}
	.ceb-c3-final, .ceb-c3-final .wp-block-column{border-bottom:none !important}

.ceb-main-fases{padding:50px 16% 10% 16%;box-sizing: border-box;margin-bottom: 0;background: #f8faff;}
	.ceb-main-fases h2{text-align:center !important}
	.ceb-main-fases .c1{padding: 10px 58px 10px 0;
    max-width: 50%;
    box-sizing: border-box;}

.ceb-servicios-especiales{padding:50px 16% 10% 16%;box-sizing: border-box;margin-bottom: 0;background: #f8faff;}
	.ceb-servicios-especiales .wp-block-columns{border-bottom: 1px solid #bcd2ff;padding: 3% 0;}
	.ceb-servicios-especiales h2{text-align:center !important}
	.ceb-servicios-especiales .ceb-main-primer-parrafo{text-align:center !important}
	.ceb-servicios-especiales  .c1{display: flex;align-items: center;justify-content: flex-start;padding: 0 10% 0 0 !important;box-sizing: border-box;max-width: 50%;}
	.ceb-servicios-especiales  .c1 h3{    font-size: 1.134vw!important;/*font-size: 23px*/
    font-family: "Marcellus", serif !important;
    font-weight: 700;
    line-height: 1.1;
    color: #303030;
		letter-spacing: 0px !important;}
		
		.ceb-servicios-especiales  .c1  h3::after{display: block;
		width: 54px;
		height: 1px;
		background: #004cef;
		content: "";
		margin-top: 20px;}

.ceb-contacto{padding: 50px 0 0 0%;flex-direction: column-reverse;background: #001026;margin-bottom: 0 !important;}
	.ceb-contacto h2{text-align: center;color:#fff !important}
	.ceb-contacto p{color: #f0f0f0 !important}
	.ceb-contacto-c1{height: 450px;}
	.ceb-contacto-c1 iframe {width: 100%;}
	.ceb-contacto-c2{width: 100%;box-sizing: border-box;padding: 0 20%;}
	
	.ceb-contacto .ceb-form-cont .ceb-form-pr{display:flex;justify-content: space-between;margin-bottom: 23px;}
	.ceb-contacto .ceb-form-cont .ceb-form-sc{margin-bottom: 23px;}
		.ceb-form-cont p{margin-bottom: 0px !important;}
	.ceb-form-pr .ceb-form-tres{width: 32% !important;margin: 0 !important;}
	.ceb-contacto .ceb-form-uno{}
		.ceb-form-cont input, .ceb-form-cont textarea {box-sizing: border-box;
		padding: 10px;margin: 0 5px;
		background: none;
		border: 1px solid #808893;
		color: #808893;
		font-size: 0.86vw;width: 100%;}/*font-size: 16px;*/
	.ceb-form-sc input, .ceb-form-sc textarea{width:100%;}
	.ceb-form-cont .ceb-form-btn{width:100%;padding:0 20%;box-sizing:border-box}
		.ceb-form-cont .ceb-form-btn p{ width: 23%;margin: 0 auto;}
				.ceb-form-cont .ceb-form-btn input {border: 1px solid #fff;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.75vw !important;/*font-size: 14px*/
    padding: 20px;
    letter-spacing: 2px;}

	
		

.ceb-redes-btn{width: 100%;display: flex;justify-content: center;margin-bottom: 50px;}
	.ceb-red-btn {margin: 0 5px !important;}
	#ceb-linkedin a::before{content: "\f0e1";font-weight: 400;font-family: "Font Awesome 6 Brands";}
	#ceb-correo a::before{content: "\f0e0";font-weight: 400;font-family: "Font Awesome 6 Pro";}
	#ceb-whatsapp a::before{content: "\f232";font-weight: 400;font-family: "Font Awesome 6 Brands";}
	
.ceb-subfooter-pie{align-items: baseline;}


.ceb-menu {
		width: 60%;
		display: flex;
		align-items: center;
		padding: 0 !important;
		margin: 0 !important;
		box-sizing: border-box;
		max-height: 67px;
		}
		.ceb-menu .ceb-menu-cont {
			margin: 0 !important;
			padding: 0 !important;
			display: flex !important;
			justify-content: flex-end;
			width: 100%;
			height: 100%;
			max-height: 67px !important;
		}
			.ceb-menu .ceb-menu-cont ul {
				display: flex;
				flex-wrap: nowrap;
				list-style: none;
				justify-content: flex-end;
				align-items: center;
			}
			
				.ceb-menu .ceb-menu-cont ul li {
					box-sizing: border-box;
					padding: 10px;
					margin: 0px 1vw;
				}
					.ceb-menu .ceb-menu-cont ul li a {
						color: #fff;
						font-weight: 700;
						letter-spacing: 0 !important;
					}
						.ceb-menu .ceb-menu-cont ul li a:hover{
							background: transparent !important;
							color: #fff !important;
							border: none !important;
							border-bottom: 1px solid #fff !important;
						}
	.ceb-menu-mobil {
		display: none;
	}
	
	.ceb-vr-futuro-composicion-bloques{
		margin:0;
	}
		.ceb-vr-futuro-composicion-bloques .ceb-contenido-una-columna > .wp-block-columns{
			margin:0;
		}
		.ceb-vr-futuro-composicion-bloques .ceb-contenido-una-columna{
			gap: 0;
			padding: 0;
			display: flex;
			flex-direction: column;
		}
		.ceb-vr-futuro-composicion-bloques .ceb-contenido-composicion-bloques{
		gap:0;
		flex-wrap: nowrap;
		flex-direction: column;
		display: flex;
		}
		.ceb-vr-futuro-composicion-bloques .ceb-contenido-composicion-bloques .wp-block-columns{
			width: 100%;
			padding: 0;
			border-radius: 0;
			background: none;
			max-height: 768px;
			overflow: hidden;
			margin:0;
		}
		.ceb-vr-futuro-composicion-bloques .ceb-contenido-composicion-bloques .wp-block-columns .wp-block-column{
			position:relative;
		}
		.ceb-vr-futuro-composicion-bloques .ceb-contenido-composicion-bloques .wp-block-image{
			padding: 0;
		}
		.ceb-vr-futuro-composicion-bloques .ceb-contenido-composicion-bloques .ceb-contenido-composicion-bloques-bloque{
			height: 100%;
			background: #0000006b;
			position: absolute;
			top: 0;
		}
		.ceb-vr-futuro-composicion-bloques .ceb-contenido-composicion-bloques-bloque .ceb_contenedor{
			justify-content: flex-end;
			align-items: flex-start;
			gap: 10px;
			display: flex;
			width: 90%;
			flex-direction: column;
			padding: 6% 16%;
		}
		.ceb-vr-futuro-composicion-bloques  .ceb-h{
			color: #fff;
			text-align: left;
			font-size: 2.82rem;
			display: flex;
			flex-direction: column;
		}
		.ceb-vr-futuro-composicion-bloques .ceb-contenido-composicion-bloques p{
			color: #fff;
			text-align: left;
			width: 40%;
		}
		
		.ceb-vr-futuro-composicion-bloques .ceb-btn a{
			text-align: left;
		}
	
	.ceb-p-descp{
		font-family: "Roboto", sans-serif !important;
		font-size: 1.1rem !important;
		color: #606060;
		padding: 30px 16%;
	}


@media (max-width: 900px){
	header .be-head{height: 20vw !important;flex-wrap: wrap;}
	header .be-head .be-logo{width: 100%;}
	.cont-h1 h1{font-size: 13vw !important;;line-height: normal !important;;margin: 0 2% !important;}
	p, a{font-size: 4.4vw !important;}
	
	h2{font-size: 9vw;}
	a{font-size: 3.2vw !important;}
	.ceb-main-primer-parrafo{ font-size: 4.52vw !important;}
	.cont-h1 p{font-size: 4.52vw;width: 80%;}
	.ceb-main-cluster h3 strong{font-size:8vw !important;}
	.ceb-servicios-especiales .c1 h3{    font-size: 4.52vw!important;}
	.ceb-form-cont input, .ceb-form-cont textarea {font-size: 3.44vw;}
	.ceb-form-cont .ceb-form-btn input {font-size: 3vw !important;}
	
	.ceb-ant .ceb-main-banner-h1{height: 700px;}
		.ceb-main-banner-h1 figure{overflow: hidden;height: 100%;}
			.ceb-main-banner-h1 figure img{height: 100%;width: auto;max-width: fit-content;}
			.cont-h1 .wp-block-buttons{margin: 0 5% !important;}
	
	.ceb-main-dos-columnas{padding: 30% 16% 0 16%;}
	.ceb-main-dos-columnas .ceb-dos-columnas-2{max-width: 100% !important;padding: 10px 0 30px 0 !important;}
	.ceb-main-cluster{    max-width: 100% !important; margin-bottom:30px !important}
	
	.ceb-contacto{flex-wrap: nowrap !important;}
	.ceb-contacto-c1{width: 100%;max-width: 100%;}
	.ceb-contacto-c2{padding: 0 5% !important;box-sizing: border-box;}
	.ceb-redes-btn{flex-wrap: wrap;}
	.ceb-red-btn{margin: 5px !important;}
	.ceb-contacto .ceb-form-cont .ceb-form-pr{flex-wrap: wrap;}
	.ceb-form-pr .ceb-form-tres{width: 100% !important;}
	.ceb-form-cont input, .ceb-form-cont textarea{min-height: 60px;}
	.ceb-form-cont .ceb-form-btn{padding: 0 !important;}
	.ceb-form-cont .ceb-form-btn p{width: 100%;}
	.ceb-subfooter-pie{padding-bottom: 50px !important;}
	
	.ceb-main-3columnas-servicios .ceb-main-3c-mitad{border-left: none !important;border-right: none !important;}
	
	.ceb-main-3c-ultimo-izq{border-right:none}
	.ceb-main-3c-vacio{display:none !important}
	.ceb-servicios-especiales .c1{max-width: 100%;}
	
	.ceb-menu-mobil {
        display: inline;
        width: 76px;
        height: 76px;
        margin: 0 !important;
        padding: 12px !important;
        position: fixed !important;
        z-index: 16000161 !important;
        bottom: 30px !important;
        right: -4px;
        text-align: center !important;
        visibility: visible;
        transition: none !important;
    }
		.ceb-menu-mobil a {
			background: #141414;
			display: flex;
			padding: 0;
			justify-content: center;
			align-items: center;
			box-sizing: border-box;
			width: 100%;
			height: 100%;
			padding: 15px;
			box-sizing: border-box;
			border-radius: 5px;
			color: #fff;
		}
		
		    .ceb-menu-mobil a span {
				font-size: 35px;
				display: flex;
				padding: 0 !important;
				box-sizing: border-box;
				justify-content: center;
				align-items: center;
			}
	
	.ceb-menu {
        position: fixed;
        top: 0;
        width: 100% !important;
        height: 100%;
        background: #000000f7;
        display: none;
        max-height: fit-content !important;
    }
		.ceb-menu .ceb-menu-cont {
			max-height: fit-content !important;
		}
			    .ceb-menu .ceb-menu-cont ul {
					flex-wrap: wrap;
					padding-bottom: 70%;
					box-sizing: border-box;
				}
				    .ceb-menu .ceb-menu-cont ul li {
						width: 100%;
						border-bottom: 1px solid #004cef;
					}
	    .ceb-menu-abierto {
			display: inline !important;
		}
	.ceb-ant .ceb-main-banner-h1 .ceb-carrusel-mask{
		height: 100%;
	}
		.ceb-ant .ceb-main-banner-h1 .ceb-carrusel-mask figure.wp-block-image{
			height: 100%;
			min-height: 100%;
			align-items: center;
		}
			.ceb-ant .ceb-main-banner-h1 .ceb-carrusel-mask figure.wp-block-image img{
				width: max-content;
				max-width: fit-content !important;
				height: 100%;
				min-height: 100%;
			}
	.ceb-vr-futuro-composicion-bloques .ceb-contenido-composicion-bloques .wp-block-columns{
		height: 100vh;
		max-height: 100%;
	}
		.ceb-vr-futuro-composicion-bloques .ceb-contenido-composicion-bloques .wp-block-image{
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			overflow: hidden;
		}
			.ceb-vr-futuro-composicion-bloques .ceb-contenido-composicion-bloques .wp-block-image img{
				height: 100%;
				width: fit-content;
				max-width: fit-content;
			}
			.ceb-vr-futuro-composicion-bloques .ceb-contenido-composicion-bloques-bloque .ceb_contenedor{
				padding: 20% 16%;
			}
			.ceb-p-descp{
				padding: 30px 0%;
			}
}
	