body.tecenda-refresh.contact-cards-page{font:17px/1.6 "Source Sans 3",sans-serif;background:#fff;color:#071b36}
.contact-frame{width:min(calc(100% - 32px),1180px);margin-inline:auto}
.contact-cards-page :is(h1,h2,h3){font-family:Sora,sans-serif;letter-spacing:-.03em}
.contact-hero{padding:36px 0 30px}
.contact-hero h1{font-size:clamp(32px,3.3vw,49px);line-height:1.15;font-weight:750;margin:0 0 16px;max-width:22ch;text-wrap:balance}
.contact-hero p{font-size:18px;line-height:1.5;color:#405873;max-width:65ch;margin:0}
.contact-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;align-items:start;margin-bottom:32px}
.contact-form-panel{background:#edf5ff;border-radius:12px;padding:28px 32px;min-width:0}
.contact-form{border:0;box-shadow:none;background:transparent;padding:0;min-width:0}
.contact-form fieldset{margin:0;min-width:0;gap:18px}
.contact-form legend{font-family:Sora,sans-serif;font-size:23px;font-weight:700;line-height:1.3;margin-bottom:22px}
.contact-form label{font-size:16px;font-weight:650;color:#183b61}
.contact-form input:not([type="checkbox"]),.contact-form select,.contact-form textarea{font:17px/1.5 "Source Sans 3",sans-serif;padding:12px 16px;border:1px solid #b7cadf;border-radius:10px;min-height:50px;color:#071b36;background:#fff}
.contact-form textarea{min-height:128px}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#526780;opacity:1}
.contact-form input:focus-visible,.contact-form select:focus-visible,.contact-form textarea:focus-visible{outline:3px solid #0664d1;outline-offset:2px}
.contact-form small{font-size:14px;font-weight:400;color:#405873;line-height:1.5}
.contact-form .check{font-size:14px;line-height:1.5;font-weight:400;color:#405873}
.contact-form .check a{color:#5726b9;text-decoration:underline;text-underline-offset:3px}
.contact-form .check input{accent-color:#6334cd}
.contact-form .button{justify-self:end}
.contact-form .form-progress{margin-bottom:26px;font-size:14px;font-weight:650;gap:20px}
.contact-form .form-progress span{border-bottom:2px solid #b7cadf;padding-bottom:8px;color:#405873}
.contact-form .form-progress .is-active{color:#5726b9;border-bottom-color:#6334cd}
.contact-form [hidden]{display:none!important}
.contact-form .form-error:empty{display:none}
.contact-sidebar{min-width:0}
.contact-intro h2{font-size:29px;line-height:1.25;font-weight:750;margin:0 0 14px}
.contact-intro p{color:#405873;font-size:17px;line-height:1.6;margin:0;max-width:65ch}
.contact-channels{display:grid;gap:16px;margin-top:24px}
.contact-channel{display:flex;gap:18px;background:var(--wash);border-radius:12px;padding:22px;min-width:0;transition:transform .2s ease-out,box-shadow .2s ease-out}
.contact-whatsapp{--tone:#007984;--wash:#eefafb}
.contact-email{--tone:#0863ce;--wash:#edf5ff}
.contact-hours{--tone:#7040c7;--wash:#f6f0ff}
.contact-icon{width:30px;height:30px;flex-shrink:0;fill:none;stroke:var(--tone,#0863ce);stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.contact-channel h3{font-size:18px;line-height:1.35;font-weight:700;color:var(--tone);margin:0 0 6px}
.contact-channel p{font-size:17px;color:#405873;line-height:1.5;margin:0;overflow-wrap:anywhere}
.contact-link{display:inline-flex;align-items:center;gap:12px;color:var(--tone);font-size:16px;font-weight:650;margin-top:10px;text-decoration:none}
.contact-link .cta-symbol{width:18px;height:18px;background:none}
.contact-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
.contact-link:focus-visible{outline:3px solid #0664d1;outline-offset:4px}
.contact-channel:hover,.contact-channel:focus-within{transform:translateY(-4px);box-shadow:0 12px 24px #071b3614}
.contact-note{padding:24px 0 30px;margin-bottom:24px;border-top:1px solid #d8e5f1}
.contact-note h2{font-size:24px;line-height:1.3;font-weight:700;margin:0 0 12px}
.contact-note p{font-size:16px;color:#405873;line-height:1.6;margin:0;max-width:100ch}
@media(max-width:950px){.contact-workspace{grid-template-columns:1fr;gap:26px}
.contact-cards-page .contact-form-panel{order:2}
.contact-hero h1{font-size:42px}
.contact-sidebar .contact-channels{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.contact-channel{display:block}
.contact-channel>.contact-icon{margin-bottom:12px}}
@media(max-width:650px){.contact-hero{padding:24px 0}
.contact-hero h1{font-size:32px}
.contact-hero p{font-size:17px}
.contact-form-panel{padding:24px}
.contact-form legend{font-size:21px}
.contact-intro h2{font-size:25px}
.contact-sidebar .contact-channels{grid-template-columns:1fr}
.contact-channel{display:flex;padding:20px}
.contact-channel>.contact-icon{margin-bottom:0}
.contact-form .button{width:100%}
.contact-note h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.contact-channel{transition:none}
.contact-channel:hover,.contact-channel:focus-within{transform:none}}
.tecenda-refresh main .contact-hero h1{font-size:clamp(32px,3.3vw,49px);line-height:1.15;font-weight:750;max-width:24ch;margin:0 0 16px}
.tecenda-refresh main .contact-note h2{font-size:24px;line-height:1.3;max-width:none;margin:0 0 12px}
@media(max-width:950px){.tecenda-refresh main .contact-hero h1{font-size:42px}}
@media(max-width:650px){.tecenda-refresh main .contact-hero h1{font-size:32px}
.tecenda-refresh main .contact-note h2{font-size:22px}}
.contact-form-panel .lead-success[hidden]{display:none}.contact-cards-page .form-actions{flex-wrap:wrap}.contact-form-panel .lead-success{border:0;box-shadow:none}
