/*
 Theme Name:   Ceballos Child
 Theme URI:    https://www.ceballos.pro
 Description:  Tema hijo de Ceballos
 Author:       M1000
 Author URI:   https://www.ceballos.pro
 Template:     ceballos
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.ceballos.pro
 Text Domain:  ceballoschild
*/

/****	2. Variables modificables	****/
	:root{
		--color-ceb-base: #0C1B2C;/*Utilizado para textos como parrafos, span y select (es un gris muy oscuro)*/
		--color-ceb-principal:#f39200; /*Utilizado para fondos de botones, strong, hover, anchor, span (funcionan como los strong pero sin bold)*/
		--color-ceb-oscuro:#004aad; /*Utilizado para títulos, para fondo, para el menú, para los anchor*/
		--color-ceb-gris:#f8f9fd;/*utilizado para fondos*/
		--color-ceb-gris-oscuro:#022b60; /*utilizado para bordes (es un gris menos oscuro que el base*/
		--color-ceb-blanco:#fff;
		--color-ceb-overlay: #0000006b;
		--color-ceb-radial-gradient:radial-gradient(#0000008c 10px, #00000045 40%, #00000000 60%);
		
		--tamano-fuente-h2:calc(var(--tamano-fuente-base)*2.89); /*2.25rem*/
		--tamano-fuente-h1:calc(var(--tamano-fuente-base)*3.7); /*3.25rem;*/ 
	}
	.ceb-cmp-slide-1 .ceb-contenedor{
		background: var(--color-ceb-radial-gradient-blanco);
	}
	.ceb-cmp-slide-1 .ceb-contenedor-sub .wp-block-heading{
		text-shadow: 1px 1px 3px #5959592e;
	}
	.ceb-cmp-slide-1 .ceb-contenedor-sub strong{
		color: var(--color-ceb-principal);
	}
	.ceb-cmp-slide-1 .ceb-contenedor-sub p{
		color: var(--color-ceb-base);
	}
	.ceb-lista.var3.ceb-cles-width-100{
		margin:var(--padding-base) 0;
	}
	.ceb-cmp-texto-1.ceb-composicion.ceb-cles-height-100 .ceb-contenedor{
		justify-content:center;
	}
	.ceb-fondo-oscuro .ceb-bloque.var4{
		border-color: var(--color-ceb-blanco);
		width: 70%;
	}
	.ceb-cmp-slide-2 .ceb-contenedor-sub h1{
		color:var(--color-ceb-blanco) !important;
	}
	.ceb-cmp-texto-4 .ceb-cls-column-x2 > div:first-of-type figure.ceb-cles-sticky {
		display: grid;
		max-height: 98vh;
		top: 2vh;
		width: 80%;
		margin: 0 0 0 auto;
	}
		.ceb-cmp-texto-4 .ceb-cls-column-x2 > div:first-of-type figure.ceb-cles-sticky > *{
			grid-area: 1 / 1;
			width: auto !important;
		}
	.ceb-bloque.var5 .ceb-h{
		 font-size: calc(var(--tamano-fuente-h2)* 0.9);
	}
	
	
	.ceb-bloque.var2.ceb-cles-sticky.ceb-fondo-principal{
		background-color:var(--color-ceb-principal) !important;
		top: var(--padding-base);
	}
		.ceb-bloque.var2.ceb-cles-sticky.ceb-fondo-principal .ceb-formulario.var2 :is(input, textarea){
			border: var(--tamano-border) var(--color-ceb-blanco);
		}
	
	body .ceb-fondo-oscuro .ceb-acordeon > div{
			gap:2px;
		}
	
	.ceb-cles-flex-row.ceb-ps-especial{
		gap:var(--padding-base-mitad);
	}
		.ceb-cles-flex-row.ceb-ps-especial .ceb-bloque.var4 {
		    min-height: 440px;
		}
		.ceb-cles-flex-row.ceb-ps-especial .ceb-bloque.var4 > *{
			flex-direction:column;
		}
		.ceb-cles-flex-row.ceb-ps-especial .ceb-bloque.var4 .ceb-contenedor-sub-sub{
			padding:0;
		}
		.ceb-cles-flex-row.ceb-ps-especial .ceb-bloque.var4 .ceb-contenedor-sub-sub > *{
			gap:var(--padding-base-mitad);
			text-align: center;
			min-height: 260px;
		}
	
	
	
	.ceb-cmp-slide-4 .ceb-contenedor{
		transition:var(--transition-base);
		border-right: var(--tamano-border) #ffffff42;
	}
		.ceb-cmp-slide-4.ceb-composicion.ceb-exp, .ceb-cmp-slide-4.ceb-composicion.ceb-exp > div, .ceb-cmp-slide-4.ceb-composicion.ceb-exp .ceb-contenedor{
			min-height: 70vh;
			height: fit-content;
		}
		.ceb-cmp-slide-4.ceb-composicion.ceb-exp .wp-block-gallery{
			width: 55%;
			height: auto;
			justify-self: flex-end;
		}
	
	.ceb-bloque.var4 .wp-block-image{
		margin:10px auto;
	}
	@media(max-width:900px){
		.ceb-fondo-oscuro .ceb-bloque.var4{
			width: 100%;
		}
		
		.ceb-cles-flex-row.ceb-ps-especial .ceb-bloque.var4 {
		    min-height: auto;
		}
		.ceb-cmp-slide-4.ceb-composicion.ceb-exp .wp-block-gallery{
			width:100%;
		}
		.ceb-cmp-texto-4 .ceb-cls-column-x2 > div:first-of-type figure.ceb-cles-sticky{
			width:100%;
		}
		.ceb-cmp-slide-2 .ceb-contenedor{
			margin:auto;
		}
		.ceb-cmp-slide-4 .ceb-contenedor{
			padding: 0 var(--padding-base);
		}
	}