:root {
	--ceb-marino: #061B3A;
	--ceb-azul-profundo: #083D78;
	--ceb-azul-principal: #075EB5;
	--ceb-azul-luminoso: #19A7E0;
	--ceb-dorado: #D5A62E;
	--ceb-dorado-claro: #F0CB68;
	--ceb-blanco-calido: #F8FAFC;
	--ceb-texto-oscuro: #152238;
	--ceb-texto-secundario: #4A5A70;
	--ceb-texto-muted: #6B7B93;
	--ceb-borde-tarjeta: #E4E9F0;
	--ceb-degradado-principal: linear-gradient(135deg, var(--ceb-marino) 0%, var(--ceb-azul-principal) 60%, var(--ceb-azul-luminoso) 100%);
	--ceb-degradado-alterno: linear-gradient(135deg, #04162F 0%, #063D76 55%, #087FC1 100%);
	--ceb-degradado-dorado: linear-gradient(90deg, var(--ceb-dorado) 0%, var(--ceb-dorado-claro) 100%);
}

.ceb-inicio-body {
	margin: 0;
	font-family: Manrope, "Segoe UI", system-ui, sans-serif;
	background: var(--ceb-blanco-calido);
	color: var(--ceb-texto-oscuro);
}
.ceb-inicio-body a { color: var(--ceb-azul-principal); text-decoration: none; }
.ceb-inicio-body a:hover { color: #063D76; }
.ceb-inicio-body * { box-sizing: border-box; }

.ceb-inicio-ancho { max-width: 1296px; margin: 0 auto; padding: 0 20px; }

.ceb-inicio-header { background: transparent; }
.ceb-inicio-header-fila {
	display: flex; align-items: center; justify-content: space-between;
	padding: 18px 0 0;
}

.ceb-inicio-logo { display: block; line-height: 0; }
.ceb-inicio-logo img { display: block; height: 46px; width: auto; }
.ceb-inicio-nav { display: none; }
.ceb-inicio-menu-movil {
	display: flex; flex-direction: column; gap: 5px; padding: 8px;
	background: none; border: none; cursor: pointer;
}
.ceb-inicio-menu-movil span { width: 22px; height: 2px; background: var(--ceb-marino); border-radius: 2px; }

.ceb-inicio-hero {
	background: var(--ceb-degradado-principal);
	padding: 18px 0 40px;
}
.ceb-inicio-hero-grid { display: flex; flex-direction: column; gap: 28px; padding-top: 10px; }
.ceb-inicio-eyebrow-dorado {
	font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase;
	color: var(--ceb-dorado-claro); margin: 0 0 16px;
}
.ceb-inicio-hero-copy h1 {
	font-weight: 800; font-size: 31px; line-height: 1.18; color: #FFFFFF; margin: 0 0 16px;
}
.ceb-inicio-hero-intro {
	font-size: 15px; font-weight: 400; line-height: 1.6; color: rgba(255,255,255,.86); margin: 0 0 20px; max-width: 60ch;
}
.ceb-inicio-hero-ctas { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.ceb-inicio-boton-dorado {
	background: var(--ceb-degradado-dorado); color: var(--ceb-texto-oscuro) !important;
	font-weight: 800; font-size: 16px; padding: 17px 28px; border-radius: 9px;
	min-height: 44px; display: inline-flex; align-items: center; justify-content: center;
	box-sizing: border-box; text-align: center;
}
.ceb-inicio-hero-whatsapp { color: rgba(255,255,255,.85) !important; font-weight: 600; font-size: 15px; }
.ceb-inicio-hero-cifras { display: flex; gap: 22px; padding-top: 4px; }
.ceb-inicio-hero-cifra { display: block; font-weight: 800; font-size: 21px; color: #FFFFFF; }
.ceb-inicio-hero-cifra-etiqueta { display: block; font-size: 11px; font-weight: 500; color: rgba(255,255,255,.72); }
.ceb-inicio-hero-foto {
	width: 100%; max-width: 470px; aspect-ratio: 470 / 340; border-radius: 12px; overflow: hidden;
	border: 1.5px solid rgba(255,255,255,.25);
}
.ceb-inicio-hero-foto img { width: 100%; height: 100%; object-fit: cover; display: block; }

.ceb-inicio-seccion { padding: 34px 0; }
.ceb-inicio-blanco { background: var(--ceb-blanco-calido); }
.ceb-inicio-oscuro { background: var(--ceb-degradado-alterno); }
.ceb-inicio-seccion-cabecera { margin-bottom: 18px; }
.ceb-inicio-seccion h2 { font-weight: 700; font-size: 21px; color: var(--ceb-marino); margin: 0 0 10px; }

.ceb-inicio-titulo-claro { color: #FFFFFF !important; }
.ceb-inicio-seccion-intro { font-size: 14px; font-weight: 400; color: var(--ceb-texto-secundario); max-width: 66ch; margin: 0; }
.ceb-inicio-intro-clara { color: rgba(255,255,255,.72); }

.ceb-inicio-tarjetas-grid { display: flex; flex-direction: column; gap: 18px; }
.ceb-inicio-tarjeta {
	background: #FFFFFF; border: 1px solid var(--ceb-borde-tarjeta); border-radius: 11px;
	padding: 20px; display: flex; flex-direction: column; gap: 11px;
}
.ceb-inicio-eyebrow-azul {
	font-size: 10px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase;
	color: var(--ceb-azul-principal); margin: 0;
}
.ceb-inicio-tarjeta-titulo {
	font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 600; font-size: 25px;
	line-height: 1.22; color: var(--ceb-marino); margin: 0;
}
.ceb-inicio-tarjeta-desc { font-size: 14px; font-weight: 400; line-height: 1.6; color: var(--ceb-texto-secundario); margin: 0; }
.ceb-inicio-tarjeta-precio { display: flex; align-items: baseline; gap: 9px; flex-wrap: wrap; padding-top: 2px; }
.ceb-inicio-tarjeta-precio-num { font-weight: 800; font-size: 22px; color: var(--ceb-marino); }
.ceb-inicio-tarjeta-precio-nota { font-weight: 600; font-size: 12px; color: var(--ceb-texto-muted); }
.ceb-inicio-boton-azul-solido, .ceb-inicio-boton-azul-contorno {
	font-weight: 800; font-size: 15px; padding: 14px 22px; border-radius: 8px; text-align: center;
	min-height: 44px; box-sizing: border-box; display: flex; align-items: center; justify-content: center;
	margin-top: 4px;
}
.ceb-inicio-boton-azul-solido { background: var(--ceb-azul-principal); color: #FFFFFF !important; border: 1.5px solid var(--ceb-azul-principal); }
.ceb-inicio-boton-azul-contorno { border: 1.5px solid var(--ceb-azul-principal); color: var(--ceb-azul-principal) !important; font-weight: 700; }

.ceb-inicio-testimonios-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.ceb-inicio-video-hueco {
	border: 1.5px dashed rgba(255,255,255,.35); border-radius: 10px; height: 130px;
	display: flex; align-items: center; justify-content: center;
	font-size: 12px; font-weight: 600; color: rgba(255,255,255,.55);
}
.ceb-inicio-testimonios-nota { font-size: 12px; font-weight: 400; color: rgba(255,255,255,.5); margin: 16px 0 0; }

.ceb-inicio-footer { background: var(--ceb-marino); padding: 26px 0; }
.ceb-inicio-footer-fila { display: flex; flex-direction: column; gap: 18px; }
.ceb-inicio-footer-titulo { font-weight: 500; font-size: 12px; letter-spacing: .05em; color: rgba(255,255,255,.85); margin: 0 0 6px; }
.ceb-inicio-footer-dominio { font-size: 13px; font-weight: 400; color: rgba(255,255,255,.5); margin: 0; }
.ceb-inicio-footer-columnas { display: flex; flex-direction: column; gap: 10px; }
.ceb-inicio-footer-col { display: flex; flex-direction: column; gap: 7px; font-size: 13px; font-weight: 400; color: rgba(255,255,255,.65); }
.ceb-inicio-footer-col a { color: rgba(255,255,255,.65) !important; }
.ceb-inicio-footer-col span { color: rgba(255,255,255,.5); font-size: 11px; }

@media (min-width: 960px) {
	.ceb-inicio-ancho { padding: 0 72px; }
	.ceb-inicio-header-fila { padding: 24px 0 0; }
	.ceb-inicio-logo img { height: 56px; }
	.ceb-inicio-nav { display: flex; gap: 34px; align-items: center; }
	.ceb-inicio-nav a:not(.ceb-inicio-nav-cta) { font-size: 14px; font-weight: 600; color: rgba(255,255,255,.88) !important; }
	.ceb-inicio-nav-cta {
		border: 1.5px solid rgba(255,255,255,.5); color: #FFFFFF !important; font-weight: 700; font-size: 14px;
		padding: 11px 22px; border-radius: 8px;
	}
	.ceb-inicio-menu-movil { display: none; }

	.ceb-inicio-hero { padding: 24px 0 68px; }
	.ceb-inicio-hero-grid { flex-direction: row; align-items: center; gap: 64px; padding-top: 56px; }
	.ceb-inicio-hero-copy { flex-grow: 1; max-width: 620px; }
	.ceb-inicio-hero-copy h1 { font-size: 52px; line-height: 1.12; }
	.ceb-inicio-hero-intro { font-size: 18px; line-height: 1.65; }
	.ceb-inicio-hero-ctas { flex-direction: row; align-items: center; gap: 16px; }
	.ceb-inicio-boton-dorado { font-size: 16px; padding: 18px 34px; }
	.ceb-inicio-hero-foto { flex-shrink: 0; }

	.ceb-inicio-seccion { padding: 66px 0; }
	.ceb-inicio-seccion h2 { font-size: 32px; }
	.ceb-inicio-seccion-intro { font-size: 16px; }

	.ceb-inicio-tarjetas-grid { flex-direction: row; gap: 24px; }
	.ceb-inicio-tarjeta { padding: 28px; gap: 13px; flex: 1; }
	.ceb-inicio-tarjeta-titulo { font-size: 27px; }
	.ceb-inicio-tarjeta-desc { flex-grow: 1; }
	.ceb-inicio-tarjeta-precio-num { font-size: 26px; }

	.ceb-inicio-testimonios-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
	.ceb-inicio-video-hueco { height: 170px; }

	.ceb-inicio-footer-fila { flex-direction: row; justify-content: space-between; align-items: flex-start; }
	.ceb-inicio-footer-columnas { flex-direction: row; gap: 44px; }
}