/* Encuesta «Serie Aeterna» */
.enc { padding: clamp(36px, 6vw, 70px) 0; background: linear-gradient(180deg, rgba(5,3,6,.96), rgba(22,10,9,.88) 50%, rgba(5,3,6,.96)), url("../../assets/hdh/roma-limpia-desk.jpg") 50% 40% / cover no-repeat; }
.enc__in { max-width: 820px; margin: 0 auto; padding: clamp(18px, 4vw, 34px); border: 1px solid rgba(201,168,106,.55); border-radius: 10px; background: rgba(8,6,7,.86); color: #f1e6cc; }
.enc__in .ae-h2 { margin: 6px 0 8px; }
.enc__lede { margin: 0 0 18px; color: #d9cbaa; font-size: 1.05rem; }
.enc__f { display: grid; gap: 16px; }
.enc__fs { margin: 0; padding: 12px 14px; border: 1px solid rgba(201,168,106,.3); border-radius: 8px; }
.enc__fs[hidden] { display: none; }
.enc__fs legend { padding: 0 6px; font: 600 1rem/1.3 Cinzel, serif; color: #e3c886; }
.enc__ayuda { margin: 2px 0 8px; font-size: .9rem; color: #b5a888; }
.enc__opt { display: flex; gap: 10px; align-items: flex-start; padding: 7px 4px; cursor: pointer; }
.enc__opt input { flex: none; width: 18px; height: 18px; margin-top: 3px; accent-color: #c9a86a; }
.enc__lliure { display: grid; gap: 6px; color: #d9cbaa; }
.enc__lliure textarea { width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid rgba(201,168,106,.45); border-radius: 6px; background: #0b0a0d; color: #f5ede0; font: 400 1rem/1.5 Spectral, Georgia, serif; }
.enc__f .ae-btn { justify-self: start; }
.enc__estat { margin: 0; min-height: 1.3em; color: #f2a5b6; }
.enc__gracias { margin: 0 0 12px; color: #9fe0b8; }
.enc__nota { margin: 0 0 14px; font-size: .9rem; color: #b5a888; }
.enc__res { margin: 0 0 16px; } .enc__q { margin: 0 0 6px; font: 600 .98rem/1.3 Cinzel, serif; color: #e3c886; }
.enc__res ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.enc__res li { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(60px, 1fr) 3.2em; gap: 10px; align-items: center; font-size: .92rem; }
.enc__bar { height: 9px; border-radius: 5px; background: rgba(255,255,255,.07); overflow: hidden; } .enc__bar i { display: block; height: 100%; background: linear-gradient(90deg, #8a6a2c, #e3c886); }
.enc__res b { text-align: right; color: #f3e2b6; }
@media (max-width: 560px) { .enc__res li { grid-template-columns: 1fr 3em; } .enc__bar { grid-column: 1 / -1; grid-row: 2; } }
/* m311: en la portada, solo el aviso con su botón */
.enc { padding: clamp(22px, 4vw, 40px) 0; }
.enc__in--teaser { padding: clamp(16px, 3vw, 24px) clamp(18px, 3vw, 28px); }
.enc__teaser { display: flex; align-items: center; justify-content: space-between; gap: 18px 28px; flex-wrap: wrap; }
.enc__teaser .ae-h2 { margin: 4px 0 6px; font-size: clamp(1.4rem, 1.1rem + 1.2vw, 2rem); }
.enc__teaser .enc__lede { margin: 0; max-width: 560px; }
.enc__teaser .ae-btn { flex: none; }
@media (max-width: 560px) { .enc__teaser .ae-btn { width: 100%; justify-content: center; } }