/* Paleta i tipografies inspirades en la identitat visual de Lawbors. */
.cv-calculadora { max-width: 820px; overflow: hidden; border: 1px solid rgba(102, 8, 34, .14); border-radius: 18px; background: #f1e5d8bf; box-shadow: 0 14px 36px rgba(102, 8, 34, .10); color: #302a2c; font-family: "DM Sans", sans-serif; }
/* El títol funciona com el petit capçalera bordeus de la calculadora. */
.cv-calculadora h3 { margin: 0; padding: 24px 30px 10px; background: #660822; color: #fff; font-family: "Space Grotesk", sans-serif; font-size: clamp(1.7rem, 4vw, 2.25rem); font-weight: 600; letter-spacing: -.04em; line-height: 1.1; }
.cv-ajuda { margin: 0; padding: 0 30px 25px; background: #660822; color: rgba(255, 255, 255, .86); font-size: .98rem; }
.cv-files, .cv-opcions { display: flex; gap: 18px; flex-wrap: wrap; margin: 0; padding: 24px 30px 0; }
.cv-opcions { padding-top: 18px; }
.cv-calculadora fieldset { flex: 1 1 300px; min-width: 0; margin: 0; padding: 17px; border: 1px solid rgba(102, 8, 34, .18); border-radius: 10px; background: rgba(255, 255, 255, .45); }
.cv-calculadora legend { padding: 0 7px; color: #660822; font-family: "Space Grotesk", sans-serif; font-weight: 600; }
.cv-calculadora label { display: inline-flex; flex: 1 1 72px; flex-direction: column; gap: 6px; margin: 3px; color: #7a7a7a; font-size: .84rem; font-weight: 500; }
.cv-opcions label { flex: 1 1 210px; }
.cv-calculadora select { width: 100%; padding: 10px 11px; border: 1px solid rgba(102, 8, 34, .22); border-radius: 7px; background: rgba(255, 255, 255, .8); color: #302a2c; font: inherit; }
.cv-calculadora select:focus { outline: 2px solid #660822; outline-offset: 2px; }
.cv-calcular { margin: 26px 30px 30px; padding: 12px 23px; border: 1px solid #660822; border-radius: 7px; background: #660822; color: #fff; cursor: pointer; font: 600 1rem "DM Sans", sans-serif; transition: background .2s ease, transform .2s ease; }
.cv-calcular:hover { background: #4b0619; transform: translateY(-1px); }
.cv-calcular:focus-visible { outline: 3px solid rgba(102, 8, 34, .35); outline-offset: 3px; }
.cv-resultat { margin: 0 30px 30px; padding: 20px; border-left: 4px solid #660822; border-radius: 0 10px 10px 0; background: rgba(255, 255, 255, .68); }
.cv-resultat > strong { color: #660822; font-family: "Space Grotesk", sans-serif; font-size: 1.18rem; }
.cv-resultat p { margin: 9px 0 0; }
.cv-resultat p strong { color: #660822; }
.cv-error { margin: 0 30px; color: #8e1736; font-weight: 600; }
@media (max-width: 560px) { .cv-calculadora h3 { padding: 22px 20px 8px; } .cv-ajuda { padding: 0 20px 21px; } .cv-files, .cv-opcions { padding-right: 20px; padding-left: 20px; } .cv-calcular, .cv-resultat, .cv-error { margin-right: 20px; margin-left: 20px; } }