.contact-main { background:#fffdf9; }.contact-hero { position:relative; min-height:425px; overflow:hidden; display:flex; align-items:center; isolation:isolate; }.contact-hero::before { content:""; position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,#fffdf9 0%,rgba(255,253,249,.95) 39%,rgba(255,253,249,.28) 73%),url("../img/hero-contacto.jpg") 50% 28%/cover; }.contact-hero::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(120deg,transparent 43%,rgba(255,255,255,.48) 43% 47%,transparent 47% 100%); }.contact-hero__in { padding-block:74px 80px; }.contact-hero .eyebrow { color:var(--red); }.contact-hero h1 { max-width:11ch; margin:9px 0 18px; color:var(--navy); font:700 clamp(59px,6.4vw,96px)/.84 var(--font-display); letter-spacing:.018em; text-transform:uppercase; }.contact-hero h1 em { display:block; color:#c10b10; font-style:normal; }.contact-hero p { max-width:45ch; margin:0; color:var(--navy); font-size:15px; }.contact-hero__scroll { display:inline-flex; align-items:center; gap:12px; margin-top:28px; color:var(--navy); font:700 10px var(--font-ui); letter-spacing:.09em; text-transform:uppercase; }.contact-hero__scroll i { display:grid; width:30px; height:30px; place-items:center; border:1px solid #df2529; border-radius:50%; color:#df2529; font-style:normal; font-size:17px; }
.contact-shell { position:relative; z-index:2; margin-top:-46px; border:1px solid rgba(1,14,40,.08); background:#fff; box-shadow:0 16px 38px rgba(1,14,40,.1); }.contact-upper { display:grid; grid-template-columns:minmax(0,1.75fr) minmax(285px,.85fr); }.contact-form-pane { padding:42px 48px 34px; }.contact-form-pane__heading { display:flex; align-items:center; gap:18px; margin-bottom:27px; }.contact-form-pane__heading > span { display:grid; place-items:center; width:53px; height:53px; border-radius:5px; background:linear-gradient(135deg,#c50000,#930000); color:#fff; font-size:25px; }.contact-form-pane .eyebrow { color:var(--red); }.contact-form-pane h2 { margin:6px 0 0; color:var(--navy); font:500 42px/.9 var(--font-display); letter-spacing:.02em; text-transform:uppercase; }.contact-form-pane .grid { gap:14px 28px; }.contact-form-pane .field { margin-bottom:0; }.contact-form-pane label { color:#616b7b; font-size:10px; letter-spacing:.06em; text-transform:uppercase; }.contact-form-pane input,.contact-form-pane select,.contact-form-pane textarea { border-color:#d9dfe8; border-radius:0; background:#fff; }.contact-form-pane textarea { min-height:112px; }.contact-form-pane .btn { margin-top:14px; padding:13px 23px; font-size:11px; }.contact-form-pane .btn::before { content:"➤"; margin-right:9px; }.contact-info-pane { margin:24px 24px 24px 0; padding:30px 31px; background:linear-gradient(145deg,#031536,#010b22); color:#fff; }.contact-info-pane h3 { margin:0; color:#fff; font:500 36px/.9 var(--font-display); letter-spacing:.02em; text-transform:uppercase; }.contact-info-pane h3::after { content:""; display:block; width:35px; height:2px; margin-top:14px; background:var(--red); }.contact-info { display:flex; gap:14px; padding:19px 0; border-bottom:1px solid rgba(255,255,255,.13); }.contact-info__icon { display:grid; flex:0 0 48px; width:48px; height:48px; place-items:center; border-radius:50%; background:#fff; color:#dc151b; font-size:21px; }.contact-info small { color:#ef3a3f; font:700 10px var(--font-ui); letter-spacing:.08em; text-transform:uppercase; }.contact-info p { margin:5px 0 0; color:#fff; font-size:11px; line-height:1.5; overflow-wrap:anywhere; }.contact-info-pane .btn { width:100%; margin-top:20px; font-size:10px; }.contact-info-pane .btn::after { content:"›"; float:right; font-size:20px; line-height:.55; }
.contact-lower { display:grid; grid-template-columns:repeat(3,1fr) 1.45fr; border-top:1px solid rgba(1,14,40,.08); }.contact-promise { padding:29px 31px; }.contact-promise:not(:last-child) { border-right:1px solid rgba(1,14,40,.1); }.contact-promise__head { display:flex; align-items:center; gap:13px; }.contact-promise__head i { display:grid; place-items:center; width:45px; height:45px; border-radius:7px; background:#f4f2f0; color:#df2529; font-size:23px; font-style:normal; }.contact-promise h3 { margin:0; color:var(--navy); font:500 25px/.88 var(--font-display); letter-spacing:.02em; text-transform:uppercase; }.contact-promise h3::after { content:""; display:block; width:23px; height:2px; margin-top:9px; background:#df2529; }.contact-promise p { margin:17px 0 0; color:var(--text-muted); font-size:10px; line-height:1.55; }.contact-join { padding:29px 39px; background:#fffdfb; }.contact-join .eyebrow { color:var(--red); font-size:9px; }.contact-join h3 { margin:9px 0; color:var(--navy); font-size:20px; line-height:1.3; }.contact-join p { color:var(--text-muted); font-size:10px; line-height:1.55; }.contact-join strong { color:var(--navy); font-family:var(--font-display); font-size:20px; font-weight:400; letter-spacing:.04em; }
#form-status { display:none; padding:12px 15px; border:1px solid var(--border); background:var(--surface-alt); font-size:12px; } #form-status.is-visible { display:block; } #form-status.is-error { border-color:rgba(147,0,0,.4); color:var(--red); }
.contact-info:nth-of-type(1) .contact-info__icon { color:#e53935; background:#fff4f2; }.contact-info:nth-of-type(2) .contact-info__icon { color:#1a73e8; background:#eef5ff; }.contact-info:nth-of-type(3) .contact-info__icon { color:#e6005c; background:#fff0f6; }
.contact-social-links{display:flex;gap:9px;margin-top:8px}.contact-social{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;transition:transform .2s ease,filter .2s ease}.contact-social:hover{transform:translateY(-2px);filter:brightness(1.1)}.contact-social svg{width:17px;height:17px}.contact-social--facebook{background:#1877f2;color:#fff}.contact-social--facebook svg{fill:currentColor}.contact-social--youtube{background:#ff0000;color:#fff}.contact-social--youtube svg rect{fill:currentColor}.contact-social--youtube svg path{fill:#fff}.contact-social--whatsapp{background:#25d366;color:#fff}.contact-social--whatsapp svg{fill:none;stroke:currentColor;stroke-width:1.7}.contact-social--whatsapp svg path:last-child{fill:currentColor;stroke:none}
.contact-social--tiktok{background:#111;color:#fff}.contact-social--tiktok svg{fill:currentColor}
.contact-social--instagram{background:linear-gradient(135deg,#f9ce34 0%,#ee2a7b 48%,#6228d7 100%);color:#fff}
@media (max-width:800px) { .contact-hero { min-height:440px; }.contact-hero::before { background:linear-gradient(90deg,#fffdf9 0%,rgba(255,253,249,.88) 72%,rgba(255,253,249,.38)),url("../img/hero-contacto.jpg") 62% 28%/cover; }.contact-upper { grid-template-columns:1fr; }.contact-info-pane { margin:0 24px 24px; }.contact-lower { grid-template-columns:repeat(2,1fr); }.contact-join { grid-column:1/-1; }.contact-promise:nth-child(2) { border-right:0; } }.contact-form-pane { padding:32px 25px; }
@media (max-width:520px) { .contact-hero__in { padding-block:85px 68px; }.contact-hero h1 { font-size:61px; }.contact-hero p { font-size:13px; }.contact-shell { margin-top:-22px; }.contact-form-pane .grid { grid-template-columns:1fr; }.contact-form-pane__heading { align-items:flex-start; }.contact-form-pane h2 { font-size:36px; }.contact-info-pane { margin:0; border-radius:0; }.contact-lower { grid-template-columns:1fr; }.contact-promise:not(:last-child) { border-right:0; border-bottom:1px solid rgba(1,14,40,.1); }.contact-join { grid-column:auto; }.contact-promise,.contact-join { padding:25px; } }