/* =========================================================================
   css/secciones/cotizacion2026.css - Formulario de solicitud de cotizacion
   con Bootstrap 5.3 (contacto_embebido_cotizacion.php). Compensa reglas
   globales de estilos.css: .form-control con border-radius 0 !important,
   margin-bottom 10px y placeholder amarillo.
   ========================================================================= */

/* Titulos de seccion: amarillos y subrayados, como antes */
.cot26 .cot26-seccion {
	display: inline-block;
	margin: 1.25rem 0 1rem;
	padding-bottom: 4px;
	min-width: 40%;
	border-bottom: 1px solid #f4b333;
	color: #f4b333;
	font-size: 1.05rem !important;
	font-weight: 400;
	text-align: left !important;
}

.cot26 form > .cot26-seccion:first-of-type {
	margin-top: .75rem;
}

.cot26-label {
	margin-bottom: .3rem;
	color: #3d4654;
	font-size: .82rem;
	font-weight: 600;
}

.cot26-obligatorio {
	color: #dc3545;
	font-weight: 700;
}

.cot26 .form-control {
	margin-bottom: 0;
	padding: .55rem .8rem;
	border-color: #d5d9e0;
	border-radius: .375rem !important; /* estilos.css pone 0 !important */
	font-size: .92rem;
}

.cot26 .form-control:focus {
	border-color: #f4b333;
	box-shadow: 0 0 0 .2rem rgba(244, 179, 51, .25);
}

/* Altura fija (sin tirador para estirarlos); si se escribe mas, hacen scroll */
.cot26 textarea.form-control {
	height: 120px;
	min-height: 0;
	resize: none;
}

.cot26-nota {
	color: #5b6573;
	font-size: .8rem;
}

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

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

.cot26-lopd p:last-child {
	margin-bottom: 0;
}

/* Consentimiento */
.cot26 .form-check-input {
	border-color: #aab2bd;
	cursor: pointer;
}

.cot26 .form-check-input:checked {
	background-color: #344050;
	border-color: #344050;
}

.cot26-consentimiento {
	color: #5b6573;
	font-size: .8rem;
	line-height: 1.5;
	cursor: pointer;
}

.cot26-enlace {
	color: #232d3b;
	font-weight: 600;
	text-decoration: underline !important; /* estilos.css quita el subrayado */
}

.cot26-enlace:hover {
	color: #dd9d1f;
}

/* Boton Enviar azul oscuro, como el anterior (.boton_enviar) */
.cot26-enviar,
.cot26-enviar:focus {
	min-width: 150px;
	padding: .8rem 2rem;
	border: 0;
	border-radius: 3px;
	background-color: #344050;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .5px;
	text-transform: uppercase;
}

.cot26-enviar:hover,
.cot26-enviar:active {
	background-color: #1f2833 !important;
	color: #fff !important;
}

.cot26-enviar:disabled {
	opacity: .7;
}

@media (max-width: 767.98px) {
	.cot26-enviar { width: 100%; }
}

/* =========================================================================
   Formulario de solicitud de certificacion (contacto_embebido_certificacion.php,
   en certificacion-competencias-profesionales.php): mismas clases cot26 mas
   estas. El boton es como el ENVIAR de la seccion de contacto 2026.
   ========================================================================= */
.ccp26 {
	margin-top: 1rem;
}

.ccp26 .ccp26-cabecera {
	padding: .75rem 1rem;
	border-radius: .375rem;
	background-color: #f4b333;
	color: #fff;
	font-weight: 700;
}

.ccp26 form {
	width: 100%;   /* principal.css: .contacto_web_embebido form { width: 96%; padding: 2% } */
	padding: 0;
	margin: 0;
}

.cot26 .form-select {
	margin-bottom: 0;
	padding-top: .55rem;
	padding-bottom: .55rem;
	border-color: #d5d9e0;
	border-radius: .375rem !important;
	font-size: .92rem;
}

.cot26 .form-select:focus {
	border-color: #f4b333;
	box-shadow: 0 0 0 .2rem rgba(244, 179, 51, .25);
}

.ccp26-boton,
.ccp26-boton:focus {
	padding-top: .75rem;
	padding-bottom: .75rem;
	border: 0;
	border-radius: var(--bs-border-radius);
	background-color: var(--sr-yellow, #ffb800);
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: background-color .2s ease, transform .2s ease;
}

.ccp26-boton:hover,
.ccp26-boton:active {
	background-color: #e5a500 !important;
	color: #fff !important;
	transform: translateY(-1px);
}

.ccp26-boton:focus-visible {
	box-shadow: 0 0 0 .25rem rgba(244, 179, 51, .4);
}

.ccp26-boton:disabled {
	opacity: .7;
}

@media (max-width: 575.98px) {
	.ccp26-boton { width: 100%; }
}

/* Formulario de eventos/cursos (contacto_embebido_eventos.php): cabecera azul, como antes */
.ccp26 .ccp26-cabecera-azul {
	background-color: #344050;
}