*{margin:0 auto;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--color-bg: #ffffff;--color-text: #000000;--linea: rgb(7, 7, 7);--menu-boton: #000000;--hover-color: #00008B;--hover-boton-menu: rgb(0, 0, 0);--darkmode-boton: rgb(0, 0, 0);--sublink-color: #070707;--banner: linear-gradient(45deg, #0572df, #ffffff, #e9fa03);--button-color: linear-gradient(135deg, #d2e4f8, #0572df);--hover-color-buton: linear-gradient(135deg, #0572df, #d2e4f8);--modal-buton: #000000;--modal-buton-text: #ffffff}body.dark-mode{--color-bg: #181616;--color-text: #ffffff;--linea: rgb(255, 255, 255);--menu-boton: #fcfcfc;--hover-color: rgb(238, 255, 5);--hover-boton-menu: rgb(255, 255, 255);--darkmode-boton: rgb(255, 254, 254);--sublink-color: #ffffff;--banner: linear-gradient(45deg, #e9fa03, #fafafa, #0572df);--button-color: linear-gradient(135deg, #0a0a0a, #e4fd03);--hover-color-buton: linear-gradient(135deg, #e4fd03, #0a0a0a);--modal-buton: #ffffff;--modal-buton-text: #000000 }body{background:var(--color-bg);color:var(--color-text);transition:background .3s ease,color .3s ease}.header-z{height:7vh;background-color:transform;background-image:radial-gradient(at 0% 50%,var(--linea) 0,transparent 10%),radial-gradient(at 100% 50%,var(--linea) 0,transparent 10%);flex-direction:row;width:100%;top:0%;left:0%;margin:0 auto;display:grid;bottom:0;position:fixed;z-index:10;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}.footer-z{position:fixed;width:100%;height:5vh;left:0;bottom:0;margin:0 auto;z-index:100;text-align:center;background-color:transform;background-image:radial-gradient(at 0% 50%,var(--linea) 0,transparent 10%),radial-gradient(at 100% 50%,var(--linea) 0,transparent 10%)}.responsive{width:100%;height:100%;background-color:transparent;max-width:fit-content;top:0%;text-align:center;position:absolute;z-index:50;pointer-events:none}.titulo{margin-top:70vh;left:0%;margin-left:45vw;text-align:center;font-size:xx-large}.banner-1{position:fixed;top:0%;margin-top:15vh;left:-200px;margin-left:15vw;z-index:10;font-size:4vw;font-weight:700;font-style:italic;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);opacity:0;animation:slideIn 1.5s ease-out forwards,colorChange 10s linear infinite alternate;display:inline-block;text-align:center;white-space:normal;word-wrap:break-word;max-width:90%}@keyframes slideIn{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}.banner{width:100%;height:310px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-size:2rem;font-weight:700;background:var(--banner);background-size:300% 300%;animation:gradientShift 10s infinite ease-in-out;margin-top:8vh;border-radius:0;position:fixed;z-index:10}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 768px){.banner{height:200px;font-size:1.5rem}}@media (max-width: 480px){.banner{height:150px;font-size:1.2rem}}.buttonn-container{display:flex;justify-content:center;align-items:center;gap:0;position:relative;padding-top:50vh;z-index:0}.modern-button{padding:12px 24px;font-size:16px;font-weight:700;color:var(--color-text);background:var(--button-color);border:none;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 4px 10px #0003;flex:1;text-align:center;border-radius:0}.modern-button:first-child{border-top-left-radius:25px;border-bottom-left-radius:25px;clip-path:polygon(45% 0%,100% 0%,100% 100%,0% 100%)}.modern-button:last-child{border-top-right-radius:25px;border-bottom-right-radius:25px;clip-path:polygon(0% 0%,100% 0%,50% 100%,0% 100%)}.modern-button:hover{transform:scale(1.05);background:var(--hover-color-buton)}.modern-button:active{transform:scale(.95)}.modal-overlay{top:0;left:0;width:100%;height:87%;background-color:#03030380;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;position:fixed;z-index:9999;margin-top:8vh}.modal{background-color:var(--color-bg);padding:20px;border-radius:10px;box-shadow:0 4px 6px #0000001a;max-width:400px;width:100%;text-align:center;margin-top:-5vh}.modal h2{margin-bottom:10px;color:var(--color-text)}.modal button{padding:10px 20px;background-color:var(--modal-buton);color:var(--modal-buton-text);border:none;border-radius:5px;cursor:pointer;font-size:16px;margin-top:10px}.modal button:hover{background-color:var(--hover-color)}.darkbuton{position:fixed;top:0%;right:15%;margin-top:2vh;background-color:transparent;border:none;cursor:pointer;z-index:60}.icon-sun,.icon-moon{width:20px;height:20px}.icon-sun,.icon-sun:hover,.icon-moon,.icon-moon:hover{color:var(--darkmode-boton)}@media (min-width: 0px) and (max-width: 500px){.darkbuton{margin-top:1.5vh}}.titulo-1{position:fixed;top:0;margin-top:1vh;left:15vw;z-index:100;font-size:20px;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);opacity:0;transform:translateY(-20px);animation:appear 1s ease-out forwards,colorChange 10s linear infinite alternate;display:inline-block}@keyframes appear{0%{opacity:0;transform:translateY(-1px)}to{opacity:1;transform:translateY(0)}}@keyframes colorChange{0%{color:#fff}50%{color:#000}to{color:#fff}}.slide-down{top:0%;opacity:1}.fade-out{opacity:0;transition:opacity 10s ease-in-out}@media (min-width: 0px) and (max-width: 500px){.titulo-1{left:27vw;margin-top:1vh;z-index:1000}}.boton-menu{position:fixed;z-index:110;margin-top:2%;top:0%;left:15%;width:30px;height:30px;align-items:flex-start;flex-direction:column;display:inline-block}button.menu-icon svg{position:fixed;z-index:110;width:20px;height:20px;top:1.5vh}.menu-icon{transition:transform .3s ease;background-color:transparent;border:none;cursor:pointer;color:var(--menu-boton)}.menu-icon:hover{color:var(--hover-boton-menu)}.boton-menu.expanded{background-color:transparent}.list{list-style-type:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-start}.menu-item{position:relative;padding:10px 15px}.menu-item a{color:var(--color-text);text-decoration:none;display:block;transition:color .3s ease}.menu-item a:hover{color:var(--hover-color)}.menu-item a.active{background-color:var(--background-color);color:var(--hover-color)}.sub-menu{list-style-type:none;padding:0;margin:0;display:none;position:absolute;left:100%;top:0;background-color:var(--color-bg);box-shadow:0 8px 16px #0003;opacity:95%}.menu-item:hover .sub-menu{display:block}.sub-menu-item{padding:10px 15px}.sub-menu-item a{color:var(--sublink-color);text-decoration:none;display:block;transition:color .3s ease}.sub-menu-item a:hover{color:var(--hover-color)}.sub-menu-item a.active{background-color:var(--primary-color);color:var(--hover-color)}.pending{opacity:.5}@media screen and (min-width: 501px) and (min-width: 768px){.menu-icon{display:none}nav{position:fixed;top:0;left:0%;transform:translate(-50%);width:100%;background-color:var(--menu-background);display:flex;justify-content:center;align-items:center;margin-top:0%;height:5vh;z-index:1000}.list{flex-direction:row;justify-content:center;align-items:center;padding:10px 15px;margin-left:35vw;margin-top:-2vw}.menu-item{padding:10px 20px;white-space:nowrap}.menu-item:hover .sub-menu{top:100%;left:0}.sub-menu-item{padding:10px 20px}}