/* ===== v3: themes, toggle, seal, whatsapp ===== */
html[data-theme=night]{--pale:#D3DBCC}
html[data-theme=night] body{background:#1c211b;color:#D3DBCC}
html[data-theme=night] .dark,html[data-theme=night] .mq{background:#12160f}
html[data-theme=night] .costal,html[data-theme=night] #visita,html[data-theme=night] .casa-t{background:#2B3129!important}
html[data-theme=night] nav.s,html[data-theme=night] nav{background:rgba(28,33,27,.92)}
@media(min-width:901px){html[data-theme=night] nav:not(.s){background:transparent}}
html[data-theme=night] .btn{border-color:#D3DBCC}
html[data-theme=night] .btn:hover,html[data-theme=night] .btn.f{background:#D3DBCC;color:#1c211b}
html[data-theme=night] .sub{border-color:#D3DBCC}
html[data-theme=night] footer{background:#12160f}
body,.dark,.costal,#visita,nav{transition:background-color .6s ease,color .6s ease}
.xvctl{position:fixed;left:16px;bottom:16px;z-index:60;display:flex;gap:6px;align-items:center;background:rgba(43,49,41,.82);backdrop-filter:blur(10px);border:1px solid rgba(211,219,204,.35);border-radius:999px;padding:4px;font:600 .66rem/1 var(--sten);letter-spacing:.16em;text-transform:uppercase}
.xvctl button{all:unset;cursor:pointer;color:#D3DBCC;padding:9px 12px;border-radius:999px;transition:.3s;white-space:nowrap}
.xvctl button[aria-pressed=true]{background:#D3DBCC;color:#2B3129}
.xvctl .snd{padding:7px 9px;display:flex}.xvctl .snd svg{width:16px;height:16px}
.xvctl button:focus-visible{outline:2px solid #D3DBCC;outline-offset:2px}
.seal{color:var(--sealc,#717C6C);width:clamp(110px,12vw,170px);aspect-ratio:1;position:relative}
html[data-theme=night]{--sealc:#D3DBCC}
.seal svg{position:absolute;inset:0;width:100%;height:100%}
.seal .ring{transform-origin:50% 50%;will-change:transform}
.wa{position:fixed;right:16px;bottom:16px;z-index:60;width:54px;height:54px;border-radius:50%;background:#2D5236;color:#D3DBCC;display:grid;place-items:center;box-shadow:0 6px 22px rgba(0,0,0,.25);transition:transform .25s}
.wa:hover{transform:scale(1.06)}.wa svg{width:28px;height:28px}
.wa.pending{opacity:.55}
.wa .tip{position:absolute;right:62px;white-space:nowrap;background:#2B3129;color:#D3DBCC;font-size:.72rem;padding:6px 10px;border-radius:6px;opacity:0;pointer-events:none;transition:.2s}.wa:hover .tip{opacity:1}
@media(max-width:600px){.xvctl{font-size:.58rem}.xvctl button{padding:8px 9px}}

.credits{margin-top:36px;padding-top:22px;border-top:1px solid rgba(211,219,204,.18);display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;font-size:.78rem;opacity:.85}
.credits a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:transform .3s,opacity .3s}
.credits a:hover{transform:translateY(-2px)}
.credits .eye svg{width:26px;height:26px;color:#D3DBCC;transition:transform .6s}.credits .eye:hover svg{transform:rotate(180deg)}
.credits .wp svg{width:30px;height:30px}.credits .wp:hover .pk{animation:peck .5s ease-in-out 2;transform-origin:30px 50px}
@keyframes peck{50%{transform:rotate(9deg)}}
.credits .mk{display:inline-block;background:#D3DBCC;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.credits .bw{width:92px;height:18px;--m:url(img/credits/birdwhisper-white.png)}
.credits .nemo{width:64px;height:15px;--m:url(img/credits/nemo-white.png)}
@media(prefers-reduced-motion:reduce){.credits a:hover,.credits a:hover *{transform:none;animation:none}}
.credits .bw{width:124px;height:24px}.credits .nemo{width:70px;height:16px;margin-left:4px}
footer{padding-bottom:96px!important}