:root{--blue: #082f67;--blue-dark: #031e47;--red: #d71936;--red-light: #ef2b49;--ink: #071d3a;--paper: #f8f9fc}*{box-sizing:border-box}html{min-width:320px;background:var(--paper)}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;color:var(--ink);background:var(--paper);font-family:Inter,sans-serif}.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(470px,.95fr) minmax(520px,1.05fr);align-items:center;min-height:100svh;overflow:hidden;background:radial-gradient(circle at 17% 18%,#ffffff 0%,rgba(255,255,255,.98) 26%,transparent 58%),linear-gradient(112deg,#fff,#fbfcfe 48%,#edf3fa)}.content{position:relative;z-index:20;width:min(720px,calc(100% - 72px));margin-left:max(5vw,42px);padding:38px 0 58px}.identity{display:flex;align-items:center;gap:18px;margin-bottom:25px;opacity:0;transform:translateY(16px);animation:rise .75s .05s forwards}.crest{display:block;width:clamp(105px,8vw,138px);height:auto;max-height:142px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(3,30,71,.18));transition:transform .35s ease,filter .35s ease}.identity:hover .crest{transform:rotate(-4deg) scale(1.05);filter:drop-shadow(0 14px 19px rgba(3,30,71,.26))}.identity-copy{display:flex;flex-direction:column;font-family:Barlow Condensed,sans-serif;font-size:clamp(1.25rem,1.85vw,1.75rem);font-weight:800;line-height:.94;letter-spacing:.055em;text-transform:uppercase}.identity-copy span{margin-top:8px}.since{display:flex;align-items:center;gap:13px;margin:0 0 20px;color:var(--blue);font-size:clamp(.7rem,1vw,.9rem);font-weight:800;letter-spacing:.39em;text-transform:uppercase;opacity:0;transform:translateY(18px);animation:rise .7s .16s forwards}.since span{color:var(--red);font-size:1.08rem;letter-spacing:0}h1{display:inline-block;margin:0;font-family:Barlow Condensed,sans-serif;font-size:clamp(7rem,10.6vw,10.8rem);font-weight:900;line-height:.71;letter-spacing:-.055em;text-transform:uppercase;transform-origin:center;cursor:default}h1:hover{animation:heartbeat .9s ease-in-out}h1 span{display:block;opacity:0;transform:translateY(68px) skewY(3deg);animation:title-in .95s cubic-bezier(.16,.8,.18,1) forwards}.dale{color:var(--blue);animation-delay:.22s}.bolso{color:var(--red);animation-delay:.38s}.tricolor-line{display:grid;grid-template-columns:1fr .13fr 1fr;width:min(470px,76vw);height:7px;margin:28px 0 21px;overflow:hidden;transform:scaleX(0);transform-origin:left;animation:draw-line .95s .84s forwards}.tricolor-line i:nth-child(1){background:var(--blue)}.tricolor-line i:nth-child(2){background:#fff;border-block:1px solid rgba(6,47,105,.13)}.tricolor-line i:nth-child(3){background:var(--red)}h2{margin:0 0 10px;color:var(--blue);font-family:Barlow Condensed,sans-serif;font-size:clamp(2.25rem,3.4vw,3.75rem);font-weight:800;line-height:1;letter-spacing:-.025em;text-transform:uppercase;opacity:0;transform:translateY(18px);animation:rise .75s .94s forwards}.message{margin:0;font-size:clamp(1rem,1.35vw,1.2rem);font-weight:500;line-height:1.55;opacity:0;transform:translateY(18px);animation:rise .75s 1.06s forwards}.authors{display:flex;flex-direction:column;gap:5px;margin-top:26px;opacity:0;transform:translateY(15px);animation:rise .75s 1.2s forwards}.authors span{color:#061d3a80;font-size:.65rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase}.authors strong{color:var(--blue);font-size:.92rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.visual{position:relative;z-index:3;align-self:stretch;min-height:100svh;overflow:hidden;perspective:1400px}.flag-wrapper{position:absolute;top:13%;right:-4%;width:min(61vw,920px);aspect-ratio:1100 / 650;transform:rotate(-4deg);transform-origin:center;animation:flag-float 6.5s ease-in-out infinite alternate}.flag{display:block;width:100%;height:100%;overflow:visible;transform-origin:center;animation:flag-wave 5s ease-in-out infinite alternate}.flag-title{transform-origin:center;animation:title-wave 5s ease-in-out infinite alternate}.flag-shadow{position:absolute;top:61%;right:5%;width:77%;height:13%;border-radius:50%;background:#031e472e;filter:blur(42px);transform:rotate(-5deg);animation:shadow-pulse 6.5s ease-in-out infinite alternate}.flag-light{position:absolute;right:0;bottom:1%;width:82%;height:46%;background:radial-gradient(circle at 68% 40%,rgba(255,255,255,.82),rgba(255,255,255,.18) 9%,transparent 29%),radial-gradient(circle at 83% 69%,rgba(215,25,54,.1),transparent 39%);filter:blur(14px);opacity:.72}.ambient{position:absolute;z-index:0;border-radius:50%;pointer-events:none;filter:blur(24px)}.ambient-blue{top:-21%;right:5%;width:690px;height:690px;background:#2378d226}.ambient-red{right:-13%;bottom:-28%;width:580px;height:580px;background:#d719361a}.confetti{position:absolute;inset:0;z-index:30;overflow:hidden;pointer-events:none}.confetti-piece{position:absolute;top:-45px;width:var(--size);height:calc(var(--size) * 1.55);border-radius:1px;background:var(--piece-color);border:1px solid rgba(6,47,105,.08);opacity:.74;animation:confetti-fall var(--duration) linear infinite,confetti-turn 3.4s ease-in-out infinite alternate;animation-delay:var(--delay)}.confetti-round{width:calc(var(--size) * .9);height:calc(var(--size) * .9);border-radius:50%}.confetti-wide{width:calc(var(--size) * 1.6);height:calc(var(--size) * .65)}@keyframes rise{to{opacity:1;transform:translateY(0)}}@keyframes title-in{to{opacity:1;transform:translateY(0) skewY(0)}}@keyframes draw-line{to{transform:scaleX(1)}}@keyframes heartbeat{0%{transform:scale(1)}16%{transform:scale(1.045)}31%{transform:scale(1)}48%{transform:scale(1.075)}66%,to{transform:scale(1)}}@keyframes flag-float{0%{transform:rotate(-5deg) translate3d(-1%,1%,0)}to{transform:rotate(-3deg) translate3d(1.5%,-1.5%,0)}}@keyframes flag-wave{0%{transform:perspective(1400px) rotateY(-4deg) rotateX(.5deg) skewY(-.4deg) scaleX(.992)}50%{transform:perspective(1400px) rotateY(2deg) rotateX(-.5deg) skewY(.5deg) scaleX(1.008)}to{transform:perspective(1400px) rotateY(-2deg) rotateX(.5deg) skewY(-.25deg) scaleX(.997)}}@keyframes title-wave{0%{transform:translate(-3px)}to{transform:translate(4px)}}@keyframes shadow-pulse{0%{transform:rotate(-6deg) scaleX(.92);opacity:.12}to{transform:rotate(-4deg) scaleX(1.04);opacity:.2}}@keyframes confetti-fall{0%{transform:translate3d(0,-8vh,0) rotate(0)}50%{transform:translate3d(calc(var(--drift) * -.35),55vh,0) rotate(180deg)}to{transform:translate3d(var(--drift),116vh,0) rotate(360deg)}}@keyframes confetti-turn{0%{scale:1 1}to{scale:.35 1}}@media(max-width:950px){.hero{display:block;min-height:100svh}.visual{position:absolute;inset:0 0 auto;min-height:53vh}.flag-wrapper{top:4%;right:-27%;width:111vw}.content{width:calc(100% - 32px);margin:0 16px;padding:43vh 0 64px}.crest{width:96px;max-height:102px}h1{font-size:clamp(6rem,21vw,9rem)}}@media(max-width:560px){.flag-wrapper{top:7%;right:-37%;width:132vw}.content{padding-top:40vh}.identity{gap:12px}.crest{width:82px;max-height:88px}h1{font-size:clamp(5.4rem,24vw,7.5rem);line-height:.73}h2{font-size:2.25rem}.message{font-size:.97rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}