:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--pucp-blue: #0b2f6b;--pucp-blue-strong: #08265a;--pucp-gold: #f2b705;--pucp-gold-soft: #fff4c2;--background: #f6f8fc;--surface: #ffffff;--surface-soft: #eef3fb;--text: #111827;--muted: #64748b;--border: #d8e2f0;--error: #dc2626;--shadow: 0 18px 44px rgb(11 47 107 / 12%);--radius: 18px;--transition: .24s ease;--fs-xs: .75rem;--fs-sm: .86rem;--fs-base: .94rem;--fs-md: 1rem;--fs-lg: 1.12rem;--fs-xl: 1.28rem;--fs-2xl: 1.65rem;--fs-display: 2.25rem}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth;background:var(--background)}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;color:var(--text);background:radial-gradient(circle at top left,rgb(242 183 5 / 18%),transparent 320px),linear-gradient(180deg,#eef4ff 0%,var(--background) 45%);font-size:var(--fs-base);line-height:1.55}button,input,select{font:inherit}button{border:0}a{color:inherit;text-decoration:none}h1,h2,p{margin-top:0}:focus-visible{outline:3px solid rgb(242 183 5 / 55%);outline-offset:3px}.app-shell{min-height:100vh}.page-container{width:min(1080px,calc(100% - 2rem));margin-inline:auto}.app-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;width:100%;border-bottom:1px solid var(--border);padding:.55rem clamp(1rem,3vw,2.75rem);background:#fff;box-shadow:0 8px 22px #0b2f6b0f}.app-header--menu-open{position:fixed;right:0;left:0;z-index:80}.brand{display:inline-flex;min-width:0;align-items:center;gap:.75rem;width:fit-content}.brand__logo-frame{display:grid;width:min(11.5rem,56vw);height:3.4rem;flex:0 0 auto;place-items:center;overflow:hidden;background:transparent;filter:contrast(1.12) saturate(1.08)}.brand__logo{display:block;width:100%;height:100%;object-fit:contain;padding:0}.menu-toggle{position:relative;z-index:90;display:inline-flex;width:2.75rem;height:2.75rem;flex-direction:column;align-items:center;justify-content:center;gap:.34rem;border-radius:0;background:transparent;box-shadow:none;cursor:pointer}.menu-toggle span{display:block;width:1.7rem;height:3px;border-radius:999px;background:#08285f}.menu-toggle:hover span{background:#001b44}.menu-toggle[aria-expanded=true] span:nth-child(1){width:1.85rem;transform:translateY(calc(.34rem + 3px)) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){width:1.85rem;transform:translateY(calc(-.34rem - 3px)) rotate(-45deg)}.about-view p,.card-header small,.form-field small,.result-box p,.result-box small,.empty-state,.history-list time,.app-footer small{color:var(--muted)}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#08265a29;cursor:pointer}.main-nav{position:fixed;top:0;right:0;bottom:0;z-index:60;display:grid;align-content:start;gap:.35rem;width:clamp(12.5rem,64vw,17rem);max-width:calc(100vw - 4.5rem);overflow-y:auto;padding:5.1rem 1rem 1.25rem;background:var(--surface);box-shadow:-12px 0 32px #0b2f6b24;opacity:0;pointer-events:none;visibility:hidden}.main-nav--open{opacity:1;pointer-events:auto;visibility:visible}.main-nav__link{position:relative;border-radius:12px;padding:1rem .95rem;color:#244534;font-size:var(--fs-sm);font-weight:800;text-align:left}.main-nav__link:after{position:absolute;right:0;bottom:.4rem;left:.9rem;height:2px;width:2rem;border-radius:999px;background:var(--pucp-gold);content:"";opacity:0;transform:scaleX(.55)}.main-nav__link:hover{background:#eef3fb;color:var(--pucp-blue)}.main-nav__link--active{color:var(--pucp-blue);background:#eef3fb}.main-nav__link:hover:after,.main-nav__link--active:after{opacity:1;transform:scaleX(1)}.page-container{padding:1.5rem 0 3rem}.hero{display:grid;align-items:stretch;width:100vw;margin-inline:calc(50% - 50vw);margin-bottom:1.4rem}.home-view,.about-view{display:grid;gap:1rem}.home-view{margin-top:-1.5rem}.eyebrow{display:inline-flex;margin-bottom:.65rem;border-radius:999px;padding:.42rem .7rem;color:var(--pucp-blue);background:var(--pucp-gold-soft);font-size:var(--fs-xs);font-weight:900}.hero-carousel{position:relative;isolation:isolate;display:grid;grid-template-rows:minmax(0,1fr);min-width:0;min-height:clamp(34rem,calc(100svh - 4.6rem),42rem);overflow:hidden;border-block:1px solid rgb(216 226 240 / 72%);padding-block:clamp(1.25rem,4vh,2.25rem);padding-inline:max(1rem,calc((100vw - 1180px)/2));background:linear-gradient(90deg,#05122bd1,#05122ba3 46%,#05122b5c),linear-gradient(180deg,#05122b2e,#05122bb8),url(/images/hero.png) 58% center / cover no-repeat;box-shadow:0 18px 42px #05122b2e}.hero-carousel:before,.hero-carousel:after{position:absolute;z-index:-1;border:1px solid rgb(11 47 107 / 12%);border-radius:999px;content:""}.hero-carousel:before{right:clamp(1rem,8vw,6rem);bottom:clamp(4rem,10vw,7rem);width:clamp(8rem,22vw,16rem);height:clamp(8rem,22vw,16rem);background:#ffffff1a}.hero-carousel:after{top:clamp(3rem,9vw,6rem);left:clamp(1rem,8vw,6rem);width:clamp(5rem,14vw,9rem);height:clamp(5rem,14vw,9rem);background:#f2b7051a}.hero-carousel__viewport{display:grid;align-items:stretch;min-height:100%;overflow:visible}.hero-carousel__slide{display:grid;align-content:center;gap:clamp(1rem,3vw,1.6rem);min-height:100%;animation:carousel-fade .42s ease}.hero-carousel__content{display:grid;justify-items:start;gap:.75rem;width:100%;max-width:46rem;text-align:left}.hero-carousel h2{margin:0;color:#fff;font-size:clamp(1.85rem,11vw,var(--fs-display));line-height:1.08;text-shadow:0 4px 18px rgb(0 0 0 / 34%)}.hero-carousel__content>strong{color:var(--pucp-gold-soft);font-size:var(--fs-lg);line-height:1.25;text-shadow:0 3px 14px rgb(0 0 0 / 30%);text-transform:uppercase}.hero-carousel p{max-width:40rem;margin:0;color:#ffffffd6;font-size:var(--fs-md)}.hero-carousel__benefits{display:grid;gap:0;width:100%;overflow:hidden;border:1px solid rgb(255 255 255 / 48%);border-radius:12px;background:#08265ab8;box-shadow:0 16px 34px #00000038;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-carousel__benefits span{display:grid;min-height:3rem;place-items:center;border-bottom:1px solid rgb(255 255 255 / 26%);padding:.7rem;color:#fff;font-size:var(--fs-sm);font-weight:900;text-align:center}.hero-carousel__benefits span:last-child{border-bottom:0}.hero-carousel__actions{display:grid;gap:.75rem;width:100%}.hero-carousel__actions a{display:inline-flex;min-height:3.15rem;align-items:center;justify-content:center;border:2px solid transparent;padding:.8rem 1rem;color:var(--pucp-blue);background:#fff;box-shadow:0 12px 28px #0b2f6b24;font-size:var(--fs-md);font-weight:900;text-align:center;transition:border-color var(--transition),transform var(--transition),background var(--transition)}.hero-carousel__actions a:hover{border-color:var(--pucp-gold);background:var(--pucp-gold-soft);transform:translateY(-2px)}.hero-carousel__controls{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:none;pointer-events:none}.hero-carousel__arrow{position:absolute;top:50%;display:grid;width:clamp(3rem,5vw,4rem);height:clamp(3rem,5vw,4rem);place-items:center;border:0;color:#fff;background:transparent;box-shadow:none;cursor:pointer;pointer-events:auto;transform:translateY(-50%);transition:color var(--transition),transform var(--transition)}.hero-carousel__arrow:first-child{left:clamp(.85rem,2.6vw,2rem)}.hero-carousel__arrow:last-child{right:clamp(.85rem,2.6vw,2rem)}.hero-carousel__arrow:hover{color:var(--pucp-gold-soft);transform:translateY(-50%) scale(1.08)}.hero-carousel__arrow:focus-visible{border-radius:999px;color:#fff;outline:3px solid rgb(242 183 5 / 72%);outline-offset:.25rem}.hero-carousel__arrow span{display:block;width:clamp(1rem,2vw,1.45rem);height:clamp(1rem,2vw,1.45rem);border-top:clamp(.2rem,.45vw,.28rem) solid currentColor;border-left:clamp(.2rem,.45vw,.28rem) solid currentColor;filter:drop-shadow(0 3px 5px rgb(0 0 0 / 58%)) drop-shadow(0 8px 14px rgb(0 0 0 / 32%))}.hero-carousel__arrow:first-child span{transform:translate(.18rem) rotate(-45deg)}.hero-carousel__arrow:last-child span{transform:translate(-.18rem) rotate(135deg)}.about-view{max-width:900px}.about-view h1{margin-bottom:.9rem;color:var(--pucp-blue);font-size:var(--fs-2xl);line-height:1.08}.about-view>p{max-width:720px;font-size:var(--fs-md)}.about-grid{display:grid;gap:1rem;margin-top:.5rem}.about-grid article{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;background:#ffffffeb;box-shadow:var(--shadow)}.about-grid h2{margin-bottom:.45rem;color:var(--pucp-blue)}.about-grid p{margin-bottom:0}.info-section{display:grid;gap:.85rem;margin-top:.75rem}.info-section h2{margin-bottom:0;color:var(--pucp-blue)}.info-list{display:grid;gap:.55rem;margin:0;padding-left:1.2rem;color:var(--muted)}.content-grid{display:grid;gap:1rem}.converter-card,.history-card{border:1px solid var(--border);border-radius:var(--radius);background:#ffffffeb;box-shadow:var(--shadow)}.converter-card{display:grid;gap:1rem;padding:1rem}.history-card{padding:1rem}.card-header{display:flex;flex-direction:column;gap:.55rem}.card-header h2{margin-bottom:0;color:var(--pucp-blue);font-size:var(--fs-xl);line-height:1.18}.converter-form{display:grid;gap:1rem}.form-field{display:grid;gap:.4rem}.form-field>span{color:var(--text);font-weight:800}.form-control{width:100%;min-width:0;min-height:3.25rem;border:1px solid var(--border);border-radius:14px;padding:.8rem .9rem;color:var(--text);background:#fff;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.form-control:focus{border-color:var(--pucp-blue);box-shadow:0 0 0 4px #0b2f6b1f}.form-control--error{border-color:var(--error)}.error{color:var(--error)!important}.currency-grid{display:grid;gap:.8rem}.swap-button{display:grid;width:3.2rem;height:3.2rem;place-self:center;place-items:center;border-radius:999px;color:#fff;background:var(--pucp-blue);cursor:pointer;font-size:var(--fs-xl);font-weight:900;transition:transform var(--transition),background var(--transition)}.swap-button:hover{background:var(--pucp-blue-strong);transform:rotate(180deg)}.base-button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:3.25rem;border-radius:14px;padding:.8rem 1rem;cursor:pointer;font-weight:900;transition:transform var(--transition),box-shadow var(--transition),background var(--transition)}.base-button:hover:not(:disabled){box-shadow:0 14px 26px #0b2f6b38;transform:translateY(-1px)}.base-button:disabled{cursor:not-allowed;opacity:.55}.base-button--primary{color:#fff;background:var(--pucp-blue)}.base-button--ghost{width:auto;min-height:2.4rem;color:var(--pucp-blue);background:transparent}.base-button--secondary{color:var(--pucp-blue);background:var(--pucp-gold-soft)}.result-box{display:grid;gap:.35rem;border-radius:16px;padding:1rem;color:#fff;background:linear-gradient(135deg,var(--pucp-blue),#123f87)}.result-box span{color:#ffffffbf;font-weight:800}.result-box strong{font-size:var(--fs-display);line-height:1.05}.result-box p,.result-box small{margin-bottom:0;color:#ffffffd1}.alert{margin:0;border:1px solid rgb(220 38 38 / 24%);border-radius:14px;padding:.8rem;color:var(--error);background:#dc262614}.skeleton{display:block;width:44%;height:1rem;border-radius:999px;background:linear-gradient(90deg,#ffffff24,#ffffff59,#ffffff24);background-size:220% 100%;animation:skeleton-loading 1.2s infinite}.skeleton--wide{width:75%;height:2.4rem}.history-list{display:grid;gap:.75rem;margin:1rem 0 0;padding:0;list-style:none}.history-list li{display:grid;gap:.15rem;border:1px solid var(--border);border-radius:14px;padding:.85rem;background:var(--surface-soft)}.history-list strong{color:var(--pucp-blue)}.history-list span{color:var(--text);font-weight:700}.history-list time{font-size:var(--fs-sm)}.empty-state{margin:1rem 0 0;border:1px dashed var(--border);border-radius:14px;padding:1rem;background:var(--surface-soft)}.app-footer{display:grid;gap:1rem;width:100%;border-top:1px solid var(--border);padding:1.5rem clamp(1rem,3vw,2.75rem) 1.85rem;background:#fff}.app-footer p{margin-bottom:.35rem}.app-footer strong{display:block;margin-bottom:.2rem;color:var(--pucp-blue);font-weight:800}.app-footer__brand{display:grid;gap:.1rem}.app-footer__meta{display:flex;flex-wrap:wrap;gap:.35rem .65rem;color:var(--muted);font-size:var(--fs-sm)}.app-footer__links{display:flex;flex-wrap:wrap;gap:.55rem .9rem;color:var(--pucp-blue);font-size:var(--fs-sm);font-weight:800}.app-footer__links a:hover{color:var(--pucp-blue-strong);text-decoration:underline;text-underline-offset:.25rem}.app-footer__meta span:not(:last-child):after{content:"·";margin-left:.65rem;color:var(--border)}.page-fade-enter-active,.page-fade-leave-active{transition:opacity var(--transition),transform var(--transition)}.page-fade-enter-from,.page-fade-leave-to{opacity:0;transform:translateY(8px)}@keyframes skeleton-loading{to{background-position:-220% 0}}@keyframes carousel-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media(min-width:640px){:root{--fs-xs: .78rem;--fs-sm: .9rem;--fs-base: 1rem;--fs-md: 1.04rem;--fs-lg: 1.18rem;--fs-xl: 1.38rem;--fs-2xl: 2rem;--fs-display: 2.65rem}.app-header{position:sticky;right:auto;left:auto;z-index:50;grid-template-columns:auto 1fr}.menu-toggle,.menu-backdrop{display:none}.main-nav{position:static;inset:auto;z-index:auto;display:flex;gap:clamp(.85rem,3vw,2.2rem);justify-self:end;width:auto;max-width:none;overflow:visible;padding:0;background:transparent;box-shadow:none;opacity:1;pointer-events:auto;visibility:visible}.main-nav__link{border-radius:0;padding:.55rem 0;text-align:center}.main-nav__link:after{bottom:.22rem;left:0;width:auto}.main-nav__link:hover,.main-nav__link--active{background:transparent}.card-header{flex-direction:row;align-items:flex-start;justify-content:space-between}.currency-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end}.about-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-footer{grid-template-columns:1fr auto;align-items:center}.app-footer__brand{grid-row:span 2}.app-footer__links{justify-content:flex-end}.app-footer__meta{justify-content:flex-end;text-align:right}.hero-carousel__benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-carousel__benefits span{border-right:1px solid rgb(255 255 255 / 26%);border-bottom:1px solid rgb(255 255 255 / 26%)}.hero-carousel__benefits span:nth-child(2n){border-right:0}.hero-carousel__benefits span:nth-last-child(-n+2){border-bottom:0}.hero-carousel__actions{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-carousel__controls{display:block}}@media(min-width:900px){:root{--fs-display: 3.05rem;--fs-2xl: 2.25rem;--fs-xl: 1.45rem}.page-container{padding-top:2.25rem}.home-view{margin-top:-2.25rem}.hero-carousel{min-height:clamp(31rem,calc(100vh - 4.6rem),42rem);padding-block:clamp(1.5rem,5vh,3.5rem);background:linear-gradient(90deg,#05122bd1,#05122ba3 46%,#05122b5c),linear-gradient(180deg,#05122b2e,#05122bb8),url(/images/hero.png) center / cover no-repeat}.hero-carousel__slide{grid-template-columns:minmax(0,1.08fr) minmax(17rem,.82fr);grid-template-rows:minmax(0,1fr) auto;align-content:stretch;align-items:center;column-gap:clamp(1.5rem,5vw,4rem);padding-inline:clamp(.75rem,3vw,2.25rem)}.hero-carousel h2{font-size:clamp(2rem,4.5vw,var(--fs-display))}.hero-carousel__content{grid-column:1;align-self:center}.hero-carousel__benefits{grid-column:2;grid-row:1;align-self:center}.hero-carousel__actions{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(11rem,17rem));justify-content:center}.content-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:start}.converter-card,.history-card{padding:1.35rem}}