@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--navy:#122f3c;--gold:#c29753;--paper:#fffbf1;--ink:#1c3945}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 0% 25%,#f4e9d3,transparent 35%),radial-gradient(ellipse at 100% 60%,#e6e4d6,transparent 42%),#f6f0e4;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit}button,select{font:inherit}header{background:#102e3c;color:#f9e9c6;border-bottom:2px solid #caa45c}.topbar{max-width:1200px;margin:auto;padding:14px 23px;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.topbar a{text-decoration:none}.mark{font:600 1.24rem 'Cormorant Garamond',Georgia,serif;letter-spacing:.15em}.nav-mini{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:.81rem}.nav-mini a{border:1px solid #ad9259;border-radius:5px;padding:9px 12px}.nav-mini a.active{background:#ecd3a2;color:#15313c}select{background:#fffaf0;border:1px solid #c6a46c;border-radius:7px;padding:8px;color:#213940}.container{max-width:1160px;margin:auto;padding:0 16px}.intro{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding:28px 18px 29px;margin:22px auto 12px;min-height:304px;background:#fdf8ec;border:2px solid #d4ae6b;border-radius:11px;box-shadow:0 3px 0 #fff7e5 inset,0 12px 40px #504c4017}.intro:before{position:absolute;content:'';inset:0;z-index:-1;opacity:.9;background:url('/estrellas-voladoras/arte/anual/cabecera.webp') center/cover no-repeat}.intro:after{position:absolute;content:'';inset:9px;z-index:-1;border:1px solid #cbab7199;pointer-events:none}.intro .ornament{color:#b58a47;font-size:2rem;line-height:1.1;margin-bottom:3px;text-shadow:0 1px 3px white}.hero-mark{font:500 clamp(1.28rem,2.6vw,1.9rem) 'Cormorant Garamond',Georgia,serif;letter-spacing:.18em;color:#1d4550;margin:0 0 4px;text-shadow:0 1px 6px #fff7e8}.eyebrow{font-size:.73rem;letter-spacing:.17em;text-transform:uppercase;color:#936a35;font-weight:700}.intro h1{font:600 clamp(2rem,4.3vw,3.5rem)/1.05 'Cormorant Garamond',Georgia,serif;color:#143a4a;margin:11px 0 7px;text-shadow:0 1px 9px #fff9ee}.intro .animal{font:600 clamp(1.1rem,2.5vw,1.55rem)/1.22 'Cormorant Garamond',Georgia,serif;color:#885b2a;margin:3px 0 8px}.intro .subtitle{font-size:.83rem;line-height:1.55;color:#425e61;max-width:640px;margin:7px auto}.status{display:flex;gap:9px;justify-content:center;align-items:center;flex-wrap:wrap;font-size:.78rem;color:#324f58;margin:10px 0 0}.status span{padding:7px 11px;border:1px solid #d4b889;background:#fffcf5d9;border-radius:5px;box-shadow:0 1px 3px #70634e0e}
body[data-mode=mensual] .intro:before{background-image:url('/estrellas-voladoras/arte/mensual/cabecera.webp')}
.map-outer{padding:14px;border:1px solid #ae8240;background:linear-gradient(132deg,#bb8e47,#f0d7a0 12%,#b88c4f 26%,#efd69d 50%,#af793b 77%,#edc98a);box-shadow:0 14px 45px #35413c24;border-radius:11px}.map-inner{padding:12px;background:linear-gradient(#fffcf4ee,#fff7e9eb),url('/estrellas-voladoras/arte/cenefa.webp') bottom/auto 45px repeat-x;border:2px solid #fff2d5;outline:1px solid #a78144;border-radius:5px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #bd995e}.palace{position:relative;isolation:isolate;min-width:0;min-height:293px;padding:14px 10px 13px;border:1px solid #c8a877;background:radial-gradient(ellipse at 50% 10%,#fffdf8 13%,transparent 86%),linear-gradient(160deg,#fffaf0,#fdf6e9);color:var(--ink);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;cursor:pointer;transition:background .16s,box-shadow .16s}.palace:after{content:'❦';position:absolute;right:5px;bottom:2px;font:17px Georgia,serif;color:#c8a97777}.palace:hover,.palace:focus-visible,.palace.chosen{outline:2px solid #ad7931;outline-offset:-5px;box-shadow:inset 0 0 0 6px #fff7e7;background:linear-gradient(#fffef6,#fff5e3)}.heading{z-index:2;display:block;width:min(92%,290px);background:var(--palace-color);color:white;border:2px solid #d8ab5d;outline:1px solid #fff1d2;box-shadow:inset 0 2px 1px #ffffff3d,0 3px 9px #4b35201b;padding:7px 5px;border-radius:4px;font:600 clamp(.89rem,1.4vw,1.08rem)/1.13 'Cormorant Garamond',Georgia,serif;letter-spacing:.035em;text-shadow:0 1px 1px #20302877}.badge-area{position:absolute;z-index:4;right:8px;top:50px;display:flex;align-items:flex-end;flex-direction:column;gap:3px;pointer-events:none}.blackbadge{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:4px;border-radius:50%;border:2px solid #d7b66b;outline:1px solid #152124;background:radial-gradient(circle at 35% 20%,#33383a,#0a1116 65%);color:white;text-align:center;font:700 .58rem/1.13 'Cormorant Garamond',Georgia,serif;text-shadow:0 1px 2px #000;box-shadow:0 2px 7px #0005}.illustration-stage{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:100%;height:158px;flex:0 0 158px;background-position:center;background-size:100% 100%;background-repeat:no-repeat;margin:8px 0 1px}.illustration-stage:before{content:'✧';position:absolute;top:2px;left:49%;transform:translateX(-50%);color:#c9a368;font-size:1rem}.mandorla{position:relative;display:grid;place-items:center;flex-shrink:0;width:101px;height:110px;background:radial-gradient(circle at 45% 38%,#fffef9,#fff1d9);border:3px double #b47d33;box-shadow:0 0 0 4px #f8e5c7e0,0 0 0 5px #b58b48,inset 0 0 21px #f4d9aa;border-radius:49% 49% 43% 43% / 48% 48% 53% 53%;clip-path:polygon(50% 0,72% 8%,90% 27%,100% 48%,90% 74%,72% 91%,50% 100%,27% 91%,9% 75%,0 50%,9% 26%,29% 8%)}.mandorla span{font:600 4.4rem/1 'Cormorant Garamond',Georgia,serif;color:var(--star-color);text-shadow:0 1px 1px white}.theme{font:700 clamp(1.3rem,2vw,1.75rem)/1.1 'Cormorant Garamond',Georgia,serif;margin:2px 0 4px;color:var(--star-color);min-height:31px}.element{margin-top:auto;font:500 clamp(.76rem,1vw,.9rem)/1.4 'Cormorant Garamond',Georgia,serif;color:#314752}.element strong{color:var(--star-color);font-weight:700}.advice{font-size:.83rem;color:#536b70;text-align:center;margin:14px auto;max-width:830px;line-height:1.5}.footbox{padding:22px 18px;border:3px double #d0ab6b;background:linear-gradient(#fffaf0ed,#fcf6e8f2),url('/estrellas-voladoras/arte/cenefa.webp') bottom/auto 50px repeat-x;margin-top:25px;border-radius:9px}.footbox h2{margin:0 0 16px;text-align:center;color:#f9e7c5;background:linear-gradient(90deg,#122f3a,#214553,#122f3a);padding:11px 7px;border:1px solid #a77c41;font:700 clamp(1.3rem,2.5vw,1.8rem) 'Cormorant Garamond',Georgia,serif;letter-spacing:.04em}.directions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.direction{position:relative;background:#fff9edcc;padding:15px;border:1px solid #dec292;border-radius:4px;min-height:105px}.direction:before{content:'✧';display:block;text-align:center;color:#a67d48;margin-bottom:2px;font-size:1.1rem}.direction b{display:block;color:#76512e;margin-bottom:8px;font:700 1.05rem 'Cormorant Garamond',Georgia,serif}.direction span{font:600 1.12rem 'Cormorant Garamond',Georgia,serif;color:#143e4c}.explainer{margin-top:25px;padding:24px 26px;background:#fffbf3;border:1px solid #d9b780;border-radius:8px;line-height:1.75;box-shadow:inset 0 0 0 5px #f8efdf}.explainer h2{font:700 1.55rem 'Cormorant Garamond',Georgia,serif;color:#173d46;margin:0 0 8px}.explainer p{margin:0}.video{margin:29px 0;padding:24px 26px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px;color:#fff6e6;background:linear-gradient(120deg,#0b2e40,#1c4150);border:2px solid #b58d56;box-shadow:inset 0 0 0 4px #193d4b;border-radius:8px}.video .eyebrow{color:#e3bd7a}.video h2{font:700 1.8rem 'Cormorant Garamond',Georgia,serif;margin:6px 0}.video p{color:#f0e4d4;max-width:680px;line-height:1.5;font-size:.87rem;margin:0}.video a{display:inline-block;text-decoration:none;background:#e2be80;color:#153440;border-radius:5px;padding:13px 16px;font-weight:700;font-size:.82rem;white-space:nowrap}.footer{text-align:center;color:#65747c;font-size:.78rem;line-height:1.7;padding:20px 6px 40px}.hidden-label{position:absolute;left:-9999px}.footlinks{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-top:8px}.footlinks a{color:#315666}
@media(max-width:720px){.container{padding:0 10px}.topbar{padding:12px 13px}.mark{font-size:1.07rem}.nav-mini a{padding:7px 9px}.intro{min-height:260px;margin:13px auto 11px;padding:19px 10px}.intro .ornament{font-size:1.5rem}.intro h1{font-size:clamp(1.85rem,6.3vw,2.7rem)}.intro .subtitle{font-size:.77rem}.status{font-size:.69rem}.map-outer{padding:6px}.map-inner{padding:4px}.palace{min-height:232px;padding:8px 2px 9px}.heading{width:96%;font-size:clamp(.6rem,2.15vw,.91rem);min-height:25px;padding:5px 1px;letter-spacing:0;line-height:1.12}.badge-area{right:4px;top:39px;gap:1px}.blackbadge{width:31px;height:31px;font-size:.43rem;padding:2px}.illustration-stage{height:120px;flex-basis:120px;margin:5px 0 2px;background-size:100% 100%}.illustration-stage:before{display:none}.mandorla{width:64px;height:73px;border-width:2px;box-shadow:0 0 0 2px #f6dfbc,0 0 0 3px #a77d45,inset 0 0 8px #f4dbb7}.mandorla span{font-size:3.05rem}.theme{font-size:clamp(.89rem,3vw,1.26rem);min-height:37px;margin:0 0 2px}.element{font-size:clamp(.6rem,1.93vw,.78rem);line-height:1.22}.footbox{padding:10px}.directions{grid-template-columns:1fr}.direction{min-height:80px}.video{padding:16px}.video a{white-space:normal}.intro:before{background-size:100% 100%}}
@media(max-width:385px){.palace{min-height:227px}.heading{font-size:.55rem}.badge-area{top:36px;right:2px}.blackbadge{width:28px;height:28px;font-size:.39rem}.mandorla{width:59px;height:68px}.mandorla span{font-size:2.8rem}.theme{font-size:.86rem}.illustration-stage{height:116px;flex-basis:116px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
