.contact-hero{position:relative;overflow:hidden;clip-path:inset(0);padding-block:var(--space-12) var(--space-16);background:var(--color-bg-editorial)}.contact-hero-grid{display:grid;gap:var(--space-8)}.contact-hero-copy,.contact-panel{position:relative;z-index:2}.contact-hero-copy{max-width:38rem}.contact-hero-copy h1:after{content:"";display:block;width:4rem;height:3px;margin-top:var(--space-4);background:var(--color-brand-green)}.contact-hero-photo{position:fixed;inset:0;z-index:0}.contact-hero-photo img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:12% center;object-position:12% center}.contact-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,#fbfaf6db 0 30%,#fbfaf68c 38%,#fbfaf633,#fbfaf600 50%);pointer-events:none}.contact-panel{max-width:52rem;padding:var(--space-6);border:1px solid rgb(12 29 58 / .12);border-radius:var(--radius-md);background:var(--color-white);box-shadow:var(--shadow-card)}.contact-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.contact-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:var(--space-6);border-bottom:1px solid rgb(12 29 58 / .14)}.contact-tab{display:inline-flex;min-height:3.25rem;gap:var(--space-3);align-items:center;justify-content:center;padding:var(--space-2) var(--space-3);margin-bottom:-1px;color:var(--color-heading);border:0;border-bottom:3px solid transparent;background:none;font-weight:400;cursor:pointer}.contact-tab:before{content:"";flex:0 0 auto;width:1.6rem;height:1.6rem;background:currentColor;-webkit-mask:var(--contact-icon) center / contain no-repeat;mask:var(--contact-icon) center / contain no-repeat}.contact-tab--escribenos{--contact-icon: url(/assets/icons/system-line/correo.svg)}.contact-tab--forma-parte{--contact-icon: url(/assets/icons/system-line/colaboracion.svg)}.contact-tab[aria-selected=true]{font-weight:600;border-bottom-color:var(--color-brand-green)}.contact-tab:hover{color:var(--color-brand-green)}.contact-tab:focus-visible{outline:2px solid var(--color-brand-green);outline-offset:-2px}.contact-tabpanel:focus-visible{outline:2px solid var(--color-brand-green);outline-offset:4px}.contact-panel-title{margin:0 0 var(--space-4);font-size:1.75rem}[data-tabs-ready] .contact-panel-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.contact-tabpanel+.contact-tabpanel{margin-top:var(--space-8)}[data-tabs-ready] .contact-tabpanel+.contact-tabpanel{margin-top:0}.contact-form{display:grid;gap:var(--space-6)}.contact-grid{display:grid;gap:var(--space-4) var(--space-6)}.contact-field{display:grid;gap:var(--space-2);color:var(--color-heading);font-weight:600}.contact-required{color:var(--color-brand-green)}.contact-field input,.contact-field textarea{width:100%;min-height:48px;padding:.7rem .85rem;color:var(--color-body);border:1px solid var(--color-control-border);border-radius:var(--radius-md);background:#faf8f2;font-weight:400}.contact-field textarea{min-height:7.5rem;resize:vertical}.contact-field input:focus-visible,.contact-field textarea:focus-visible{outline:2px solid var(--color-brand-green);outline-offset:1px;border-color:var(--color-brand-green);background:var(--color-white)}.contact-form:has(input[name=tipo][value=persona]:checked) [data-company-field]{display:none}.contact-choice{display:grid;gap:var(--space-3);padding:0;margin:0;border:0}.contact-choice label{position:relative;display:flex;min-height:48px;gap:var(--space-3);align-items:center;padding:var(--space-2) var(--space-4);color:var(--color-heading);border:1px solid var(--color-control-border);border-radius:var(--radius-md);background:var(--color-white);cursor:pointer}.contact-choice input{width:1.2rem;height:1.2rem;flex:0 0 auto;margin:0;accent-color:var(--color-brand-green)}.contact-choice label:has(input:checked){border-color:var(--color-brand-green);background:var(--color-success-bg);box-shadow:inset 0 0 0 1px var(--color-brand-green)}.contact-choice label:has(input:focus-visible){outline:2px solid var(--color-brand-green);outline-offset:2px}.contact-actions{display:grid;gap:var(--space-4);align-items:center}.contact-consent{display:flex;min-height:44px;gap:var(--space-3);align-items:center;color:var(--color-heading)}.contact-consent input{width:1.25rem;height:1.25rem;flex:0 0 auto;accent-color:var(--color-brand-green)}.contact-submit{width:100%;min-height:48px}.contact-submit:disabled{cursor:not-allowed;opacity:.6}.contact-status{margin:0;padding:var(--space-3) var(--space-4);color:var(--color-heading);border:1px solid rgb(12 29 58 / .18);border-radius:var(--radius-md);background:var(--color-bg-editorial)}@media(min-width:40rem){.contact-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.contact-grid>.contact-field{grid-column:span 3}.contact-grid>.contact-field--wide{grid-column:1 / -1}.contact-grid>.contact-field--two-thirds{grid-column:span 4}.contact-grid>.contact-field--third{grid-column:span 2}.contact-choice{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-actions{grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:var(--space-6);column-gap:var(--space-6)}.contact-panel{padding:var(--space-8)}}@media(max-width:47.99rem){.contact-hero{padding-block:var(--space-8) var(--space-12)}.contact-hero-grid{gap:0}.contact-hero-photo{position:relative;inset:auto;height:clamp(11rem,52vw,15rem);margin:var(--space-6) calc(-1 * var(--page-gutter)) 0}.contact-hero-photo img{-o-object-position:70% 78%;object-position:70% 78%}.contact-hero-photo:after{content:none}.contact-panel{margin-top:calc(-1 * var(--space-6));padding:var(--space-4)}.contact-tab{flex-direction:column;gap:var(--space-1);min-height:4rem;text-align:center}}
