/* ===== Cuestionario de calidad — estilos del formulario público ===== */
.ec-wrap{
	--ink:#16324c;--ink-soft:#3d5a75;--paper:#f6f8fa;--card:#fff;--line:#dbe4ec;
	--accent:#1f6fb2;--accent-deep:#144e80;--gold:#e0a51f;--ok:#1d7a4f;--radius:14px;
	color:var(--ink);line-height:1.55;
	font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif;
}
.ec-wrap *{box-sizing:border-box;}
.ec-brand{
	background:linear-gradient(135deg,var(--accent-deep),var(--accent));color:#fff;
	padding:28px 20px 24px;text-align:center;border-radius:var(--radius) var(--radius) 0 0;
}
.ec-logo{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;opacity:.85;margin-bottom:6px;}
/* Plegado: botón para empezar */
.ec-empezar-wrap{text-align:center;padding:26px 16px;}
.ec-btn-empezar{background:var(--accent);color:#fff;border:none;border-radius:12px;padding:15px 34px;
	font-size:1.05rem;font-weight:700;cursor:pointer;box-shadow:0 6px 18px -6px var(--accent);}
.ec-btn-empezar:hover{background:var(--accent-deep);}
.ec-empezar-nota{display:block;margin-top:12px;font-size:.9rem;color:var(--ink-soft);}
.ec-logo-img{max-height:64px;max-width:260px;width:auto;margin:0 auto 10px;display:block;background:#fff;border-radius:10px;padding:8px 12px;}
.ec-brand h1{font-size:1.35rem;font-weight:700;margin:0;}
.ec-brand p{font-size:.9rem;opacity:.9;margin:6px auto 0;max-width:560px;}
.ec-main{max-width:680px;margin:0 auto;padding:20px 16px 60px;}
.ec-nota{background:#eef4fa;border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;
	padding:16px 18px;font-size:.9rem;color:var(--ink-soft);margin:18px 0 26px;}
.ec-nota strong{color:var(--ink);}
.ec-bloque{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:22px;overflow:hidden;}
.ec-bloque>h2{background:#f0f4f8;color:var(--accent-deep);font-size:.85rem;letter-spacing:.12em;
	text-transform:uppercase;padding:12px 18px;border-bottom:1px solid var(--line);margin:0;}
.ec-aviso-seccion{padding:12px 18px 0;font-size:.88rem;color:var(--ink-soft);font-style:italic;margin:0;}
.ec-campo{padding:16px 18px;border-bottom:1px solid #eef2f6;}
.ec-campo:last-child{border-bottom:none;}
.ec-tit{display:block;font-weight:600;font-size:.95rem;margin-bottom:8px;}
.ec-req{color:#b3261e;}
.ec-wrap input[type=text],.ec-wrap input[type=number],.ec-wrap select,.ec-wrap textarea{
	width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;
	font-size:.95rem;font-family:inherit;color:var(--ink);background:#fff;}
.ec-wrap input:focus,.ec-wrap select:focus,.ec-wrap textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent);}
.ec-wrap textarea{min-height:90px;resize:vertical;}
.ec-contador{font-size:.78rem;color:#8aa0b4;text-align:right;margin-top:4px;}
.ec-radios{display:flex;flex-wrap:wrap;gap:10px;}
.ec-radios label{display:flex;align-items:center;gap:6px;font-size:.92rem;
	border:1px solid var(--line);border-radius:999px;padding:8px 14px;cursor:pointer;}
.ec-radios input{accent-color:var(--accent);}
.ec-radios label:has(input:checked){border-color:var(--accent);background:#eef4fa;font-weight:600;}
.ec-oculto{display:none;}
/* Escala 0-10 */
.ec-escala{padding:16px 18px;border-bottom:1px solid #eef2f6;}
.ec-escala:last-child{border-bottom:none;}
.ec-preg{font-weight:600;font-size:.95rem;margin:0 0 12px;}
.ec-pips{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:4px;}
.ec-pips button{aspect-ratio:1/1;border-radius:50%;border:1.5px solid var(--line);background:#fff;
	font-size:.82rem;font-weight:600;color:var(--ink-soft);cursor:pointer;transition:all .12s ease;width:100%;max-width:44px;justify-self:center;padding:0;}
.ec-pips button:hover{border-color:var(--accent);}
.ec-pips button.sel{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.12);}
.ec-pips button.sel.baja{background:#c05621;border-color:#c05621;}
.ec-leyenda{display:flex;justify-content:space-between;font-size:.72rem;color:#8aa0b4;margin-top:6px;}
/* Móvil: que quepan los 11 números sin cortarse */
@media(max-width:560px){
	.ec-pips{gap:3px;}
	.ec-pips button{font-size:.72rem;border-width:1.2px;}
}
@media(max-width:380px){
	.ec-pips{gap:2px;}
	.ec-pips button{font-size:.64rem;}
}
/* Estrellas */
.ec-estrellas{display:flex;gap:3px;flex-wrap:wrap;padding:4px 0;}
.ec-estrellas button{background:none;border:none;font-size:1.9rem;line-height:1;cursor:pointer;color:#d7dfe7;
	transition:transform .1s ease,color .1s ease;padding:2px;}
.ec-estrellas button.on{color:var(--gold);}
.ec-estrellas button:hover{transform:scale(1.15);}
.ec-valor-global{font-size:.9rem;color:var(--ink-soft);margin:6px 0 0;}
.ec-valor-global b{color:var(--accent-deep);font-size:1.05rem;}
/* Formadores */
.ec-formador-card{border:1px dashed var(--line);border-radius:12px;padding:14px;margin:14px 18px;}
.ec-formador-card h3{font-size:.92rem;color:var(--accent-deep);margin:0 0 10px;}
.ec-btn-sec{display:inline-block;margin:0 18px 16px;padding:9px 16px;border-radius:10px;
	border:1.5px solid var(--accent);background:#fff;color:var(--accent);font-weight:600;font-size:.9rem;cursor:pointer;}
/* Envío */
.ec-acciones{margin-top:26px;text-align:center;}
.ec-btn-main{background:var(--accent);color:#fff;border:none;border-radius:12px;padding:15px 34px;
	font-size:1.05rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px rgba(31,111,178,.35);width:100%;max-width:400px;}
.ec-btn-main:hover{background:var(--accent-deep);}
.ec-btn-main:disabled{opacity:.6;cursor:default;}
.ec-aviso-error{display:none;background:#fdecea;color:#b3261e;border-radius:10px;padding:12px 16px;font-size:.9rem;margin-top:14px;text-align:left;}
/* Resumen */
.ec-resumen{display:none;}
.ec-res-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-top:20px;text-align:center;}
.ec-res-card h2{color:var(--ok);font-size:1.15rem;margin:0 0 6px;}
.ec-sub{font-size:.9rem;color:var(--ink-soft);margin:0;}
.ec-res-media{margin-top:16px;font-size:1rem;}
.ec-res-media b{font-size:1.6rem;color:var(--ok);}
