@layer components{.carousel-arrow{--size: var(--arrow-size, 48px);flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--size);height:var(--size);border:none;border-radius:50%;background-color:var(--color-white);box-shadow:var(--theme-shadow, var(--shadow-0));color:var(--color-dark-text, #222);font-size:1.25rem;line-height:1;cursor:pointer;padding:0;transition:opacity var(--transition-slow);&:hover{opacity:.7}}@media(max-width:768px){.carousel-arrow{width:40px;height:40px;font-size:1rem}}}@keyframes carousel-fade-slide-out{to{opacity:0;transform:translate(-60px)}}@keyframes carousel-fade-slide-in{0%{opacity:0;transform:translate(60px)}}@layer components{.carousel-indicators{display:flex;justify-content:center;gap:0;margin-top:var(--spacing-3);background-color:var(--color-white);border-radius:999px;box-shadow:var(--theme-shadow, var(--shadow-0));padding:var(--spacing-2);width:fit-content;margin-inline:auto}.carousel-dot{width:10px;height:10px;border:none;border-radius:50%;background-color:color-mix(in srgb,var(--color-dark-text) 25%,transparent);padding:0;cursor:pointer;transition:background-color var(--transition-slow);+&{margin-left:var(--spacing-2)}&.active{background-color:var(--color-dark-text)}}}@layer components{.alert-carousel{--arrow-size: 48px;--gap: var(--spacing-3);display:flex;align-items:center;gap:var(--gap);margin-inline:calc(-1 * var(--arrow-size) - var(--gap))}.alert-pagination{display:flex;align-items:center;justify-content:space-evenly;gap:var(--spacing-3);margin-top:var(--spacing-3);.carousel-indicators{margin-top:0;margin-inline:0}}@media(min-width:769px){.alert-pagination .carousel-arrow{display:none}}@media(max-width:768px){.alert-carousel{margin-inline:0;.carousel-arrow{display:none}}}.alert-card{flex:1;min-width:0;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;gap:var(--spacing-2) var(--spacing-6);align-items:center;text-decoration:none;transition:box-shadow var(--transition-slow);box-shadow:var(--shadow-light);view-transition-name:alert-card;&:hover{box-shadow:var(--shadow-strong);.alert-link{text-decoration:underline}}.alert-icon{grid-row:1 / 4;grid-column:1;svg{width:64px;height:64px}}.alert-title{grid-row:1;grid-column:2 / 4;color:var(--color-error);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.alert-description{grid-row:2;grid-column:2 / 4;line-height:var(--line-height-normal);min-height:calc(2 * var(--line-height-normal) * 1em);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.alert-meta{grid-row:3;grid-column:2}.alert-action{grid-row:3;grid-column:3;align-self:end;.alert-link{color:var(--color-error);white-space:nowrap}}@media(max-width:768px){grid-template-columns:auto 1fr;gap:var(--spacing-2) var(--spacing-4);padding:var(--spacing-5);.alert-icon{grid-row:1;grid-column:1;svg{width:40px;height:40px}}.alert-title{grid-row:1;grid-column:2}.alert-description{grid-row:2;grid-column:1 / -1}.alert-meta{grid-row:3;grid-column:1 / -1}.alert-action{grid-row:4;grid-column:1 / -1}}}}::view-transition-old(alert-card){animation:.3s ease-in-out both carousel-fade-slide-out}::view-transition-new(alert-card){animation:.3s ease-in-out .3s both carousel-fade-slide-in}@layer components{.snackbar{position:fixed;bottom:var(--spacing-6);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-6);border-radius:var(--radius-light);box-shadow:var(--shadow-strong);z-index:var(--z-popover);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);transition:opacity var(--transition-slow),transform var(--transition-slow);max-width:calc(100% - var(--spacing-8))}.snackbar.success{background-color:var(--color-success);color:var(--text-color-over-success)}.snackbar.error{background-color:var(--color-error);color:var(--text-color-over-error)}.snackbar-visible{opacity:1;transform:translate(-50%) translateY(0)}.snackbar-hidden{opacity:0;transform:translate(-50%) translateY(var(--spacing-4));pointer-events:none}.snackbar-close{background:none;border:none;color:inherit;font-size:var(--font-size-h4);cursor:pointer;padding:0;line-height:1;opacity:.8}.snackbar-close:hover{opacity:1}}@layer components{.contact{padding-block:var(--spacing-16);padding-inline:var(--spacing-6);.contact-form{display:flex;flex-direction:column;gap:var(--spacing-6);max-width:700px;margin-inline:auto;margin-top:var(--spacing-8);.file-input-button{border-color:transparent;svg{color:var(--color-secondary)}}}.contact-file-input{margin:0 auto}.contact-toggle{display:flex;justify-content:center;.switch-input{padding:var(--spacing-4) var(--spacing-6);background-color:var(--color-white)}}.contact-submit{display:flex;justify-content:center}}}@layer components{.events{display:flex;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-8)}.events-homepage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-6);.link{height:100%}.event{.title{color:var(--primary-color);font-family:var(--font-family);height:1lh;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.description{font-family:var(--font-family);height:2lh;-webkit-line-clamp:2;line-clamp:2}.address{height:1lh;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(max-width:768px){grid-template-columns:minmax(0,1fr);.event{.title{height:auto;-webkit-line-clamp:2;line-clamp:2;white-space:normal}.description{height:auto;-webkit-line-clamp:3;line-clamp:3}.address{height:auto}}}}.events-dates{display:flex;align-items:center;.events-date{font-weight:var(--font-weight-normal);font-size:var(--font-size-normal-text);color:var(--color-dark-text);font-family:var(--font-family)}i{margin-right:var(--spacing-2);color:var(--primary-color)}}.link{text-decoration:none;color:inherit;display:block;cursor:pointer;transition:transform var(--transition-fast);&:hover{transform:translateY(-2px)}}.events-footer{display:flex;justify-content:center;padding-top:var(--spacing-2)}}@layer components{.free-space{.free-space-card{display:flex;align-items:flex-start;gap:var(--spacing-8);margin-top:var(--spacing-6);padding:var(--spacing-8) var(--spacing-10);background-color:var(--color-white);box-shadow:var(--shadow-light)}.free-space-icon{--icon-width: 7.75rem;--icon-padding: 2rem;flex-shrink:0;align-self:center;width:calc(2 * var(--icon-padding) + var(--icon-width));height:calc(2 * var(--icon-padding) + var(--icon-width));padding:var(--icon-padding);background-color:var(--color-primary);mask-image:var(--icon-url);-webkit-mask-image:var(--icon-url);mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-origin:content-box;-webkit-mask-origin:content-box}.free-space-content{flex:1;min-width:0;line-height:var(--line-height-normal);white-space:pre-line}@media(max-width:768px){padding-block:var(--spacing-10);.free-space-card{gap:var(--spacing-6);padding:var(--spacing-6)}.free-space-icon{--icon-width: 48px;--icon-padding: 0}}}}@layer components{.national-initiative{display:flex;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-8);.list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6);a:hover{color:inherit}.item{display:flex;flex-direction:column;padding:20px 24px;gap:var(--spacing-10);.content{display:flex;align-items:center;margin-top:auto;gap:1rem;i{font-size:40px;color:var(--color-primary)}.title{display:flex;font-weight:var(--font-weight-semibold);font-size:var(--font-size-h4);font-family:var(--font-menu),sans-serif;line-height:100%}}}}.actions{display:flex;justify-content:center;padding-top:var(--spacing-2);button{background-color:var(--color-primary);color:#fff;border-radius:var(--theme-radius);box-shadow:var(--theme-shadow);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold)}}@media(max-width:768px){.list{grid-template-columns:1fr}}}}@layer components{.news{display:flex;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-8);.title{align-self:center;font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-dark-text)}.card{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-8)}.carousel{display:flex;gap:var(--spacing-4)}.body{flex:1;display:flex;flex-direction:column;gap:var(--spacing-6)}.meta{display:flex;align-items:center;gap:var(--spacing-4);color:var(--color-gray-500)}.share-btn{display:inline-flex;align-items:center;gap:var(--spacing-1);background:none;border:none;color:var(--color-primary);font-size:var(--font-size-normal-text);font-weight:var(--font-weight-medium);cursor:pointer;padding:0;&:hover{text-decoration:underline}}.description{flex:1;line-height:var(--line-height-normal);color:var(--color-gray-700)}.image{flex-shrink:0;width:250px;height:180px;overflow:hidden;cursor:pointer;border:0;img{width:100%;height:100%;object-fit:cover}}.footer{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.pagination{display:flex;align-items:center;gap:var(--spacing-6);.arrow{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-primary);cursor:pointer;padding:var(--spacing-1);&:hover{opacity:.7}}.counter{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);font-family:var(--font-menu);color:var(--color-dark-text)}}@media(max-width:768px){.carousel{flex-direction:column-reverse}.image{width:100%}}}}