:root{--color-primario: #ff5733;--color-cuarto: #2e86de;--color-texto: #121212;--color-fondo: #f1f1f1;--color-secundario: #f5cc0e;--color-azul: #3300cc;--color-rojo:#ff0000;--color-verde: #00913d;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}@font-face{font-family:Daydream;src:url(/casitagames-website/assets/Daydream-D8QPZr5t.ttf)}body{margin:0;display:flex;flex-direction:column;text-align:center;min-width:320px;min-height:100vh;background-color:var(--color-fondo);color:var(--color-texto);background-image:url(/casitagames-website/assets/bkg_sky2-Cw2wSjli.png);background-repeat:repeat revert;background-size:cover;background-position:center}.casita-logo,.casita-logo-text{width:10em;height:auto}.casita-logo-navbar{width:4em;height:auto}.img-logo-nav{display:flex;align-items:center}.img-tools{width:50%;border-radius:50px;margin-top:2em}.games-grid{display:flex;flex-direction:column;justify-content:center;gap:2rem}.game-image{width:400px;border-radius:1rem}.ojito-image,.card-image{width:80%;border-radius:1rem}.card-image:hover{transform:translateY(-8px);transition:transform .5s ease-in-out;cursor:pointer;box-shadow:0 0 10px #0003}.game-image:hover{transform:translateY(-4px);transition:transform .3s ease-in-out;cursor:pointer}.game-card{padding:1em}.ojito-galeria{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1rem;align-items:center}.game-store-links{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;gap:1rem}.logos-game{display:flex;flex-direction:row;justify-content:center;gap:1.5rem;align-items:center;font-size:4rem}.casita-logo-navbar:hover,.casita-logo:hover,.casita-logo-text:hover{transform:scale(1.1);transition:transform .3s ease-in-out;cursor:pointer}.content{padding:0 1rem;height:100vh}nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 4rem}.navbar ul{display:flex;justify-content:space-between;color:#fff;list-style:none;gap:1.5rem}.nav-logos{display:flex;align-items:center}.hamburger{display:none;font-size:1.5rem;background:none;border:none;color:var(--color-secundario)}h1{text-align:center;font-size:3.2em;line-height:1.1;font-family:daydream}.title-h2{margin-top:1em;text-align:center;font-size:2em;font-family:daydream}h1:hover,h2:hover{transform:translateY(-4px);transition:transform .5s ease-in-out}a{font-weight:500;color:var(--color-secundario);text-decoration:inherit}a:hover{color:var(--color-primario);transform:translateY(-4px);transition:transform .5s ease-in-out}.footer{padding:3rem;font-size:1rem;display:flex;justify-content:space-between;align-items:center}.logos{color:var(--color-secundario);display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;font-size:1.5rem;list-style:none;padding:0}.logos-contact{display:flex;justify-content:center;gap:1rem;list-style:none;padding:0}.juegos,.noticias,.about{padding:1rem;margin:1.5rem;border-radius:1rem}.games-card{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:1rem;border-radius:1rem}.ojito-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px var(--color-cuarto);border-radius:1rem;width:75%;margin:1em auto;padding:1rem}.game-desc-grid{display:flex;flex-direction:row}.game-about{width:80%;justify-content:left}.game-info{width:20%}.team-galeria{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;justify-content:center;align-items:center;padding:1.5rem;width:85%;margin:auto}.team-card{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;border-radius:1rem;width:300px;margin:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px var(--color-cuarto)}.team-img{width:180px}h4,h2{margin:0}.team-bio{text-align:left;padding:1rem;margin:0}.team-social{display:flex;gap:.5rem;padding:.5em}.carousel{width:75%;margin:auto auto 3em;overflow-x:auto;scroll-behavior:smooth;display:flex;gap:1em;anchor-name:--carousel;scroll-snap-type:x mandatory;scroll-marker-group:after}.carousel::scroll-marker-group{display:flex;justify-content:center;gap:.5em}.carousel-card::scroll-marker{content:"";translate:0 -2em;height:1em;width:1em;background-color:var(--color-secundario);border-radius:50%}.carousel-card::scroll-marker:target-current{background-color:var(--color-primario)}.carousel::-webkit-scrollbar{display:none}.carousel::scroll-button(right),.carousel::scroll-button(left){content:"→";border:none;background-color:var(--color-cuarto);font-family:Consolas,monospace;font-size:2rem;color:#fff;width:50px;height:50px;border-radius:50%;padding-bottom:.1em;cursor:pointer;position:fixed;position-anchor:--carousel;position-area:right center;translate:-120%}.carousel::scroll-button(left){content:"←";position-area:left center;translate:120%}.carousel::scroll-button(right):disabled,.carousel::scroll-button(left):disabled{opacity:.5;cursor:auto}.carousel-card{scroll-snap-align:start;flex:0 0 100%;width:100%;text-align:center;align-content:center;border-radius:.5em}.carousel-card img{width:100%;height:100%}.about{width:75%;margin:auto;display:flex;flex-direction:column;padding:1em;border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px var(--color-cuarto)}button{background-color:var(--color-secundario);border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{color:#f1f1f1;background-color:var(--color-primario)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.games-button{padding:1em 3em;font-size:1.2em;font-weight:500;cursor:pointer;transition:border-color .25s}.contact-layout{max-width:600px;margin:auto;display:flex;flex-direction:column;padding:0 1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;box-shadow:0 4px 15px var(--color-cuarto)}.contact-form{max-width:600px;margin:2rem auto;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;box-shadow:0 4px 15px var(--color-cuarto);display:flex;flex-direction:column;gap:1.2rem}.contact-form label{font-size:.95rem;font-weight:600;color:#333;display:flex;flex-direction:column;text-align:left}.contact-form input,.contact-form textarea,.contact-form select{margin-top:.5rem;padding:.8rem 1rem;border:1px solid #ddd;border-radius:.6rem;font-size:.95rem;transition:all .2s ease-in-out;outline:none;background:#fafafa}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{box-shadow:0 0 0 3px var(--color-secundario);background:#fff}.contact-form textarea{resize:none}.contact-form button{padding:.9rem;font-size:1rem;font-weight:600;border:none;border-radius:.6rem;cursor:pointer;transition:all .25s ease-in-out}.contact-form button:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 15px var(--color-cuarto)}.contact-form button:active{transform:translateY(0);box-shadow:0 3px 8px var(--color-cuarto)}@media (max-width: 768px){.about{width:85%;padding-bottom:2em;gap:1em}.carousel{width:100%;margin-bottom:3em}.content{margin:0;height:100vh}nav{flex-direction:column;font-size:1.2rem;padding:1rem;margin:0;align-items:center}.navbar ul{height:79vh;justify-content:space-evenly;display:none;padding:1.2rem 0;margin:0;flex-direction:column;align-items:center;top:0;left:0;width:100%}.nav-logos{display:flex;align-items:center;justify-content:space-between;width:100%}.nav-links.open{display:flex}.hamburger{display:block}h1{font-size:2rem}.footer{font-size:1rem;flex-direction:column;gap:2rem;padding:3rem}.content-short{margin:0;padding:0}.game-card{padding:1em 0}.img-tools{width:90%;margin:0;padding:0;border-radius:20px}.game-image{width:90%}.ojito-image{width:95%}.card-image,.ojito-section{width:90%}.game-desc-grid{display:flex;flex-direction:column;justify-content:space-around;align-items:center}.game-about,.game-info{width:100%}.games-grid{display:flex;flex-direction:column;justify-content:center}.carousel::scroll-button(right),.carousel::scroll-button(left){display:none}}@media (min-width: 960px){nav{padding:1rem 12rem}.games-grid{flex-direction:row;gap:0}.card-image{width:500px}.about{flex-direction:row;gap:.5em;padding:3em}.about-desc{width:50%}.about-logo{width:50%;gap:.5em;display:flex}.footer{padding:3rem 12rem}}