#mama-app{--color-primary:#0284c7;--color-primary-dark:#0369a1;--color-success:#22c55e;--color-success-bg:#f0fdf4;--color-success-text:#166534;--color-error:#d93025;--color-error-bg:#fef2f2;--color-error-text:#991b1b;--color-border:#cbd5e1;--color-border-hover:#94a3b8;--color-bg-light:#f8fafc;--color-bg-white:#fff;--color-text-main:#334155;--color-text-dark:#1e293b;--color-text-muted:#64748b;--color-disabled-bg:#e2e8f0;--color-disabled-text:#94a3b8;--radius-md:8px;--radius-lg:12px;--radius-pill:9999px;--transition:all .2s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a}#mama-app #form-mamografia{width:100%;max-width:1200px;color:var(--color-text-main);flex-direction:column;gap:1.5rem;margin:0 auto;padding:1rem 0;font-family:system-ui,-apple-system,sans-serif;display:flex}#mama-app #form-mamografia #wrapper-seccio-canvi,#mama-app #form-mamografia #wrapper-seccio-anullacio{border:0;min-width:0;margin:0;padding:0}#mama-app #form-mamografia .honeypot-field{visibility:hidden;display:none!important}#mama-app #form-mamografia .required:after{content:" *";color:var(--color-error);font-weight:700}#mama-app #form-mamografia .field-group{flex-direction:column;gap:.5rem;display:flex}#mama-app #form-mamografia .field-group label{color:var(--color-text-main);font-weight:700}#mama-app #form-mamografia .field-group input,#mama-app #form-mamografia .field-group select{border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-white);min-height:48px;transition:var(--transition);padding:.75rem;font-size:1rem}:is(#mama-app #form-mamografia .field-group input,#mama-app #form-mamografia .field-group select):focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0284c71a}#mama-app #form-mamografia .request-group{border:none;margin:0;padding:0}#mama-app #form-mamografia .request-group legend{color:var(--color-text-main);margin-bottom:.75rem;font-weight:600}#mama-app #form-mamografia .request-group .options-inline{gap:1rem;display:flex}#mama-app #form-mamografia .request-group .anullacio-notice{background-color:var(--color-success-bg);border-radius:var(--radius-md);color:var(--color-success-text);box-shadow:var(--shadow-sm);border:1px solid #bbf7d0;margin-top:.85rem;padding:.85rem 1.15rem}#mama-app #form-mamografia .request-group .anullacio-notice a{color:var(--color-success-text);text-underline-offset:2px;font-weight:700;text-decoration:underline}#mama-app #form-mamografia .request-group .anullacio-notice a:hover{color:#0eb548}#mama-app #form-mamografia .request-group .radio-tile{flex:1;position:relative}#mama-app #form-mamografia .request-group .radio-tile input{opacity:0;width:1px;height:1px;position:absolute}#mama-app #form-mamografia .request-group .radio-tile .tile-label{border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:center;background:var(--color-bg-white);min-height:54px;transition:var(--transition);justify-content:center;align-items:center;font-weight:600;display:flex}#mama-app #form-mamografia .request-group .radio-tile input:checked+.tile-label{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success-text)}#mama-app #form-mamografia .request-group .radio-tile:hover .tile-label{border-color:var(--color-primary)}#mama-app #form-mamografia .request-group .textarea-wrapper{flex-direction:column;width:100%;display:flex;position:relative}#mama-app #form-mamografia .request-group .textarea-wrapper textarea{border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-main);background-color:var(--color-bg-white);resize:vertical;min-height:110px;box-shadow:var(--shadow-sm);transition:var(--transition);padding:.85rem 1rem;font-family:inherit;font-size:1rem}#mama-app #form-mamografia .request-group .textarea-wrapper textarea::placeholder{color:var(--color-text-muted);opacity:.8}#mama-app #form-mamografia .request-group .textarea-wrapper textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0284c71f, var(--shadow-sm);outline:none}#mama-app #form-mamografia .request-group .textarea-wrapper .char-counter{color:var(--color-text-muted);-webkit-user-select:none;user-select:none;align-self:flex-end;margin-top:.35rem;font-size:.8rem;font-weight:500}#mama-app #form-mamografia .request-group .textarea-wrapper .error-feedback{margin-top:.25rem}#mama-app #form-mamografia #wrapper-horaris{flex-direction:column;gap:1.5rem;margin-top:1.25rem;display:flex}#mama-app #form-mamografia #wrapper-horaris .bloque-day{background:var(--color-bg-light);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:1.25rem}#mama-app #form-mamografia #wrapper-horaris .bloque-day h3{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-primary-dark);text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm);background:#fff;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.95rem;font-weight:700;display:inline-flex}#mama-app #form-mamografia #wrapper-horaris .grid-pills{grid-template-columns:1fr;gap:1rem;width:100%;display:grid}@media (width>=640px){#mama-app #form-mamografia #wrapper-horaris .grid-pills{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}#mama-app #form-mamografia #wrapper-horaris .pill-item{position:relative}#mama-app #form-mamografia #wrapper-horaris .pill-item input[type=checkbox]{opacity:0;width:1px;height:1px;position:absolute}#mama-app #form-mamografia #wrapper-horaris .pill-item .pill-label{background:var(--color-bg-white);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;transition:var(--transition);text-align:center;justify-content:center;align-items:center;padding:1rem 0;font-size:1rem;font-weight:500;display:flex}#mama-app #form-mamografia #wrapper-horaris .pill-item:hover .pill-label{border-color:var(--color-primary);background:#f0f9ff}#mama-app #form-mamografia #wrapper-horaris .pill-item input[type=checkbox]:checked+.pill-label{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg-white);box-shadow:var(--shadow-md);font-weight:600;transform:scale(.98)}#mama-app #form-mamografia #wrapper-seccio-anullacio .request-group{margin-bottom:1rem}#mama-app #form-mamografia #wrapper-seccio-anullacio .motiu_anullacio{background:var(--color-bg-light);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);opacity:0;transition:opacity .25s ease-in-out, display .25s ease-in-out allow-discrete;margin-top:1.5rem;padding:1.25rem;display:none}#mama-app #form-mamografia #wrapper-seccio-anullacio .motiu_anullacio.is-visible{opacity:1;display:block}@starting-style{#mama-app #form-mamografia #wrapper-seccio-anullacio .motiu_anullacio.is-visible{opacity:0}}#mama-app #form-mamografia .cf-turnstile{justify-content:center;align-items:stretch;width:100%;margin:1rem 0;display:flex}#mama-app #form-mamografia #btn-submit{background:var(--color-primary);color:var(--color-bg-white);border-radius:var(--radius-md);cursor:pointer;width:100%;min-height:56px;transition:var(--transition);border:none;padding:1rem;font-size:1.1rem;font-weight:600}#mama-app #form-mamografia #btn-submit:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}#mama-app #form-mamografia #btn-submit:active:not(:disabled){transform:translateY(0)}#mama-app #form-mamografia #btn-submit:disabled{background-color:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed;opacity:.7}#mama-app #form-mamografia #form-feedback{border-radius:var(--radius-md);text-align:center;margin-top:1rem;padding:1.25rem;font-weight:600;display:none}#mama-app #form-mamografia #form-feedback.success{background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success);display:block}#mama-app #form-mamografia #form-feedback.error{background:var(--color-error-bg);color:var(--color-error-text);border:1px solid var(--color-error);display:block}#mama-app .app-version{color:var(--color-text-muted);opacity:.5;-webkit-user-select:none;user-select:none;z-index:10;font-family:monospace;font-size:10px;transition:opacity .2s;position:fixed;bottom:8px;right:12px}#mama-app .app-version:hover{opacity:1}#mama-app #form-mamografia .field-group input.is-invalid,#mama-app #form-mamografia .field-group select.is-invalid,#mama-app #form-mamografia .request-group textarea.is-invalid{border-color:var(--color-error)}#mama-app #form-mamografia .field-group input.is-invalid:focus,#mama-app #form-mamografia .field-group select.is-invalid:focus,#mama-app #form-mamografia .request-group textarea.is-invalid:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #d930251a}#mama-app .error-feedback{color:var(--color-error-text);margin-top:-.25rem;margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:none}#mama-app .is-invalid+.error-feedback{display:block}#mama-app ::selection{background-color:var(--color-primary);color:var(--color-bg-white)}
