.popup{--p-fondo: var(--fondo, #0d1620);--p-superficie: var(--superficie, #152230);--p-testo: var(--testo, #dde9f0);--p-secondario: var(--secondario, #7c93a3);--p-ciano: var(--ciano, #8fc5dc);--p-rame: var(--rame, #c98f52);--p-su-rame: var(--su-rame, #17212b);--p-riga: var(--riga, rgba(190, 225, 240, .16));--p-riga-forte: var(--riga-forte, rgba(190, 225, 240, .32));width:min(680px,calc(100vw - 32px));padding:0;background:var(--p-superficie);border:1px solid var(--p-riga-forte);border-radius:0;color:var(--p-testo);box-shadow:0 24px 60px #0000008c}.popup::backdrop{background:#060c12c7}.popup__corpo{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);margin:0}.popup--solo-testo .popup__corpo{grid-template-columns:1fr}.popup__parole{display:flex;flex-direction:column;gap:11px;padding:28px}.popup__crocino{position:absolute;width:9px;height:9px;border:1px solid var(--p-ciano);z-index:1}.popup__crocino--ns{top:6px;left:6px;border-width:1px 0 0 1px}.popup__crocino--sd{bottom:6px;right:6px;border-width:0 1px 1px 0}.popup__occhiello{margin:0;color:var(--p-rame);font-family:var(--f-dato, ui-monospace, monospace);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.popup__titolo{margin:0;font-family:var(--f-titolo, "Barlow Condensed", sans-serif);font-weight:700;font-size:clamp(25px,3.6vw,33px);line-height:1.03;text-transform:uppercase;text-wrap:balance}.popup__testo{margin:0;color:var(--p-secondario);font-size:15px;line-height:1.5}.popup__etichetta{margin-block-start:5px;color:var(--p-secondario);font-family:var(--f-dato, ui-monospace, monospace);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.popup input[type=email]{width:100%;padding:11px 12px;background:var(--p-fondo);border:1px solid var(--p-riga);border-radius:0;color:var(--p-testo);font:inherit;font-size:15px}.popup input[type=email]:focus{outline:0;border-color:var(--p-rame)}.popup input[type=email]:focus-visible{outline:2px solid var(--p-rame);outline-offset:2px}.popup__azione{display:inline-block;margin-block-start:6px;padding:13px 18px;background:var(--p-rame);border:1px solid var(--p-rame);border-radius:0;color:var(--p-su-rame);font-family:var(--f-dato, ui-monospace, monospace);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-align:center;text-decoration:none;cursor:pointer}.popup__azione:disabled{opacity:.55;cursor:progress}.popup__secondaria{padding:0;background:none;border:0;color:var(--p-secondario);font-family:var(--f-dato, ui-monospace, monospace);font-size:11px;letter-spacing:.08em;text-transform:uppercase;text-align:start;cursor:pointer}.popup__secondaria:hover{color:var(--p-testo)}.popup__chiudi{position:absolute;top:8px;right:8px;z-index:2;width:30px;height:30px;background:none;border:1px solid transparent;border-radius:0;color:var(--p-secondario);font-size:19px;line-height:1;cursor:pointer}.popup__chiudi:hover{color:var(--p-testo);border-color:var(--p-riga)}.popup__esito{margin:0;font-family:var(--f-dato, ui-monospace, monospace);font-size:12px;line-height:1.4}.popup__esito:empty{display:none}.popup__esito--ok{color:var(--p-ciano)}.popup__esito--guasto{color:var(--p-rame)}.popup__media{position:relative;border-inline-start:1px solid var(--p-riga);min-height:220px;overflow:hidden}.popup__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.popup__esca{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}@media (max-width: 640px){.popup__corpo{grid-template-columns:1fr}.popup__media{min-height:150px;border-inline-start:0;border-block-end:1px solid var(--p-riga);order:-1}.popup__parole{padding:22px}}
