:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:var(--background-color);color:var(--text-color-1);color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background-color: #F8FAFC;--text-color-1: #0F172A;--text-color-2: #64748B;--header: #c6b1ef;--primary: #7C3AED;--primary-light: #9a74db;--accent: #FF4D6D;--highlight: #FACC15;--border: #E2E8F0;--border-dark: #bbbdc0}*{margin:0;padding:0}main{margin:0 40px;text-align:center}section{margin:40px 0}h1{font-weight:700}h2{font-weight:600}button{color:#fff}.blob{position:fixed;width:500px;height:300px;opacity:.35;z-index:-1}.blob1{top:-100px;left:-100px;background:var(--primary);transform:rotate(20deg)}.blob2{bottom:-120px;right:-100px;background:var(--accent);transform:rotate(-15deg)}.blob3{top:40%;left:-40%;background:var(--highlight);width:400px;height:250px;transform:rotate(5deg)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:#00000008}header{display:flex;justify-content:center;align-items:center;padding:20px 0;gap:10px;border-bottom:1px solid black;width:100%;position:relative}header h2{font-size:25px;font-weight:700}.header-logo{width:40px;height:40px}header nav{background-color:var(--header);position:absolute;top:81px;left:0;z-index:100;display:none;width:100%}header .show{display:block}header .selected{background-color:var(--primary-light)}header nav ul{display:flex;flex-direction:column;list-style:none;width:100%}header nav ul li{width:100%;padding:10px;text-decoration:none;color:var(--text-color-1);transition:background .3s}header nav ul .nav-link{display:flex;align-items:center;gap:5px;background-color:transparent;text-decoration:none;color:var(--text-color-1)}header nav ul li:hover{background-color:var(--primary-light);cursor:pointer}.bars-icon{position:absolute;left:40px;font-size:20px}.bars-icon:hover{cursor:pointer}header .select-lang{background-color:var(--primary-light);padding:10px;border-radius:20px;transition:background-color .3s;border:none;outline:none;position:absolute;right:40px;color:#fff}header .select-lang:hover{background-color:var(--primary);cursor:pointer}main h1{margin:20px 0;font-size:27px}.home-top{text-align:center;position:relative;z-index:1;margin:0}.home-top h3{font-style:italic}.home-top h3:before{content:"";width:100%;height:4px;background-color:var(--highlight);position:absolute;top:11px;left:0;z-index:-1}.search-container{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--border);box-shadow:0 10px 30px #0003;border-radius:10px;padding:20px}.search-top{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.search-top .search-icon{font-size:25px;color:var(--highlight)}#searchForm{display:flex;gap:20px;margin-bottom:20px}#searchForm input{background-color:transparent;border:none;border-bottom:1px solid black;color:var(--text-color-1);transition:all .3s;outline:none;box-shadow:none}#searchForm input:focus{outline:none;padding:15px 0;border-color:var(--primary)}#searchForm button{border:none;background-color:var(--primary-light);padding:10px;transition:background .3s;border-radius:20px}#searchForm button:hover{cursor:pointer;background-color:var(--primary);opacity:1}.events-container{display:none;flex-direction:column;gap:20px;margin-top:40px;text-align:center}.show{display:flex}.search-failed{background-color:var(--border-dark);padding:20px}.search-loading{background-color:var(--border);padding:20px;display:flex;gap:20px;justify-content:center;align-items:center;font-size:20px}.event{display:flex;flex-direction:column;background-color:var(--background-color);padding:10px;gap:20px;border-radius:5px;box-shadow:0 10px 30px #0003;transition:background-color .3s;text-decoration:none;color:var(--text-color-1);height:200px}.event:hover{cursor:pointer;background-color:var(--border)}.event-body{display:flex;justify-content:space-between}.event-body ul{left:0;list-style:none;display:flex;flex-direction:column;align-items:start;justify-content:center}.event-body ul li{color:var(--primary-light);color:var(--text-color-1)}.event img{height:100px}.upcoming .section-top{border-bottom:4px solid var(--primary-light);padding:0 0 10px}.upcoming .section-top h2{font-size:20px}.section-top{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:50px}.select-province select{background-color:var(--primary-light);transition:background-color .3s;border-radius:50px;color:#fff;padding:10px;font-size:16px;border:none;outline:none}.select-province select:hover{background-color:var(--primary);cursor:pointer}.upcoming .fire-icon{color:#ff6a00;font-size:16px}.event-page h1{font-size:25px}.event-page-top{display:flex;flex-direction:column;align-items:center}.event-page .event-page-top img{width:100%;margin-bottom:20px;max-width:600px;object-fit:cover}.event-page-top button{background-color:var(--primary-light);border:none;padding:20px 0;width:100%;max-width:540px;transition:.3s;font-weight:700;color:#fff}.event-page-top button:hover{background-color:var(--primary);cursor:pointer}.event-page section h2{margin-bottom:20px}.event-page .event-page-info{display:flex;flex-direction:column;align-items:center;background-color:var(--border);padding:20px 0}.event-page .event-page-info ul{text-align:left;display:flex;flex-direction:column;gap:5px;width:80%;max-width:400px}.event-page .event-page-description{display:flex;flex-direction:column;background-color:var(--border);padding:20px 0}.event-page .event-page-description .description-content{display:flex;flex-direction:column;align-items:center;gap:10px}.event-page .event-page-description .description-content p{width:100%;margin-bottom:20px}.event-page .event-page-description .description-content ul{width:80%;max-width:400px;text-align:left;display:flex;justify-content:start}footer{width:100%;padding:40px 0;background:var(--border);margin-top:40px}footer{margin:auto}footer .logo{text-align:center}footer .logo img{width:100px}footer .contact{display:flex;justify-content:center}footer .contact .icon-contact{margin:20px;font-size:25px;padding:10px;display:flex;justify-content:center;align-items:center;border-radius:100%;color:#a2a2a2;transition:all .3s;background-color:#efefef}footer .contact .instagram-icon:hover{background:linear-gradient(to top right,#fcde30,#e9712a,#d2313b,#ae4198,#7540a1,#5443a8);color:#fff}footer .contact .mail-icon:hover{background:#42579a;color:#fff}footer hr{margin-top:20px;border:none;height:2px;background:silver}footer h3{margin-top:20px;text-align:center;color:#8e8e8e;font-weight:500}@media(min-width:600px){.event-page{display:flex;flex-direction:column;align-items:center}.event-page-info,.event-page-description{margin-top:0;width:540px}}@media(min-width:960px){.bars-icon{display:none}header nav{background-color:transparent;display:block;position:absolute;top:auto;left:auto;right:250px;z-index:100;width:fit-content}header nav ul{display:flex;flex-direction:row;list-style:none;width:100%;gap:20px}header nav ul li{padding:0}header .selected{background-color:transparent;border-bottom:3px solid var(--highlight)}header nav ul li{padding:5px}header nav ul li:hover{background-color:transparent;cursor:pointer}.events-container{flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center}.event{width:400px}}
