/* Franja secundaria: sale con el contenido; el menú conserva su posición fija. */
.header-contact-strip{position:relative;z-index:8;width:min(1320px,calc(100% - 48px));margin:0 auto;min-height:45px;padding:2px 19px 13px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#426a87;font-size:12px;line-height:1.5;transition:opacity .18s ease,transform .18s ease,visibility .18s}
.header-social-side{display:flex;align-items:center;gap:13px;flex-shrink:0}
.header-social-label{white-space:nowrap;font-weight:500}
.header-contact-strip .social-links{display:flex;align-items:center;gap:8px;margin:0}
.header-contact-strip .social-link{display:flex;align-items:center;justify-content:center;flex:0 0 29px;width:29px;height:29px;padding:7px;border:1px solid #cfe4f2;border-radius:50%;background:#f3faff;color:#1768bd;box-shadow:none;transition:background .18s,color .18s,border-color .18s}
.header-contact-strip .social-link svg{display:block;width:14px;height:14px}
.header-contact-strip .social-name{display:none}
.header-contact-strip .social-link:hover{background:#dff3fc;color:#075b9e;border-color:#a6d6ed;transform:none}
.header-email-link{display:flex;align-items:center;justify-content:flex-end;gap:10px;color:#316181;min-width:0}
.header-email-link>svg{width:18px;height:18px;flex-shrink:0;stroke:#1768bd}
.header-email-copy{display:flex;align-items:baseline;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.header-email-copy>span{font-size:11px;color:#6a8599}
.header-email-copy>strong{font-size:12px;font-weight:500;letter-spacing:.1px;overflow-wrap:anywhere}
.header-email-link:hover .header-email-copy>strong{color:#0868b4;text-decoration:underline;text-underline-offset:3px}
.header-contact-strip a:focus-visible{outline:2px solid #1768bd;outline-offset:4px}
header.floating-header.is-scrolled+.header-contact-strip{opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none}
header.floating-header:has(nav.links.open)+.header-contact-strip{opacity:0;visibility:hidden;pointer-events:none}

/* Contacto: imagen completa y formulario en un panel claro. */
.contact-visual .pagehead{padding:44px 0 49px;background:linear-gradient(120deg,#edf6fc,#f5faff)}
.contact-visual .pagehead .breadcrumb{margin-bottom:24px}
.contact-visual .pagehead h1{font-size:clamp(39px,4.5vw,61px);line-height:1.12;margin:17px 0 21px;max-width:940px}
.contact-visual .pagehead .lead{max-width:790px;font-size:15px;line-height:1.8;margin-bottom:0}
.contact-visual main>section{padding:64px 0 90px}
.contact-visual .contactgrid{grid-template-columns:1fr 1.05fr;gap:76px;align-items:start}
.contact-intro>h2{font-size:clamp(30px,3vw,41px);line-height:1.2;letter-spacing:-1.3px;margin:15px 0 17px}
.contact-intro>.lead{font-size:14px;line-height:1.8;margin:0}
.contact-reference{position:relative;margin:27px 0 0;border:1px solid #d8e8f3;overflow:hidden;border-radius:20px;background:#eaf5fc;box-shadow:0 10px 25px #0f41660a}
.contact-reference img{display:block;width:100%;height:auto;object-fit:contain;object-position:center}
.contact-reference figcaption{position:absolute;bottom:13px;right:14px;padding:5px 10px;font-size:9px;line-height:1.5;border:1px solid #ffffff63;border-radius:20px;background:#103c58b8;color:white;backdrop-filter:blur(7px)}
.contact-visual .contact-official{margin-top:23px;gap:11px}
.contact-visual .contact-official>a{display:flex;align-items:center;gap:12px;padding:12px 15px;border:1px solid #d7e8f3;border-radius:10px;background:#f5faff;color:#174e76;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.contact-visual .contact-official>a>svg{width:18px;height:18px;flex-shrink:0;color:#1768bd}
.contact-visual .contact-official>a:hover{background:#e9f7fd;border-color:#b6dced}
.contact-visual .contact-social{margin-top:9px}
.contact-visual .contact-social h3{font-size:12px;line-height:1.5;font-weight:500;color:#68869b;margin:0 0 12px}
.contact-visual .contact-social .social-link{width:36px;height:36px;padding:9px;border-radius:50%}
.contact-visual .contactgrid>.whatsapp-quote{background:#f7fbfe;border:1px solid #d9e8f3;border-radius:20px;padding:30px;box-shadow:0 8px 25px #16426805;min-width:0}
.contact-visual .contactgrid .field label{font-size:12px;color:#355a76;line-height:1.6}
.contact-visual .contactgrid input,.contact-visual .contactgrid select,.contact-visual .contactgrid textarea{border-color:#cddfeb;background:#fff;border-radius:8px;font-size:14px;min-width:0}
.contact-visual .contactgrid textarea{min-height:110px;resize:vertical}
.contact-visual .contactgrid .btn{background:#1768bd;border-radius:9px;min-height:47px;font-size:12px;padding:14px 18px;line-height:1.6;white-space:normal}
.contact-visual .contactgrid .btn:hover{background:#087bbd}
.contact-visual .contactgrid .note{font-size:10px;line-height:1.8;margin-bottom:0}
@media(max-width:1180px){.header-contact-strip{width:calc(100% - 36px);padding-inline:16px}.contact-visual .contactgrid{gap:45px}.contact-visual .contactgrid>.whatsapp-quote{padding:25px}}
@media(max-width:780px){.contact-visual .contactgrid{grid-template-columns:1fr;gap:35px}.contact-intro>h2{max-width:570px;font-size:36px}.contact-reference{max-width:650px}.contact-visual .contactgrid>.whatsapp-quote{max-width:100%;padding:28px}.contact-visual main>section{padding:44px 0 65px}}
@media(max-width:680px){.header-contact-strip{width:calc(100% - 24px);min-height:76px;padding:2px 11px 14px;gap:12px;align-items:center;font-size:10px}.header-social-side{flex-direction:column;align-items:flex-start;gap:5px}.header-contact-strip .social-links{gap:7px}.header-contact-strip .social-link{width:29px;height:29px;flex-basis:29px}.header-email-link{gap:7px;align-items:center}.header-email-link>svg{width:16px;height:16px}.header-email-copy{flex-direction:column;align-items:flex-end;gap:3px;line-height:1.45}.header-email-copy>span{font-size:9px}.header-email-copy>strong{font-size:10px;letter-spacing:0}.contact-visual .pagehead{padding:30px 0 35px}.contact-visual .pagehead .breadcrumb{font-size:10px;margin-bottom:24px}.contact-visual .pagehead h1{font-size:38px;letter-spacing:-1.6px;margin:15px 0 19px}.contact-visual .pagehead .lead{font-size:13px;line-height:1.85}.contact-intro>h2{font-size:32px;letter-spacing:-1.1px}.contact-intro>.lead{font-size:13px}.contact-reference{border-radius:16px;margin-top:23px}.contact-reference figcaption{font-size:8px;bottom:10px;right:11px}.contact-visual .contact-official>a{font-size:12px;padding:12px}.contact-visual .contactgrid>.whatsapp-quote{padding:22px;border-radius:16px}.contact-visual .contactgrid input,.contact-visual .contactgrid select,.contact-visual .contactgrid textarea{font-size:16px}.contact-visual .contactgrid .formrow{grid-template-columns:1fr;gap:0}.contact-visual .contactgrid .btn{width:100%;font-size:11px}}
@media(max-width:350px){.header-contact-strip{padding-inline:6px;gap:9px}.header-social-label{font-size:9px}.header-contact-strip .social-links{gap:5px}.header-contact-strip .social-link{height:27px;width:27px;flex-basis:27px;padding:6px}.header-email-link{gap:5px}.header-email-link>svg{width:14px;height:14px}.header-email-copy>strong{font-size:9px}.header-email-copy>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.header-contact-strip,.header-contact-strip .social-link{transition:none}}