/* The last invitation: machined dark glass, ice-blue light, restrained depth. */
#contacto .statement-content{
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 gap:clamp(34px,5svh,58px);width:100%;min-width:0;
}
#contacto .statement-action{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:18px}
#contacto .statement-eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;margin:0;color:#b4c8e2;font:700 13px/1.4 Manrope,Arial,sans-serif;letter-spacing:.045em}
#contacto .statement-eyebrow::before,#contacto .statement-eyebrow::after{content:'';width:24px;height:1px;background:linear-gradient(90deg,transparent,#a8c9ff70)}
#contacto .statement-eyebrow::after{transform:rotate(180deg)}
:is(#contacto, #inicio) .future-cta{
 position:relative;display:block;min-width:0;width:364px;max-width:calc(100vw - 48px);height:88px;
 padding:5px;border:0;border-radius:22px;background:transparent;color:#f0f6ff;
 appearance:none;isolation:isolate;perspective:800px;touch-action:manipulation;
 -webkit-tap-highlight-color:transparent;
}
:is(#contacto, #inicio) .future-cta::before{
 content:'';position:absolute;z-index:-1;inset:18px 20px -4px;border-radius:50%;
 background:radial-gradient(ellipse,#72b6ff55,transparent 70%);filter:blur(12px);
 opacity:.4;pointer-events:none;transition:opacity .35s ease,transform .5s cubic-bezier(.22,1,.36,1);
}
:is(#contacto, #inicio) .future-cta-surface{
 position:relative;display:flex;align-items:center;justify-content:space-between;gap:25px;
 width:100%;height:100%;padding:0 22px 0 26px;overflow:hidden;border:1px solid transparent;border-radius:17px;
 background:linear-gradient(125deg,#1e324e,#0d182a 48%,#15253b) padding-box,
 linear-gradient(125deg,#c4e7ffdf,#7daeea69 24%,#5487c735 52%,#a7ceffab) border-box;
 box-shadow:inset 0 1px 1px #eefaff26,inset 0 -3px 1px #03091765,0 9px 26px #0007,0 0 24px #6bafff0c;
 transform-style:preserve-3d;pointer-events:none;
}
:is(#contacto, #inicio) .future-cta-surface::after{
 content:'';position:absolute;left:18%;right:18%;bottom:1px;height:1px;
 background:linear-gradient(90deg,transparent,#c2eaff50,transparent);pointer-events:none;
}
:is(#contacto, #inicio) .future-cta-texture{
 position:absolute;inset:0;opacity:.42;pointer-events:none;
 background-image:repeating-linear-gradient(120deg,transparent 0 2px,#c7e2ff08 2px 3px),radial-gradient(#bedcff2c .5px,transparent .8px);
 background-size:100% 100%,4px 4px;
}
:is(#contacto, #inicio) .future-cta-light{
 position:absolute;left:0;top:0;width:180px;height:180px;border-radius:50%;
 background:radial-gradient(circle,#c3e8ff4d,#81b8ff17 40%,transparent 68%);
 opacity:0;transform:translate3d(80px,-55px,0);pointer-events:none;transition:opacity .35s ease;
}
:is(#contacto, #inicio) .future-cta-copy{position:relative;display:block;text-align:left;min-width:0;z-index:2}
:is(#contacto, #inicio) .future-cta-label{color:#eef6ff;font:700 17px/1.25 Manrope,Arial,sans-serif;letter-spacing:-.025em;white-space:nowrap}
:is(#contacto, #inicio) .future-cta-port{
 position:relative;display:grid;place-items:center;flex:none;width:43px;height:43px;border:1px solid #abcfff63;border-radius:50%;
 background:linear-gradient(140deg,#b2d9ff14,#0b162970);color:#cee7ff;
 box-shadow:inset 0 1px 1px #d8eeff17,0 0 13px #94c9ff09;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease;
}
:is(#contacto, #inicio) .future-cta-port::before{content:'';position:absolute;inset:-5px;border:1px solid #acd8ff1c;border-left-color:#badfff66;border-right-color:#badfff66;border-radius:50%;transform:rotate(-38deg);transition:transform .7s cubic-bezier(.22,1,.36,1),border-color .35s}
:is(#contacto, #inicio) .future-cta-port svg{width:21px;height:21px;transition:transform .45s cubic-bezier(.22,1,.36,1)}
:is(#contacto, #inicio) .future-cta-trace{position:absolute;inset:0;width:100%;height:100%;opacity:0;overflow:visible;pointer-events:none}
:is(#contacto, #inicio) .future-cta-trace rect{stroke-dasharray:18 112;stroke-dashoffset:130;stroke-width:1.25;stroke-linecap:round}
:is(#contacto, #inicio) .future-cta.is-revealed .future-cta-trace{animation:future-trace-light 1.65s ease-out both}
:is(#contacto, #inicio) .future-cta.is-revealed .future-cta-trace rect{animation:future-trace-pass 1.65s cubic-bezier(.2,.65,.3,1) both}
:is(#contacto, #inicio) .future-cta-note{margin:0;color:#9baec7;font:400 11px/1.5 Manrope,Arial,sans-serif;letter-spacing:.015em}
@media(hover:hover) and (pointer:fine){
 :is(#contacto, #inicio) .future-cta:hover::before{opacity:.85;transform:scaleX(1.08)}
 :is(#contacto, #inicio) .future-cta:hover .future-cta-light{opacity:1}
 :is(#contacto, #inicio) .future-cta:hover .future-cta-port{border-color:#c9e8ffbf;background:#8cbfff1d;box-shadow:inset 0 1px 1px #e1f3ff2f,0 0 18px #94c9ff25}
 :is(#contacto, #inicio) .future-cta:hover .future-cta-port::before{transform:rotate(38deg);border-left-color:#d8edff99;border-right-color:#d8edff99}
 :is(#contacto, #inicio) .future-cta:hover .future-cta-port svg{transform:translate(2px,-2px)}
}
:is(#contacto, #inicio) .future-cta:focus-visible{outline:2px solid #c1e5ff;outline-offset:4px}
:is(#contacto, #inicio) .future-cta:focus-visible::before{opacity:.85}
:is(#contacto, #inicio) .future-cta:focus-visible .future-cta-port{border-color:#e0f2ff;background:#9ecbff23}
:is(#contacto, #inicio) .future-cta:focus-visible .future-cta-port svg{transform:translate(2px,-2px)}
/* Native press feedback is also available without JS and on touch screens. */
:is(#contacto, #inicio) .future-cta:active .future-cta-surface{filter:brightness(1.12)}
:is(#contacto, #inicio) .future-cta:not(.has-physics) .future-cta-surface{transition:transform .45s cubic-bezier(.18,.8,.25,1)}
:is(#contacto, #inicio) .future-cta:not(.has-physics):active .future-cta-surface{transform:translateY(2px) scale(.975)}
@keyframes future-trace-light{0%,100%{opacity:0}15%,70%{opacity:.85}}
@keyframes future-trace-pass{from{stroke-dashoffset:130}to{stroke-dashoffset:0}}
@media(max-width:700px){
 #contacto .statement-content{gap:36px}
 :is(#contacto, #inicio) .future-cta{width:344px;height:86px}
 :is(#contacto, #inicio) .future-cta-surface{padding-left:22px;padding-right:20px;gap:20px}
 :is(#contacto, #inicio) .future-cta-label{font-size:16px}
 :is(#contacto, #inicio) .future-cta-note{font-size:11px}
}
@media(max-width:360px){
 :is(#contacto, #inicio) .future-cta-surface{padding-inline:16px;gap:14px}
 :is(#contacto, #inicio) .future-cta-label{font-size:14.5px}
 :is(#contacto, #inicio) .future-cta-port{width:36px;height:36px}
}
@media(prefers-reduced-motion:reduce){
 :is(#contacto, #inicio) .future-cta *,:is(#contacto, #inicio) .future-cta::before{animation:none!important;transition:none!important}
 :is(#contacto, #inicio) .future-cta-surface,:is(#contacto, #inicio) .future-cta-port svg{transform:none!important}
 :is(#contacto, #inicio) .future-cta-light,:is(#contacto, #inicio) .future-cta-trace{display:none}
}