body{background:#edf7fc}.listening-page{display:grid;grid-template-columns:minmax(310px,.8fr) minmax(500px,1.2fr);min-height:100svh;padding-top:88px}.listening-intro{display:flex;flex-direction:column;justify-content:center;padding:80px clamp(32px,7vw,110px);color:#fff;background:#0879e4}.listening-intro p,.form-top span,.message-field{font:700 11px Montserrat,sans-serif;letter-spacing:.1em}.listening-intro h1{margin:18px 0;font:800 clamp(42px,5vw,72px)/.93 Montserrat,sans-serif;letter-spacing:-.06em}.intro-line{width:58px;height:7px;margin:8px 0 25px;background:#ffbb0b}.listening-intro span{max-width:330px;font-size:20px;line-height:1.35}.listening-form{padding:70px clamp(28px,7vw,110px);background:#fff}.form-top span{color:#0879e4}.form-top h2{margin:10px 0 28px;color:#075da9;font:800 clamp(28px,3vw,43px)/1 Montserrat,sans-serif;letter-spacing:-.05em}.type-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:12px}.type-picker input{position:absolute;opacity:0}.type-picker span{display:block;padding:15px 13px;border:1px solid #c6deec;border-radius:var(--r-sm,8px);color:#075da9;font:700 11px Montserrat,sans-serif;text-align:center;letter-spacing:.04em;cursor:pointer;transition:border-color .2s,background .2s,color .2s,box-shadow .2s}.type-picker span:hover{border-color:#0879e4}.type-picker input:checked+span{color:#fff;border-color:#0879e4;background:#0879e4;box-shadow:var(--shadow-sm,0 6px 18px rgba(10,50,90,.08))}#tipo{position:absolute;width:1px;height:1px;opacity:0}.anonymous-option{margin:18px 0;padding:13px 15px;border-radius:var(--r-sm,8px);background:#fff7df;color:#745300;font:700 11px Montserrat,sans-serif}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.identity-fields[hidden]{display:none}.form-grid label,.message-field{display:grid;gap:8px;color:#075da9}.form-grid input,.message-field textarea{width:100%;padding:13px 0;border:0;border-bottom:2px solid #d4e6f0;outline:0;color:#164667;font:18px "Source Sans 3",sans-serif}.message-field{margin-top:38px}.message-field textarea{min-height:130px;resize:vertical}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:32px}.form-bottom p{max-width:245px;margin:0;color:#628199;font-size:14px;line-height:1.3}.form-bottom button{padding:17px 20px;border:0;border-radius:var(--r-sm,8px);color:#fff;background:#075da9;font:700 11px Montserrat,sans-serif;letter-spacing:.05em;cursor:pointer;transition:transform .2s,box-shadow .2s}.form-bottom button:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm,0 6px 18px rgba(10,50,90,.08))}.form-bottom button b{margin-left:18px;font-size:20px}.form-status{font-weight:700}.track-link{display:inline-block;margin-top:30px;color:#fff;font:700 11px Montserrat,sans-serif;letter-spacing:.06em;text-decoration:underline;text-underline-offset:4px}
.how-it-works{display:grid;gap:16px;margin:32px 0 0;padding:0;list-style:none;max-width:340px}
.how-it-works li{display:flex;gap:14px;align-items:flex-start}
.how-it-works b{display:grid;flex:none;width:30px;height:30px;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%;font:800 13px Montserrat,sans-serif}
.how-it-works strong{display:block;font:700 13px Montserrat,sans-serif;letter-spacing:.02em}
.how-it-works p{margin:4px 0 0;color:#e3f4ff;font:400 14px "Source Sans 3",sans-serif;letter-spacing:normal;line-height:1.35}
.attach-field{margin-top:24px}
.attach-field label{display:block;margin-bottom:10px;color:#075da9;font:700 11px Montserrat,sans-serif;letter-spacing:.08em}
.attach-field label small{color:#7ba0b8;font-weight:600;text-transform:none;letter-spacing:normal}
.attach-field input[type=file]{width:100%;padding:12px;border:1px dashed #bcd8e8;border-radius:var(--r-sm,8px);background:#f7fbfd;color:#345b74;font:14px "Source Sans 3",sans-serif}
.attach-list{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none}
.attach-list li{padding:6px 12px;border-radius:100px;background:#e9f4fc;color:#166fb0;font:600 12px "Source Sans 3",sans-serif}
.field-error{display:block;margin-top:4px;color:#c0392b;font:600 12px "Source Sans 3",sans-serif}
.form-success{padding:40px clamp(24px,4vw,50px);border-radius:var(--r-md,14px);background:#f1faf3;border:1px solid #cdead3;box-shadow:var(--shadow-sm,0 6px 18px rgba(10,50,90,.08))}.form-success h3{margin:0 0 12px;color:#1c6b32;font:800 24px Montserrat,sans-serif;letter-spacing:-.02em}.form-success p{margin:0 0 18px;color:#33523c;font-size:15px;line-height:1.4}.form-success strong{display:inline-block;padding:16px 22px;border-radius:var(--r-sm,8px);background:#fff;border:2px dashed #1c6b32;color:#0b3d1a;font:800 24px Montserrat,sans-serif;letter-spacing:.08em}.form-success-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}.form-success-actions a,.form-success-actions button{padding:15px 20px;border:0;border-radius:var(--r-sm,8px);color:#fff;background:#1c6b32;font:700 11px Montserrat,sans-serif;letter-spacing:.05em;text-decoration:none;cursor:pointer;transition:transform .2s}.form-success-actions a:hover,.form-success-actions button:hover{transform:translateY(-3px)}.form-success-actions button{background:transparent;border:1px solid #1c6b32;color:#1c6b32}
@media(max-width:800px){.listening-page{grid-template-columns:1fr;padding-top:70px}.listening-intro{padding:60px 26px}.listening-form{padding:45px 24px}.form-grid{grid-template-columns:1fr}.form-bottom{align-items:stretch;flex-direction:column}.form-bottom button{width:100%}.form-success{padding:30px 22px}.form-success-actions{flex-direction:column}.form-success-actions a,.form-success-actions button{width:100%;text-align:center}}