#modeSwitch{padding:16px;text-align:center}#modeSwitch button{padding:16px 24px;font-family:Roboto,sans-serif;font-size:18px;margin:0 4px;border:none;cursor:pointer;border-radius:6px;background:#141414;color:#fff;transition:background .2s,transform .3s ease,box-shadow .3s ease;&:hover{background:#333;transform:translateY(-3px);box-shadow:0 12px 24px #2c2c2cdb}}#modeSwitch .active-switch{background:#c70060;&:hover{background-color:#e6006b;box-shadow:0 12px 24px #ff007a80}}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:12px;justify-items:center;margin-bottom:25px}#videoContainer{margin-bottom:25px}@media (max-width: 860px){.gallery{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.gallery{grid-template-columns:repeat(2,1fr)}}.gallery img,Image{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:15px;cursor:pointer;&:hover:not(.slider-wrapper .slider img){filter:brightness(1);transform:scale(1.02)}}.gallery img:not(.slider-wrapper .slider img){filter:brightness(.7);transition:all .25s ease-in-out}.slider-wrapper{grid-column:span 2;grid-row:span 2;aspect-ratio:8 / 6;width:100%;position:relative;border-radius:15px;overflow:hidden}.slider{position:relative;width:100%;height:100%;cursor:pointer}.slider img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease;border-radius:8px;pointer-events:none}.slider img.active{opacity:1;z-index:1;pointer-events:auto}.close{position:absolute;top:10px;right:10px;background:#000000b3;border:none;color:#fff;font-size:40px;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;&:hover{color:#ff007a}}.arrow{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;font-size:24px;cursor:pointer;z-index:1;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out}.arrow:hover{color:#ff007a;background-color:#000000be}.arrow.left{left:15px;&:hover{translate:-3px}}.arrow.right{right:15px;&:hover{translate:3px}}.expand{z-index:10;position:absolute;bottom:10px;right:10px;background:#000000b3;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out;&:hover{transform:scale(1.1);background:#ff007a}}.expand:before{content:"⛶";font-size:20px;color:#fff}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;display:none;flex-direction:column;justify-content:center;align-items:center;background:#000000f2;z-index:2500;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal img{max-width:80vw;max-height:60vh;object-fit:contain;border-radius:8px}.thumbs{display:flex;overflow-x:auto;margin-top:10px;max-width:90vw;padding-bottom:10px}.thumbs img{width:60px;aspect-ratio:4 / 3;margin-right:8px;cursor:pointer;opacity:.6;border-radius:6px}.thumbs img.active{border:2px solid white;opacity:1}.custom-select{position:relative;font-size:1rem;user-select:none;text-align:center;margin:0}.filtro-contenedor{display:flex;justify-content:center;align-items:center;gap:1rem;margin:2rem auto;flex-wrap:wrap}.clear-btn{display:inline-block;padding:.4rem .9rem;border:none;border-radius:1.2rem;background-color:#c70060;color:#fff;font-size:1rem;cursor:pointer;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease,transform .3s ease;box-shadow:0 5px 10px #00000080}.clear-btn:hover{background-color:#e6006b;box-shadow:0 12px 24px #ff007a80}.custom-select{position:relative;width:auto}.select-header{padding:.5rem 1rem;border-radius:1.2rem;background-color:#141414;color:#dedede;cursor:pointer;width:max-content;box-shadow:0 5px 10px #00000080;transition:background-color .3s,color .3s,box-shadow .3s;&:hover{background-color:#333;color:#fff;box-shadow:0 12px 24px #2c2c2cdb}}.select-header.active{color:#ff007a}.select-options{position:absolute;top:110%;left:0;right:0;margin:auto;background-color:#1a1a1a;border-radius:1rem;padding:.5rem;box-shadow:0 8px 15px #0006;display:flex;flex-direction:column;gap:.25rem;max-height:200px;overflow-y:auto;z-index:20;min-width:100%;width:max-content;max-width:90vw}.select-options.hidden{display:none}.select-option{padding:.4rem .8rem;border-radius:.75rem;background-color:#141414;color:#dedede;transition:background-color .2s,color .2s;cursor:pointer}.select-option:hover{background-color:#333}.select-option.active{background-color:#ff007a;color:#fff}lite-youtube{border-radius:15px}