:root{--color-bg:transparent;--color-bg-elevated:#13151f;--color-bg-overlay:#090a0f80;--color-text:#f5f6fa;--color-text-muted:#8a8f9f;--color-accent:#d4af37;--color-accent-alt:#aa842a;--color-accent-contrast:#090a0f;--color-border:#d4af3740;--font-headline:"Cinzel", "Playfair Display", serif;--font-body:"Inter", system-ui, sans-serif;--fs-hero:clamp(2.75rem, 6vw, 5.5rem);--fs-h2:clamp(1.75rem, 3.5vw, 2.75rem);--fs-body:1.0625rem;--fs-small:.875rem;--lh-tight:1.1;--lh-body:1.6;--space-xs:.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--space-xl:8rem;--content-max-width:1280px;--content-gutter:10px;--radius-sm:6px;--radius-md:14px;--transition-base:.2s ease;--shadow-glow-accent:0 0 24px #d4af374d}@font-face{font-family:Cinzel;src:url(/fonts/Cinzel-Variable.woff2)format("woff2");font-weight:400 900;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--header-h:clamp(72px, 10dvh, 100px);--footer-h:52px;--focus-ring:#00e5c7;--canvas:#090a0f}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable;background-color:var(--canvas)}body{min-height:100dvh;color:var(--color-text);font-family:var(--font-body);line-height:var(--lh-body);flex-direction:column;margin:0;display:flex}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-headline)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}a{color:var(--color-text);transition:color var(--transition-base);text-decoration:none}a:hover,a:focus{color:var(--color-accent)}a:focus-visible,button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body.modal-open{overflow:hidden}#browser-warning{color:#090a0f;text-align:center;padding:var(--space-xs) var(--space-sm);font-size:var(--fs-small);z-index:60;background-color:#fff200;font-weight:600;display:none;position:relative}@supports not selector(:has(*)){#browser-warning{display:block}}.bg-container{z-index:-2;position:fixed;inset:0;overflow:hidden}.bg-media{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.bg-media.is-loaded{opacity:1}.bg-overlay{background:var(--color-bg-overlay);z-index:-1;position:fixed;inset:0}#site-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);background:#090a0fc7}@media (height>=760px) and (width>=700px){#site-header{z-index:20;position:sticky;top:0}}.header-inner{max-width:var(--content-max-width);height:var(--header-h);padding-inline:clamp(12px, 2.4vw, var(--space-md));align-items:center;gap:clamp(10px, 2vw, var(--space-md));grid-template-columns:auto minmax(0,1fr) auto;margin-inline:auto;display:grid}.header-orden img,.header-logo img{height:calc(var(--header-h) - 2 * clamp(10px, 1.6dvh, 16px));width:auto;display:block}.header-orden img{aspect-ratio:1}.header-logo img{aspect-ratio:3/4;object-fit:contain}.header-motto{text-align:center;color:var(--color-accent);letter-spacing:.03em;text-wrap:balance;font-size:clamp(1.05rem,.7rem + 1.9vw,2.25rem);font-weight:700;line-height:1.12}#site-footer{min-height:var(--footer-h);border-top:1px solid var(--color-border);font-size:var(--fs-small);color:var(--color-text-muted);background:#090a0fc7;margin-top:auto}.footer-inner{max-width:var(--content-max-width);min-height:var(--footer-h);padding:8px clamp(12px, 2.4vw, var(--space-md));justify-content:space-between;align-items:center;gap:4px var(--space-md);flex-wrap:wrap;margin-inline:auto;display:flex}.footer-nav{gap:4px var(--space-md);flex-wrap:wrap;display:flex}@media (width<=700px){.footer-inner{flex-direction:column-reverse;align-items:flex-start}}#app-main{--gap:clamp(10px, 1.2vw, 16px);--row-h:clamp(130px, calc((100dvh - var(--header-h) - var(--footer-h) - 5 * var(--gap) - 2px) / 3), 300px);--tile-title:clamp(1rem, .8rem + .45vw, 1.35rem);--tile-desc:clamp(.78rem, .72rem + .2vw, .92rem);width:100%;max-width:var(--content-max-width);padding:calc(var(--gap) * 1.5) clamp(10px, 2vw, 16px);margin-inline:auto}.home-grid{gap:var(--gap);display:grid}.kachel-nav{display:contents}@media (width>=1000px) and (aspect-ratio>=5/4){.home-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:var(--row-h)}.hero{grid-area:1/1/3/4}}@media (width<=999px),(aspect-ratio<=5/4){.home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{aspect-ratio:16/9;grid-column:1/-1;width:100%;max-height:max(260px,62dvh)}.tile{aspect-ratio:4/3;height:auto}}@media (width<=640px){.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{aspect-ratio:5/4}.tile{aspect-ratio:1}#app-main{--tile-pad:.7rem .75rem;--tile-title:1rem;--tile-desc:.78rem}}@media (width<=359px){.home-grid{grid-template-columns:1fr}.tile{aspect-ratio:16/9}}.hero{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#0c0d14;position:relative;overflow:hidden}.hero-slide{opacity:0;transition:opacity .8s;position:absolute;inset:0}.hero-slide.is-active{opacity:1}.hero-slide.is-poster:before{content:"";background:var(--img) center / cover no-repeat;filter:blur(24px)brightness(.6)saturate(1.2);position:absolute;inset:-24px}.hero-slide:not(.is-poster):after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#090a0f00,#090a0fd9);height:45%;position:absolute;inset:auto 0 0}.hero-slide picture{display:contents}.hero-slide img{object-fit:cover;object-position:var(--pos,50% 50%);opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.hero-slide img.is-loaded{opacity:1}.hero-slide.is-poster img{object-fit:contain}.hero-caption{z-index:3;color:#fff;text-shadow:0 2px 14px #000000bf;padding:clamp(14px,2vw,28px);font-size:clamp(1.4rem,.9rem + 1.8vw,2.6rem);font-weight:700;line-height:1.08;position:absolute;bottom:0;left:0;right:0}.hero-slide.is-poster .hero-caption{clip:rect(0, 0, 0, 0);width:1px;height:1px;padding:0;overflow:hidden}.hero-pause{z-index:4;border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-accent);cursor:pointer;background:#090a0f99;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:10px;right:10px}.hero-pause:hover{border-color:var(--color-accent)}.tile{isolation:isolate;height:100%;color:var(--color-text);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:border-color .2s,box-shadow .2s;display:block;position:relative;overflow:hidden}.tile img{z-index:-2;object-fit:cover;object-position:var(--pos,50% 50%);width:100%;height:100%;transform:scale(var(--zoom,1));transform-origin:var(--pos,50% 50%);filter:saturate(.8)brightness(.92);opacity:0;transition:opacity .4s,filter .35s,transform .5s;position:absolute;inset:0}.tile img.is-loaded{opacity:1}@media (hover:hover){.tile img{filter:grayscale(.9)brightness(.85)contrast(1.05)}}.tile:hover img,.tile:focus-visible img,.tile:active img{filter:none;transform:scale(calc(var(--zoom,1) * 1.05))}.tile:after{content:"";z-index:-1;background:linear-gradient(#090a0f00 28%,#090a0f99 60%,#090a0ff0 100%);position:absolute;inset:0}.tile:before{content:"";background:var(--color-accent);width:0;height:3px;transition:width .3s;position:absolute;bottom:0;left:0}.tile:hover:before,.tile:focus-visible:before{width:100%}.tile:hover,.tile:focus-visible{border-color:var(--color-accent);box-shadow:var(--shadow-glow-accent)}.tile:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.tile-text{padding:var(--tile-pad,.9rem 1rem);position:absolute;bottom:0;left:0;right:0}.tile-title{font-weight:700;font-size:var(--tile-title,1.15rem);color:#fff;text-shadow:0 1px 8px #000c;line-height:1.15}.tile-desc{font-size:var(--tile-desc,.85rem);color:#e8eaf1;text-shadow:0 1px 6px #000c;margin-top:.2rem;line-height:1.3}@media (prefers-reduced-motion:reduce){.tile:hover img,.tile:focus-visible img,.tile:active img{transform:scale(var(--zoom,1))}}.content-modal{--modal-w:.85;width:min(calc(var(--content-max-width) * var(--modal-w)), calc(100vw * var(--modal-w)));max-width:calc(100vw - 2 * var(--content-gutter));height:var(--modal-h,fit-content);max-height:min(88dvh, calc(100dvh - 2 * var(--space-sm)));color:var(--color-text);background-color:color-mix(in srgb, var(--color-bg-elevated) 85%, transparent);border:1px solid var(--color-accent);border-radius:var(--radius-md);opacity:0;transition:opacity var(--transition-base), transform var(--transition-base), width var(--transition-base);margin:auto;padding:0;inset:0;overflow:hidden;transform:scale(.94)}.content-modal[open]{flex-direction:column;display:flex}.content-modal.is-open{opacity:1;transform:scale(1)}.content-modal::backdrop{background-color:var(--color-bg-overlay,#090a0f80);opacity:0;transition:opacity var(--transition-base)}.content-modal.is-open::backdrop{opacity:1}.modal-body{min-height:0;padding:var(--space-lg);flex:auto;transition:opacity .15s;overflow-y:auto}.modal-body:focus{outline:none}.modal-body.is-switching{opacity:0}@media (width<=640px){.modal-body{padding:var(--space-md) var(--space-sm);padding-top:var(--space-lg)}}@media (prefers-reduced-motion:reduce){.content-modal,.content-modal::backdrop,.modal-body{transition:none}.content-modal{transform:none}}.modal-close{top:var(--space-sm);right:var(--space-sm);z-index:1;border:1px solid var(--color-border);background:var(--color-bg-elevated);width:44px;height:44px;color:var(--color-accent);cursor:pointer;border-radius:50%;font-size:1.5rem;position:absolute}.content{line-height:var(--lh-body)}.content h1,.content h2{margin:2.5rem 0 var(--space-sm);padding-right:var(--space-md);font-size:var(--fs-h2);line-height:var(--lh-tight);color:var(--color-accent)}.content>:first-child,.content h1:first-child{margin-top:0}.content h1{font-size:clamp(2rem,4.5vw,3.25rem)}.content h3,.content h4{margin:var(--space-md) 0 var(--space-xs);color:var(--color-accent);font-size:1.25rem;line-height:1.25}.content h4{color:var(--color-text);font-size:1.05rem}.content h2+h3,.content h3:first-child{margin-top:0}.content p,.content ul,.content ol,.content address,.content table,.content blockquote,.content figure{margin:0 0 var(--space-sm)}.content ul,.content ol{padding-left:1.5em}.content li+li{margin-top:.35em}.content li>ul,.content li>ol{margin:.35em 0 0}.content address{font-style:normal}.content a{color:var(--color-accent);text-underline-offset:.15em;text-decoration:underline}.content a:hover,.content a:focus{color:var(--color-text)}.content img{border-radius:var(--radius-sm);max-width:100%;height:auto;display:block}.content table{border-collapse:collapse;width:100%}.content th,.content td{text-align:left;vertical-align:top;border-bottom:1px solid var(--color-border);padding:.5em .75em}.content th{color:var(--color-accent);font-weight:600}.content blockquote{padding-left:var(--space-sm);border-left:3px solid var(--color-accent);color:var(--color-text-muted)}.content hr{margin:var(--space-md) 0;border:0;border-top:1px solid var(--color-border)}.content code,.content kbd{overflow-wrap:anywhere;border-radius:var(--radius-sm);background:#ffffff14;padding:.1em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.content mark{color:var(--color-accent-contrast);background:var(--color-accent);border-radius:3px;padding:0 .2em}.content small{color:var(--color-text-muted)}.content figure{max-width:100%}.content figcaption{font-size:var(--fs-small);color:var(--color-text-muted);margin-top:.4em}.content caption{text-align:left;font-size:var(--fs-small);color:var(--color-text-muted);padding-bottom:.5em}.content .table-wrap{margin:0 0 var(--space-sm);overflow-x:auto}.content .table-wrap table{min-width:28rem;margin:0}.content .lead{color:var(--color-text);font-size:1.2rem}.content .box{margin:0 0 var(--space-sm);padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#ffffff0a;border-left-width:4px}.content .box>:last-child{margin-bottom:0}.content .box-info{border-left-color:#5aa9e6}.content .box-note{border-left-color:var(--color-accent)}.content .box-warning{border-left-color:#e05d5d}.content .btn{color:var(--color-accent-contrast);background:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--radius-sm);transition:background-color var(--transition-base), color var(--transition-base);padding:.6em 1.3em;font-weight:600;text-decoration:none;display:inline-block}.content .btn:hover,.content .btn:focus{color:var(--color-accent-contrast);background:var(--color-accent-alt);border-color:var(--color-accent-alt)}.content .btn-outline{color:var(--color-accent);background:0 0}.content .btn-outline:hover,.content .btn-outline:focus{color:var(--color-accent-contrast)}.content .btn-row{gap:var(--space-xs);margin:0 0 var(--space-sm);flex-wrap:wrap;display:flex}.content .contact-grid{gap:var(--space-md);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;display:grid}@media (width<=800px){.content .contact-grid{grid-template-columns:minmax(0,1fr)}}.content .contact-form{gap:var(--space-sm);display:grid}.content .form-row{gap:.35em;display:grid}.content .form-row label{color:var(--color-accent);font-weight:600}.content .contact-form input,.content .contact-form select,.content .contact-form textarea{width:100%;font:inherit;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#ffffff0f;padding:.65em .8em}.content .contact-form select option{color:#000}.content .contact-form textarea{resize:vertical;min-height:8rem}.content .contact-form input:focus,.content .contact-form select:focus,.content .contact-form textarea:focus{outline:2px solid var(--color-accent);outline-offset:1px}.content .contact-form .form-hint{margin:0}.content .contact-form .btn{cursor:pointer;justify-self:start}.content .map-figure a{display:block}.content .map-figure img{border:1px solid var(--color-border);width:100%}.content .form-hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.content .form-status{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:#ffffff0a;border-left:4px solid;margin:0}.content .form-status.is-success{border-left-color:#5fbf7a}.content .form-status.is-error{border-left-color:#e05d5d}.content .form-status[hidden]{display:none}