.brand-title{font-size:2.1rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.4rem;letter-spacing:.01em;color:#fff;font-family:inherit}.brand-main,.brand-sub{font-size:1em;font-weight:600;letter-spacing:.04em;color:#fff}.brand-sub{margin-left:.25em}.brand-divider{font-size:1em;margin:0 .2em;color:#fff;font-weight:400;opacity:1}@media (max-width: 600px){.brand-title{font-size:1.2rem;gap:.15rem}.brand-main,.brand-sub{font-size:1em;font-weight:600;letter-spacing:.04em;color:#fff}.brand-divider{font-size:1em;margin:0 .1em;color:#fff;font-weight:400;opacity:1}}body{font-family:Montserrat,sans-serif}*{padding:0;margin:0;box-sizing:border-box}:root{--mainColor: #021d47;--secondaryColor: #FF5F05;--textColor:#ffffff }header{display:flex;align-items:center;justify-content:space-between;height:80px;padding:0 2rem;background-color:var(--mainColor);color:var(--textColor);position:relative;z-index:1000}.brand-container{display:flex;align-items:center}header .logo{height:70px;width:70px}header h1{margin-left:.5rem}nav{margin-left:auto}nav a{margin:0 2rem;color:var(--textColor);text-decoration:none;font-weight:700}nav a:hover{color:var(--secondaryColor)}nav a.active-link{color:var(--secondaryColor);border-bottom:2px solid var(--secondaryColor)}header .nav-btn{padding:5px;cursor:pointer;background:transparent;border:none;outline:none;color:var(--textColor);visibility:hidden;opacity:0}@media only screen and (max-width:1025px){header .nav-btn{visibility:visible;opacity:1;z-index:1001;position:relative;font-size:2rem;padding:8px}nav .nav-close{font-size:2rem}header nav{position:fixed;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.5rem;background-color:var(--mainColor);transition:1s;transform:translateY(-100vh);z-index:999}header .res_nav{transform:none;z-index:1005}nav .nav-close{position:absolute;top:2rem;right:2rem;z-index:1010}nav a{font-size:2rem}}:root{--mainColor: #021d47;--secondaryColor: #ee4a4a;--textColor: #ffffff}.title-card{display:flex;justify-content:flex-start;align-items:center;min-height:250px;height:auto;width:100%;background-color:var(--mainColor);color:var(--textColor);padding:40px 0}.title-card-text{width:80%;margin-left:5%;display:flex;flex-direction:column;gap:1.5rem}.title-card-text h1{font-size:3.5rem;margin:0;text-align:left}.title-card-text p{font-size:1.25rem;margin:0;line-height:1.6;text-align:left}.member-card{width:300px;height:400px;background-color:#fff;border-radius:10px;margin:10px;padding:10px;text-align:center;box-shadow:0 0 10px #0000001a}.member-card h2,.member-card p{margin:10px 0}.member-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000004d}.avatar{width:200px;height:200px;border-radius:50%;margin:0 auto;display:block}.team-row{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;max-width:1200px;width:100%;margin:0 auto}.team-row .item{flex:1 1 calc(33.33% - 1rem);max-width:calc(33.33% - 1rem);margin:.5rem}.toggle-container{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.toggle-button{position:relative;width:60px;height:30px;background:linear-gradient(to right,#1a237e,var(--secondaryColor));border-radius:15px;border:none;cursor:pointer;padding:0}.toggle-slider{position:absolute;top:2px;left:2px;width:26px;height:26px;background-color:#fff;border-radius:50%;transition:transform .3s ease}.toggle-slider.toggled{transform:translate(30px)}.toggle-container span{font-size:1rem;font-weight:500;color:#666;transition:color .3s ease}.toggle-container .active-text{color:#1a237e}.toggle-container span:last-child.active-text{color:var(--secondaryColor)}:root{--mainColor: #13294B;--secondaryColor: #ee4a4a;--textColor: #ffffff;--height: 80vh;--width: 80vw;--container-margin: 2vw}html,body{margin:0;padding:0;overflow-x:hidden;box-sizing:border-box}.layout{display:flex;flex-direction:row;align-items:center;justify-content:center;min-height:100vh;width:100%;max-width:100%;overflow-x:hidden;padding:1rem;box-sizing:border-box}.container-one,.container-two{display:flex;justify-content:center;align-items:center;width:90%;max-width:600px;height:auto;max-height:70vh;margin:0 auto;border-radius:20px;box-shadow:0 5px 10px #00000080}.video-container{background-color:var(--mainColor);color:var(--textColor);padding:1rem;box-sizing:border-box;width:100%}.content-wrapper{display:flex;flex-direction:column;align-items:center;width:100%}.video-wrapper{width:100%;display:flex;justify-content:center;align-items:center;margin-top:1rem;position:relative}.video-feed{max-width:100%;width:auto;height:auto;max-height:40vh;object-fit:contain;border-radius:8px}.error-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000b3;color:#fff;padding:1rem;border-radius:8px;text-align:center;width:80%}.about-mission{width:80%;max-width:1200px;margin:5rem auto;padding:0 2rem;text-align:left}.about-mission h2{font-size:3rem;margin-bottom:2rem}.about-mission p{font-size:1.5rem;margin-bottom:1.5rem;line-height:1.6;color:#6a6a6a}.about-history{width:80%;max-width:1200px;margin:2rem auto;padding:2rem;text-align:left;border-radius:25px;background-color:#f7f7f7}.about-history h2{font-size:3rem;margin-bottom:2rem}.about-history p{font-size:1.5rem;margin-bottom:1.5rem;line-height:1.6;color:#6a6a6a}.about-values{width:80%;max-width:1200px;margin:2rem auto;padding:0 2rem;text-align:center}.about-values h2{font-size:3rem;margin-bottom:2rem}.about-values p{font-size:1.5rem;margin-bottom:1.5rem;line-height:1.6;color:#6a6a6a}.values-row{width:80%;max-width:1200px;margin:2rem auto;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:1rem}.about-values-container{flex:1;min-width:250px;max-width:100%;padding:1.5rem;text-align:center;box-shadow:0 4px 8px #0000001a;border-radius:8px;background-color:#fff;flex-grow:1;transition:transform .3s ease,box-shadow .3s ease;margin:.5rem}.about-values-container:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000004d}.about-values-container h3{font-size:1.8rem;margin-bottom:1.5rem;color:var(--mainColor, #021d47)}.about-values-container p{font-size:1.2rem;margin-bottom:1rem;line-height:1.6;color:#6a6a6a}@media (max-width: 768px){.about-values-container{margin:.5rem auto;width:90%}.values-row{flex-direction:column;align-items:center}}.contact-section{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:2rem;margin-bottom:2rem}.contact-section h2{font-size:3rem;margin-bottom:2rem;color:var(--mainColor, #021d47)}.contact-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:1200px;height:auto;background-color:#fff;color:#000;margin-bottom:2rem;border-radius:20px;box-shadow:0 5px 10px #0000001a;padding:30px;box-sizing:border-box;position:relative}.contact-container:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000004d}.contact-container h3{font-size:1.8rem;margin-bottom:1.5rem;color:var(--mainColor, #021d47)}.contact-container p{margin-bottom:1.5rem;line-height:1.6;color:#6a6a6a}.hero{position:relative;width:100%;height:700px;overflow:hidden}.hero-images{display:flex;width:100%;height:100%}.hero-image{flex:1;background-size:cover;background-position:center}.hero-image img{width:100%;height:100%;object-fit:cover;filter:brightness(50%)}.hero-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2}.hero-text h1{color:#fff;margin:0;font-size:4rem}.eoh-title{font-size:4rem}.hero-text h2{color:#c578d6;margin:0;font-size:1.5rem;font-style:italic}.hero-buttons{display:flex;justify-content:center;margin-top:50px;gap:100px}.loteria-button{background-color:#c578d6;color:#fff;font-size:20px;border:none;padding:15px 32px;text-align:center;text-decoration:none;border-radius:25px;transition:all .3s ease}.loteria-button:hover{background-color:#fff;color:#c578d6;box-shadow:0 2px 8px #c578d64d}.robot-button{background-color:#fff;color:#c578d6;font-size:20px;border:none;padding:15px 32px;text-align:center;text-decoration:none;border-radius:25px;transition:all .3s ease}.robot-button:hover{background-color:#c578d6;color:#fff;box-shadow:0 2px 8px #c578d64d}.loteria-background{display:flex;flex-flow:row wrap;width:100%;height:auto;min-height:600px;overflow:hidden;background-color:#021d47;color:#fff;padding:40px;justify-content:center;align-items:center}.loteria>*{flex:1 100%}.loteria-text{padding:25px;width:100%;max-width:1200px;margin:0 auto;order:0;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.loteria-text h2{font-size:1rem;font-weight:300;margin-bottom:10px}.loteria-text h1{font-size:36px;font-weight:600;margin-bottom:20px}.loteria-text p{padding:0;font-size:20px;font-weight:300;text-align:center;max-width:800px;margin:0 auto 30px}.loteria-video{align-items:center;margin-top:50px;padding-top:20px;order:1;color:#000;background-color:#fff;height:500px;width:55%;border-radius:25px}.robot-background{display:flex;flex-flow:row wrap;width:100%;height:auto;min-height:600px;overflow:hidden;background-color:#fff;color:#000;padding:40px;justify-content:center;align-items:center}.robot>*{flex:1 100%}.robot-text{padding:25px;width:100%;max-width:1200px;margin:0 auto;order:0;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.robot-text h2{font-size:1rem;font-weight:300;margin-bottom:10px}.robot-text h1{font-size:36px;font-weight:600}.robot-text p{padding:0;font-size:20px;font-weight:300;text-align:center;max-width:800px;margin:0 auto 30px}.robot-video{align-items:center;margin-bottom:100px;padding-top:20px;order:0;color:#fff;height:500px;width:55%;border-radius:25px}.team-background{display:flex;width:100%;height:600px;overflow:hidden;background-color:#ff5f05;color:#fff;gap:30px}.team>*{flex:1 100%}.team-text{padding-top:25px;width:100%;order:1;text-align:center}.team-text h1{font-size:36px;font-weight:600}.team-text h2{padding-top:20px;padding-bottom:10px;font-size:2rem;font-weight:400}.members{display:flex;justify-content:center;flex-flow:row wrap;gap:30px;font-weight:300}.footer-background{display:flex;flex-flow:column;width:100%;min-height:150px;overflow:hidden;background-color:#021d47;color:#fff;gap:30px;padding:20px 15px}.footer>*{flex:1 100%}.footer-nav{width:100%;display:flex;justify-content:center;flex-wrap:wrap;gap:30px}.footer-nav a{color:#fff;text-decoration:none;padding:5px}.footer-nav a:hover{text-decoration:underline}.social-links{display:flex;justify-content:center;gap:30px;margin-bottom:15px}.project-description{margin-bottom:20px}@media (max-width: 768px){.footer-background{gap:20px;padding:15px 10px}.footer-nav{gap:15px;flex-direction:column;align-items:center}.social-links{gap:20px}.full-width-on-mobile{width:100%!important;max-width:100%!important;flex:1 0 100%!important}.hide-on-mobile{display:none}.hero-title{font-size:2rem;margin-bottom:.5rem}.eoh-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-buttons{margin-top:25px;gap:30px}.loteria-button,.robot-button{font-size:16px;padding:12px 25px}}.hero-title{font-size:3rem;margin-bottom:1rem}@media screen and (max-width: 480px){.hero-title{font-size:1.5rem}.eoh-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-buttons{margin-top:20px;gap:20px}.loteria-button,.robot-button{font-size:14px;padding:10px 20px}}.ai-loteria-btn-container{display:flex;justify-content:center;margin:2.5rem 0 1.2rem}.ai-loteria-btn{background:linear-gradient(135deg,#ff9800,#ff6f00,#ffb74d);color:#fff;padding:2.2rem 3.5rem;border-radius:1.5rem;font-weight:700;font-size:1.6rem;text-decoration:none;box-shadow:0 8px 32px #ff980040,0 4px 16px #ff6f0026;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;letter-spacing:.08em;cursor:pointer;outline:none;display:flex;align-items:center;gap:1.1rem;min-width:340px;justify-content:center;position:relative;overflow:hidden;text-transform:uppercase;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ai-loteria-btn:hover,.ai-loteria-btn:focus{background:linear-gradient(135deg,#fb8c00,#e65100,#ffa726);color:#fff;text-decoration:none;transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #ff980059,0 6px 20px #ff6f0040}.ai-loteria-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.ai-loteria-btn:hover:before{left:100%}@media (max-width: 600px){.ai-loteria-btn-container{margin:1.2rem 0 .5rem;padding:0 1rem}.ai-loteria-btn{font-size:1.1rem;padding:1rem 1.2rem;min-width:0;width:100%;max-width:320px;border-radius:1rem;gap:.6rem;box-sizing:border-box;font-weight:600;letter-spacing:.06em}.ai-loteria-btn svg{width:20px;height:20px;flex-shrink:0}}:root{--mainColor: #021d47;--secondaryColor: #FF5F05;--textColor: #ffffff}.welcome{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;height:auto;min-height:800px;background-color:var(--mainColor);color:var(--textColor);padding:2rem 1rem;z-index:1}div .welcome-content{position:relative;width:50%;height:auto;text-align:left;padding:1rem;box-sizing:border-box}.welcome-content h1{font-size:5rem;margin-top:1rem;margin-bottom:1rem;margin-left:2rem}.welcome-content h2{font-size:3rem;margin-top:1rem;margin-bottom:1rem;margin-left:2rem}.welcome-content p{font-size:1.5rem;margin-top:1rem;margin-bottom:1rem;margin-left:2rem}@media (max-width: 1200px){.image-properties{width:100%;max-width:500px}}@media (max-width: 768px){.welcome{flex-direction:column;padding-top:1rem;min-height:auto}div .welcome-content,.welcome-image{position:relative;width:100%;margin:0;padding:0rem}.welcome-content h1{font-size:2.5rem;margin-top:.5rem;margin-bottom:.5rem}.welcome-content h2{font-size:2rem;margin-top:.5rem;margin-bottom:.5rem}.welcome-content p{margin-top:.5rem;margin-bottom:.5rem}}.button-projects{padding:20px 30px;margin-top:1rem;background-color:var(--secondaryColor);color:var(--textColor);font-weight:700;border:none;border-radius:10px;cursor:pointer;font-size:1rem;margin-left:2rem}.button-projects:hover{background-color:#fff;color:var(--secondaryColor)}.button-team{padding:20px 30px;margin-top:1rem;background-color:#fff;color:var(--secondaryColor);font-weight:700;border:none;border-radius:10px;cursor:pointer;font-size:1rem;margin-left:2rem}.button-team:hover{background-color:#ff5f05;color:#fff}.eoh{display:flex;justify-content:center;align-items:center}.eoh-container{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;width:95%;height:700px;background-color:#fff;background-image:url(/SHPE_Tech_Team_24-25/assets/tech_team_group_picture-C4bQiD-T.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;color:#000;margin-top:5%;margin-bottom:5%;border-radius:20px;box-shadow:0 5px 10px #0000001a;padding:30px;box-sizing:border-box;position:relative}.eoh-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;border-radius:20px}.eoh-container h1,.eoh-container p{color:#fff;text-align:left;margin-left:0;margin-bottom:1rem;max-width:90%;position:relative;z-index:1}.eoh-container:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000004d}.button-learn{padding:10px 20px;margin-top:1rem;color:var(--mainColor);background-color:var(--textColor);border-radius:5px;border:none;cursor:pointer;font-size:1rem;position:relative;z-index:1;margin-left:0}.button-learn:hover{background-color:#021d47;color:#fff}.welcome-image{position:relative;width:50%;height:auto;text-align:right;display:flex;justify-content:center;align-items:center}.image-properties{max-width:100%;height:auto;border-radius:25px;margin:1rem;border:2px solid var(--secondaryColor);object-fit:contain}.team-section{height:auto;padding:40px 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.team-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;width:100%;max-width:1200px}.team-row .item{flex:1 1 300px;min-width:280px;max-width:350px;margin:.5rem}@media (max-width: 768px){.team-row{flex-direction:column;align-items:center}.team-row .item{width:90%;max-width:350px;margin:.5rem auto}.hide-on-mobile{display:none}}.button-view-team{padding:10px 25px;background-color:#fff;color:#000;font-weight:700;border-radius:10px;cursor:pointer;font-size:1rem;border:2px solid var(--secondaryColor);box-sizing:border-box;white-space:nowrap;margin-top:2rem}.button-view-team:hover{background-color:#ff5f05}.gallery{padding:2rem;background-color:#f9f9f9;border-radius:8px;margin-top:2rem}.gallery h2{color:#333;margin-bottom:1rem;text-align:center}.gallery-item{position:relative;overflow:hidden;border-radius:10px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.gallery-item:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 8px 16px #0003}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-item:hover img{transform:scale(1.05)}.model-results{padding:2rem;background-color:#f9f9f9;border-radius:8px;margin-top:0}.model-results h2{color:#333;margin-bottom:1rem;text-align:center}.results-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.result-item{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.result-item:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 8px 16px #0003}.result-item img{width:100%;height:auto;object-fit:cover;border-bottom:1px solid #eee;transition:transform .5s ease}.result-item:hover img{transform:scale(1.05)}.result-item p{padding:1rem;font-size:.9rem;color:#555;line-height:1.5}.performance-metrics{margin-top:3rem}.performance-metrics h2{text-align:center;margin-bottom:1rem;color:#333}.metrics-container{display:flex;justify-content:center}.metric-item{max-width:600px;width:100%;height:auto;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.metric-item:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 8px 16px #0003}.metric-item p{padding:1rem;font-size:.9rem;color:#555;line-height:1.5}.metric-item img{max-width:100%;height:auto;display:block;margin:0 auto;transition:transform .5s ease}.metric-item:hover img{transform:scale(1.02)}.model-conclusion{margin-top:2rem;text-align:center;font-style:italic;color:#555;max-width:800px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.results-gallery{grid-template-columns:1fr}.model-results{padding:1rem}.metric-item{max-width:100%;padding:1rem}.metric-item img{max-width:90%}.mosaic-gallery{grid-template-columns:1fr;grid-auto-rows:200px}.gallery-item.wide,.gallery-item.tall{grid-column:auto;grid-row:auto}}html,body{color:#000;text-align:center}.title{margin-top:30px}.title h1{color:#000;margin:0;font-size:4rem;padding-bottom:20px}.title h2{color:#c578d6;margin:0;font-size:1.5rem}.subtitle h3{color:#000;font-size:1rem;font-weight:500;padding-left:50px;padding-right:50px}.gallery{padding:2rem;background-color:#f9f9f9;border-radius:8px;margin-top:0}.mosaic-gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:250px;grid-gap:20px;padding:20px}.gallery-item{position:relative;overflow:hidden;border-radius:10px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease}.gallery-item:hover{transform:translateY(-5px)}.gallery-item.wide{grid-column:span 2}.gallery-item.tall{grid-row:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-item .caption{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;padding:10px;margin:0;font-size:.9rem;opacity:1}@media (max-width: 768px){.mosaic-gallery{grid-template-columns:1fr;grid-auto-rows:200px}.gallery-item.wide,.gallery-item.tall{grid-column:auto;grid-row:auto}}.App{text-align:cen}.montserrat-fonty{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}h3{color:#c578d6}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html,body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.video-container{margin-right:auto;margin-left:auto;margin-bottom:50px;height:600px;width:1000px;border-radius:30px;box-shadow:5px 5px 10px #00000080}.video{border-radius:30px}.navbar{background-color:#333;padding:10px}.nav-links{list-style:none;display:flex;justify-content:center;gap:20px;padding:0}.nav-links li{display:inline}.nav-links a{color:#fff;text-decoration:none;font-size:18px;padding:8px 16px}.nav-links a:hover{background-color:#555;border-radius:5px}