/* =========================================================================
   css/competencias2026.css - Landing "Certificacion de competencia profesional"
   2026 (certificacion-competencias-profesionales.php). Lo comun (dos columnas,
   titulos, listas, columna derecha, texto gris de fondo) esta en
   css/landing2026.css y css/certificacion2026.css; aqui las tarjetas de
   esquemas (.iso-card de agencias/css/estilos.css), la cita y el formulario de
   solicitud, maquetado como el de agencias (cotizacion2026.css: .cot26 / .ccp26).
   ========================================================================= */

.ccp26 .ccp26-mayusculas {
	text-transform: uppercase;
}

/* ---------- Esquemas: tarjetas con icono, 3 por fila ---------- */
.ccp26-esquemas {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0 1rem;
	margin: 20px 0 10px;
}

.ccp26-esquema {
	display: flex;
	align-items: flex-end;     /* el texto se apoya en la base del icono */
	margin-bottom: 25px;
}

.ccp26-esquema-icono {
	display: flex;
	flex: 0 0 auto;
	justify-content: center;
	min-width: 50px;
	margin-right: 15px;
}

.ccp26-esquema-icono img {
	display: block;
	width: 55px;
	height: auto;
}

.ccp26-esquema-texto {
	flex-grow: 1;
	min-width: 0;
}

.landing26-contenido .ccp26-esquema-nombre {
	margin: 0;
	padding: 0;
	background: none;
	color: #232d3b;
	font-family: var(--fuente-titulos);
	font-size: 1.2rem;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.1;
}

.ccp26-esquema-desc {
	display: block;
	margin-top: 3px;
	color: #6b7280;
	font-size: .88rem;
	font-weight: 500;
	line-height: 1.3;
}

@media (max-width: 991.98px) {
	.ccp26-esquemas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767.98px) {
	.ccp26-esquemas { grid-template-columns: 1fr; }
}

/* ---------- Cita "No todas las titulaciones tienen el mismo valor" ----------
   Siempre en una linea: el tamano sale del ancho de la caja (cqi) */
.ccp26-cita-caja {
	container-type: inline-size;
	width: 100%;
	margin: 25px 0 20px;
}

.landing26-contenido .ccp26-cita {
	margin: 0;
	color: #e3e3e3;
	font-family: var(--fuente-texto);
	font-size: min(2.6rem, 4.4cqi);
	font-weight: 700;
	line-height: 1.2;
	text-align: left !important;
	white-space: nowrap;
}

/* ---------- Formulario de solicitud de certificacion ----------
   El de siempre (contacto_embebido_certificacion.php), maquetado como el de
   agencias: los campos en una rejilla de 6 columnas (3 por fila; centro
   formativo y codigo de acceso, 2; comentario, entero). Las filas de www
   (.modulo_100 con dos .modulo_48) se aplanan con display: contents y cada
   campo se coloca con order */
.ccp26-formulario .contacto_web_embebido {
	margin: 20px 0 0;
}

/* El titulo "FORMULARIO ACCESO A LA CERTIFICACION..." (h1 Anton con la marca antigua) y el
   salto de antes no estan en agencias: la cabecera amarilla del formulario ya lo presenta */
.ccp26-formulario > br,
.ccp26-formulario #form_certificacion {
	display: none;
}

/* Cabecera amarilla */
.ccp26-formulario #zonamasinfo {
	margin: 0 0 1rem;
	padding: .75rem 1rem !important;
	border-radius: .375rem;
	background-color: #f4b333;
	color: #fff;
	font-family: var(--fuente-texto);
	font-weight: 700;
}

.ccp26-formulario .contacto_web_embebido form {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 14px 16px;
	width: 100%;
	margin: 0;
	padding: 0;
}

.ccp26-formulario form > .modulo_100 {
	display: contents;
}

/* Filas con el campo directamente dentro (e-mail, comentario, casilla): son el campo */
.ccp26-formulario form > .modulo_100:has(> input),
.ccp26-formulario form > .modulo_100:has(> textarea),
.ccp26-formulario form > .modulo_100:has(> select) {
	display: block;
	padding: 0 !important;
}

.ccp26-formulario form .modulo_48 {
	width: auto;
	float: none;
	grid-column: span 2;
}

