*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;font-family:Inter,Space Grotesk,system-ui,sans-serif;background:#05070a;color:#f8fafc}.presentation-container{position:relative;min-height:100vh;padding:3rem 1.5rem;background:linear-gradient(120deg,#05070a,#0c1a3a,#112647);background-size:300% 300%;animation:gradientShift 18s ease infinite;overflow:hidden}.wall{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(14,165,233,.2),transparent 55%),radial-gradient(circle at 80% 0%,rgba(16,185,129,.2),transparent 55%);pointer-events:none;z-index:1}.ambient-highlight,.ambient-highlight:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;border-radius:30px;background:radial-gradient(circle at var(--pointer-x, 50%) var(--pointer-y, 50%),rgba(14,165,233,.25),transparent 45%);filter:blur(15px);mix-blend-mode:screen;animation:glowPulse 7s ease-in-out infinite}.ambient-highlight:after{background:radial-gradient(circle at calc(var(--pointer-x, 50%) + 10%) calc(var(--pointer-y, 50%) + 5%),rgba(16,185,129,.2),transparent 55%)}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glowPulse{0%,to{opacity:.6}50%{opacity:.9}}.presentation-shell{position:relative;z-index:2;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.5rem}.hero-card{background:#0f172aeb;border-radius:32px;padding:2.5rem;box-shadow:0 35px 90px #020617e6;display:flex;flex-direction:column;gap:1.5rem;transform:perspective(1200px) translateZ(40px)}.hero-card h1{margin:0;font-size:clamp(2.2rem,3vw,3rem);color:#e0f2fe;letter-spacing:.2em;text-transform:uppercase;background:linear-gradient(90deg,#34d399,#22d3ee);-webkit-background-clip:text;color:transparent;text-shadow:0 10px 20px rgba(16,185,129,.4)}.hero-card p{margin:0;color:#cbd5f5;line-height:1.6;max-width:520px}.slide-menu{display:flex;flex-wrap:wrap;gap:.6rem;padding:.65rem;background:#0f766e4d;border-radius:999px;box-shadow:inset 0 0 20px #0f766e66}.slide-menu button{border:none;background:transparent;color:#e0f2fe;padding:.35rem .95rem;border-radius:999px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.slide-menu button.active,.slide-menu button:hover{background:#ec4899cc;color:#fff;box-shadow:0 10px 30px #ec489973}.main-card{background:#0f172af2;border-radius:28px;padding:2rem;box-shadow:0 40px 90px #020617cc;transform:translateZ(30px);perspective:1000px}.main-card h2{margin-top:0;color:#f8fafc}.main-card p{color:#cbd5f5}.cover-block{background:#0ea5e933;border-radius:20px;padding:1rem;margin-bottom:1rem;border:1px solid rgba(14,165,233,.6);box-shadow:inset 0 0 20px #0ea5e933}.cover-title{margin:0;font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;color:#e0f2fe}.cover-meta{margin:.5rem 0 0;font-size:.9rem;color:#cbd5f5}.timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.5rem 0}.timeline div{background:#0ea5e926;border-radius:18px;padding:1rem;box-shadow:0 20px 45px #0ea5e966}.timeline span{display:block;font-weight:600;color:#fdf2f8;margin-bottom:.35rem}.timeline p{margin:0;color:#e0f2fe;line-height:1.4}.main-content{display:flex;flex-direction:column;gap:1.75rem;margin-top:1.5rem}.image-section{display:flex;flex-direction:column;gap:1.1rem}.image-section-title{margin:0;font-size:.95rem;letter-spacing:.25em;text-transform:uppercase;color:#cfeefe;text-align:center}.image-section__grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.image-card-wrapper{display:flex;flex-direction:column;gap:.45rem}.image-card-title{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.2em;color:#a5f3fc;text-align:center}.image-card-description{margin:0;font-size:.75rem;color:#cbd5f5;text-align:center;line-height:1.2}.image-card{border-radius:22px;overflow:hidden;height:0;padding-bottom:100%;position:relative;box-shadow:0 30px 60px #0006;transition:transform .4s ease,box-shadow .4s ease}.image-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 45px 90px #0009}.image-card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.portada-cover{margin:1.5rem 0;border-radius:24px;padding:3rem;min-height:260px;background:linear-gradient(125deg,#0ea5e9bf,#3b82f6d9 45%,#ec4899cc);background-size:cover;background-position:center;box-shadow:0 30px 80px #0009;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.hero-card .portada-cover{margin:0}.portada-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#02061700,#020617cc);z-index:0}.portada-cover p{position:relative;z-index:10}.cover-meta{margin-top:.5rem;font-size:.9rem;color:#eaffffcc}.panel{background:#0f172af2;border-radius:32px;padding:2rem;box-shadow:0 40px 90px #020617cc;display:flex;flex-direction:column;gap:1rem}.panel h3{margin:0;font-size:1.5rem;color:#ecfeff}.panel-buttons{display:flex;gap:.75rem}.panel-buttons button{flex:1;border-radius:18px;padding:.8rem 1rem;background:#3b82f640;color:#e0f2fe;border:1px solid rgba(59,130,246,.5);cursor:pointer;transition:background .2s ease}.panel-buttons button:hover{background:#0ea5e973}.panel-buttons .primary{background:#0ea5e9e6;color:#fff}.panel-tips{margin:0;color:#cbd5f5}.panel-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.panel-list button{width:100%;border:none;border-radius:18px;padding:.9rem 1rem;background:#3b82f633;color:#ecfeff;cursor:pointer;text-align:left;transition:background .3s ease}.panel-list button.active{background:#10b98180;color:#fff}.image-card__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#07231bd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:2rem;z-index:55}.image-card__overlay-inner{position:relative;width:min(760px,90vw);max-height:88vh;padding:1.5rem;border-radius:28px;background:linear-gradient(180deg,#000000d9,#0f172af2);box-shadow:0 50px 90px #000000e6;display:flex;flex-direction:column;gap:1rem}.image-card__overlay img{width:100%;max-height:calc(80vh - 90px);border-radius:18px;object-fit:contain;box-shadow:0 25px 60px #0009}.image-card__overlay-close{border-radius:999px;border:0;padding:.6rem 1.2rem;background:#14b8a6;color:#062627;font-weight:600;cursor:pointer;align-self:flex-end}.info-highlight{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.5rem 0}.info-card{background:#020617b3;border-radius:24px;padding:1.1rem;border:1px solid rgba(14,165,233,.4);box-shadow:0 20px 60px #0009}.info-card h3{margin-top:0;color:#a5f3fc;font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.info-card ul{margin:.5rem 0 0;padding-left:1.4rem;color:#cbd5f5;line-height:1.6}.info-card p{margin:.5rem 0 0;color:#e0f2fe;line-height:1.5}@media (max-width: 1024px){.presentation-shell{grid-template-columns:1fr}.panel{order:-1}}@media (max-width: 600px){.presentation-container{padding:2rem 1rem}.slide-menu{justify-content:center}}