:root{color-scheme:dark;--blue:#103e89;--ink:#10376f;--red:#ef1524;--white:#fff;--muted:#c4d5ed;font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{min-width:280px;background:#0a2b66}
body{margin:0;min-height:100vh;min-height:100svh;color:var(--white);background:radial-gradient(ellipse at 50% 10%,#1856ac 0,#103e89 43%,#0a2b66 100%);-webkit-font-smoothing:antialiased}
a{-webkit-tap-highlight-color:transparent;color:inherit;text-decoration:none}
svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.icon-defs{position:absolute;width:0;height:0;overflow:hidden}
.background{position:fixed;inset:0;overflow:hidden;pointer-events:none}
.background span{position:absolute;border:1px solid #ffffff0b;border-radius:50%;width:90vw;height:90vw;max-width:1100px;max-height:1100px;left:-65vw;top:-20vw}
.background span+span{left:auto;right:-66vw;top:28vh;width:100vw;height:100vw}
.bio{position:relative;max-width:516px;margin:auto;padding:46px 24px 28px}
.brand{text-align:center}
.locality{font-size:.75rem;font-weight:600;letter-spacing:.19em;color:var(--muted);margin:0 0 32px}
.locality span{padding:0 10px;color:#ed8290}
.logo{display:block;width:min(100%,370px);height:auto;margin:0 auto}
.brand-rule{height:3px;width:34px;background:var(--red);margin:29px auto 22px;border-radius:3px}
h1{font-size:1.125rem;font-weight:400;line-height:1.5;margin:0 0 24px;color:#eef4ff}
.links{display:grid;gap:12px}
.link-card{display:flex;align-items:center;gap:16px;border:1px solid #ffffff38;border-radius:17px;padding:21px 18px;background:#ffffff07;min-height:98px;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;background:#ffffff0c;color:#e0eaff;flex-shrink:0}
.card-icon svg{width:25px;height:25px}
.card-copy{min-width:0;flex:1;display:block}
.card-copy strong{display:block;font-size:1rem;line-height:1.35;font-weight:700}
.card-copy>span{display:block;font-size:.875rem;line-height:1.5;margin-top:5px;color:var(--muted)}
.arrow{width:17px;height:17px;color:#b7cdef}
.primary{background:var(--white);border-color:var(--white);color:var(--ink);box-shadow:0 10px 26px #051a4426;min-height:106px}
.primary .card-icon{background:transparent}
.whatsapp-icon{display:block;width:36px;height:36px;object-fit:contain}
.primary .card-copy>span{color:#51647e}
.primary .arrow{color:var(--ink)}
.social{display:flex;justify-content:center;gap:12px;margin-top:25px}
.social a{display:flex;align-items:center;justify-content:center;gap:9px;padding:13px 19px;font-size:.875rem;border:1px solid #ffffff25;border-radius:999px;min-height:46px;transition:background .18s ease}
.social svg{height:19px;width:19px}
footer{position:relative;isolation:isolate;text-align:center;margin-top:30px;padding:245px 0 16px}
footer::before{content:"";position:absolute;z-index:-1;pointer-events:none;top:0;bottom:0;left:50%;transform:translateX(-50%);width:min(780px,100vw);background:linear-gradient(180deg,#0a2b66 0%,rgba(10,43,102,.18) 27%,rgba(10,43,102,.24) 44%,rgba(10,43,102,.92) 68%,#0a2b66 94%),url('./assets/fachada.webp') center 57%/cover no-repeat;-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 85%,transparent),linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(180deg,transparent,#000 18%,#000 85%,transparent),linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
footer .website,footer p{text-shadow:0 1px 5px #03193680}
.website{display:inline-flex;align-items:center;gap:3px;font-size:.9375rem;font-weight:600;line-height:1.5;min-height:34px}
.website svg{width:18px;height:18px;color:#d497aa}
footer p{font-size:.75rem;line-height:1.85;color:#b4c8e6;margin:12px 0 0}
.credit{margin-top:18px}
.credit a{display:inline-block;text-decoration:underline;text-underline-offset:3px;line-height:2;padding:5px 0;color:#dce8fb}
.footer-rule{display:block;width:22px;height:3px;border-radius:2px;background:var(--red);margin:24px auto 0}
a:focus-visible{outline:3px solid #ffca71;outline-offset:5px}
@media(hover:hover){.link-card:hover{transform:translateY(-2px);background:#ffffff12;border-color:#ffffff75}.primary:hover{background:#f4f7ff;border-color:#fff}.social a:hover{background:#ffffff13}.website:hover{text-decoration:underline;text-underline-offset:4px}}
@media(min-width:800px){.bio{padding-top:54px}.background span{width:850px;height:850px;left:calc(50% - 1120px);top:-290px}.background span+span{left:auto;right:calc(50% - 1100px);top:250px;width:950px;height:950px}}
@media(max-width:380px){.bio{padding:32px 16px 22px}.locality{margin-bottom:27px}.link-card{gap:11px;padding:18px 13px}.card-icon{width:38px;height:42px}.card-copy strong{font-size:.9375rem}.card-copy>span{font-size:.875rem}.arrow{width:14px}.social a{padding:12px 17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}