.ccp26-formulario form *:has(> #nombre_e)      { order: 1; }
.ccp26-formulario form *:has(> #apellido1_e)   { order: 2; }
.ccp26-formulario form *:has(> #apellido2_e)   { order: 3; }
.ccp26-formulario form *:has(> #pais_e)        { order: 4; }
.ccp26-formulario form *:has(> #provincia_e)   { order: 5; }
.ccp26-formulario form *:has(> #localidad_e)   { order: 6; }
.ccp26-formulario form *:has(> #dni_e)         { order: 7; }
.ccp26-formulario form *:has(> #telefono_e)    { order: 8; }
.ccp26-formulario form *:has(> #email_e)       { order: 9;  grid-column: span 2; }
.ccp26-formulario form *:has(> #centros_e)     { order: 10; grid-column: span 3; }
.ccp26-formulario form *:has(> #codigo_e)      { order: 11; grid-column: span 3; }
.ccp26-formulario form *:has(> #descripcion_e) { order: 12; grid-column: 1 / -1; }
.ccp26-formulario form #msgbox_e               { order: 13; grid-column: 1 / -1; }
.ccp26-formulario form .texto_lopd             { order: 14; grid-column: 1 / -1; }
.ccp26-formulario form *:has(> #he_leido_e)    { order: 15; grid-column: 1 / -1; }
.ccp26-formulario form .enviar_form            { order: 16; grid-column: 1 / -1; }

.ccp26-formulario form label {
	display: block;
	margin-bottom: .3rem;
	color: #3d4654;
	font-size: .82rem;
	font-weight: 600;
}

.ccp26-formulario .imput_texto {
	width: 100%;
	height: 42px;
	margin: 0;
	padding: .55rem .8rem;
	border: 1px solid #d5d9e0;
	border-radius: .375rem;
	background-color: #fff;
	color: #333;
	font-family: var(--fuente-texto);
	font-size: .92rem;
}

.ccp26-formulario textarea.imput_texto {
	height: 120px !important;
	resize: none;
}

.ccp26-formulario .imput_texto:focus {
	outline: none;
	border-color: #f4b333;
	box-shadow: 0 0 0 .2rem rgba(244, 179, 51, .25);
}

/* Errores de validacion (#msgbox_e) */
.ccp26-formulario #msgbox_e:empty {
	display: none;
}

.ccp26-formulario .messageboxerror {
	padding: .6rem .9rem;
	border: 1px solid #f1aeb5;
	border-radius: .375rem;
	background: #f8d7da;
	color: #58151c;
	font-size: .85rem;
	text-align: left;
}

/* Texto legal en caja gris con scroll propio */
.ccp26-formulario .texto_lopd {
	height: auto;
	max-height: 150px;
	margin: 0;
	padding: .8rem 1rem;
	border: 1px solid #e6e9ee;
	border-radius: .5rem;
	background-color: #f5f6f8;
	font-size: 0; /* texto_lopd.php empieza con un BOM y un salto: sin esto, linea en blanco */
	scrollbar-width: thin;
}

.ccp26-formulario .texto_lopd p {
	color: #5b6573;
	font-size: .75rem;
	line-height: 1.5;
	text-align: left !important;
}

.ccp26-formulario .texto_lopd p:first-child {
	margin-top: 0;
}

/* Consentimiento: casilla y texto en la misma linea */
.ccp26-formulario form > .modulo_100:has(> #he_leido_e) {
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

.ccp26-formulario #he_leido_e {
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	margin: 3px 0 0;
	accent-color: #344050;
	cursor: pointer;
}

.ccp26-formulario label[for="he_leido_e"],
.ccp26-formulario label[for="he_leido_e"] .t_80 {
	margin: 0;
	color: #5b6573;
	font-size: .8rem;
	font-weight: 400;
	line-height: 1.5;
	cursor: pointer;
}

.ccp26-formulario label[for="he_leido_e"] a {
	color: #232d3b !important;
	font-weight: 600;
}

/* Boton amarillo a la derecha, con el avion de papel (svg en linea en el CSS) */
.ccp26-formulario .enviar_form {
	display: flex !important;
	justify-content: flex-end;
	padding: 0 !important;
}

.ccp26-formulario .boton_enviar {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	width: auto;
	margin: 0;
	padding: .75rem 2.5rem !important;
	border: 0;
	border-radius: 6px;
	background-color: #ffb800;
	color: #fff;
	font-family: var(--fuente-texto);
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: .3px;
	cursor: pointer;
	transition: background-color .2s ease, transform .2s ease;
}

.ccp26-formulario .boton_enviar::before {
	content: "";
	width: 16px;
	height: 16px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M22 2 2 10.5l7 2.7L18 6l-7.2 8.6v7.4l4.1-5.1 4.6 2.6z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.ccp26-formulario .boton_enviar:hover,
.ccp26-formulario .boton_enviar:focus-visible {
	background-color: #e5a500;
	transform: translateY(-1px);
}

@media (max-width: 767.98px) {
	.ccp26-formulario .contacto_web_embebido form {
		grid-template-columns: 1fr;
	}

	.ccp26-formulario form > *,
	.ccp26-formulario form .modulo_48,
	.ccp26-formulario form > * > * {
		grid-column: 1 / -1 !important;
	}

	.ccp26-formulario .boton_enviar {
		justify-content: center;
		width: 100%;
	}
}