.about-section{background:var(--color-cream);padding:var(--section-y) 0}.about-inner{gap:var(--space-xl);align-items:center;display:grid}.about-title{text-align:left}.about-lead{font-size:var(--text-base);color:var(--color-ink);max-width:38rem;margin:0 0 var(--space-lg);line-height:1.7}.about-pilares{gap:var(--space-md);margin:0;padding:0;list-style:none;display:grid}.about-pilar{border:1px solid var(--color-line);border-radius:var(--radius-card);padding:var(--space-md);box-shadow:var(--shadow-card);background:#fff;gap:.25rem;display:grid}.about-pilar:before{content:"";background:var(--color-accent);border-radius:999px;width:2rem;height:3px;margin-bottom:.35rem}.about-pilar-cifra{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-brand)}.about-pilar-texto{font-size:var(--text-sm);color:var(--color-muted);line-height:1.5}.about-foto img{border-radius:var(--radius-card);width:100%;height:auto;box-shadow:var(--shadow-float);object-fit:cover}@media (min-width:768px){.about-pilares{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.about-inner:has(.about-foto){grid-template-columns:3fr 2fr}}
.contact-section{--contact-bg-dark:#0d2733;--contact-accent:var(--color-brand);--contact-form-bg:#fffffff0;width:100%;min-height:calc(100dvh - var(--navbar-height,0px));box-sizing:border-box;justify-content:center;align-items:center;padding:clamp(1.25rem,4vw,3rem);display:flex;position:relative;overflow:hidden}.contact-map-background{z-index:0;position:absolute;inset:0}.contact-map-background iframe{filter:saturate(.9)contrast(1.02);border:0;width:100%;height:100%;transform:scale(1.02)}.contact-map-overlay{background:radial-gradient(circle at 15% 20%,#e2a93b4d,#0000 45%),linear-gradient(105deg,#081a23e0 0%,#081a2394 42%,#081a23c7 100%);position:absolute;inset:0}.contact-content{z-index:1;grid-template-columns:1fr 1fr;align-items:stretch;gap:clamp(1rem,3vw,2rem);width:min(1180px,100%);display:grid;position:relative}.contact-info-panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#f7fbff;background:linear-gradient(155deg,#ffffff14,#ffffff08);border:1px solid #ffffff2e;border-radius:20px;flex-direction:column;gap:.9rem;padding:clamp(1.1rem,3vw,2rem);display:flex;box-shadow:0 22px 48px #06121959}.contact-kicker{letter-spacing:.08em;text-transform:uppercase;color:#f7fbff;background:var(--contact-accent);border-radius:999px;width:fit-content;padding:.35rem .7rem;font-size:.78rem;font-weight:700;display:inline-flex}.contact-title{margin:0;font-size:clamp(1.5rem,3vw,2.3rem);font-weight:800;line-height:1.15}.contact-text{color:#f5fbffe0;margin:0;line-height:1.55}.contact-badges{flex-wrap:wrap;gap:.55rem;display:flex}.contact-badges span{background:#ffffff14;border:1px solid #fff3;border-radius:999px;align-items:center;padding:.35rem .7rem;font-size:.84rem;display:inline-flex}.map-link{color:#f7fbff;background:var(--contact-accent);border-radius:10px;width:fit-content;margin-top:auto;padding:.72rem 1rem;font-weight:700;text-decoration:none;transition:transform .2s,filter .2s}.map-link:hover{filter:brightness(1.04);transform:translateY(-1px)}.contact-form{background:var(--contact-form-bg);border:1px solid #ffffffbf;border-radius:20px;flex-direction:column;gap:.85rem;padding:clamp(1.1rem,3vw,2rem);display:flex;box-shadow:0 26px 54px #0a19214d}.form-group{flex-direction:column;gap:.35rem;display:flex}.input-label{color:#1b303d;font-size:.85rem;font-weight:700}.input-field{color:#152c3a;box-sizing:border-box;background:#fff;border:1px solid #b9c8d2;border-radius:10px;outline:none;width:100%;padding:.72rem .8rem;font-size:1rem}.input-field::placeholder{color:#738595}.input-field:focus{border-color:#3a5b70;box-shadow:0 0 0 3px #3a5b7026}.textarea-field{resize:vertical;min-height:132px}.form-submit{margin-top:.35rem}.submit-button{background:var(--color-accent);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;width:100%;padding:.78rem 1rem;font-size:1rem;font-weight:700;transition:transform .18s,filter .18s;display:inline-flex}.submit-button:hover{filter:brightness(1.05);transform:translateY(-1px)}.submit-button:disabled{opacity:.72;cursor:not-allowed;transform:none}.button-icon{width:18px;height:18px}.loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000094;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spinner-container{flex-direction:column;align-items:center;gap:.8rem;display:flex}.spinner{border:4px solid #ffffff47;border-top-color:var(--color-offer);border-radius:50%;width:56px;height:56px;animation:.8s linear infinite spin}.loading-text{color:#fff;margin:0;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1001;background:#0000008c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{text-align:center;background:#fff;border-radius:16px;width:min(430px,100%);padding:1.2rem;box-shadow:0 24px 45px #00000047}.modal-icon{border-radius:50%;place-items:center;width:62px;height:62px;margin:0 auto .7rem;display:grid}.modal-icon.success{color:#00a660;background:#00ae6029}.modal-icon.error{color:var(--color-accent);background:#d2252524}.modal-icon svg{width:36px;height:36px}.modal-title{color:#1d2f39;margin:0;font-size:1.25rem}.modal-message{color:#476172;margin:.65rem 0 0;line-height:1.5}.modal-button{background:var(--color-brand);color:#fff;cursor:pointer;border:0;border-radius:9px;margin-top:1rem;padding:.62rem 1rem;font-weight:700}@media (max-width:960px){.contact-content{grid-template-columns:1fr}.contact-section{min-height:calc(100dvh - var(--navbar-height,0px))}.map-link{margin-top:.2rem}}@media (max-width:600px){.contact-section{padding:.95rem}.contact-info-panel,.contact-form{border-radius:14px}}@keyframes spin{to{transform:rotate(360deg)}}.submit-button:hover:not(:disabled){background:var(--color-accent-dark)}.spinner-inline{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:1em;height:1em;margin-right:.5rem;animation:.8s linear infinite spin}.contact-trampa{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}
