/* Contact layout only. Preserve every control and the natural security widget. */
#contacto .contact-panel,#contacto .contact-info-card{min-width:0;max-width:100%;box-sizing:border-box}
#contacto form{min-width:0;max-width:100%;grid-template-columns:minmax(0,1fr)}
#contacto form>div{min-width:0}
#contacto input[type="text"]:not([name="website"]),#contacto input[type="email"],#contacto textarea{min-width:0;max-width:100%;box-sizing:border-box}
@media(max-width:420px){
 #contacto>.container{padding-inline:8px}
 #contacto .contact-panel{padding:20px 12px}
 #contacto .contact-info-card{padding:20px 16px}
}
@media(max-width:359px){
 #contacto>.container{padding-inline:0}
 #contacto>.container>.eyebrow,#contacto>.container>.section-title,#contacto>.container>.section-subtitle{margin-inline:16px}
 #contacto .contact-info-card{margin-inline:8px}
 /* Give only the outer security row the panel's full inner width. */
 #contacto .contact-panel form>div:has(>.cf-turnstile){margin-inline:-12px}
}