* { box-sizing: border-box; }
  body { margin: 0; font-family: 'Inter', sans-serif; color: #2C3E3A; }
  a { color: #2C7295; text-decoration: none; }
  a:hover { color: #ED7B52; }
  ::selection { background: #5BB5C2; color: #fff; }
  @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
  @keyframes slideUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
  input[type="date"]::-webkit-calendar-picker-indicator { cursor: pointer; opacity: 0.6; }
.scp0:hover { background: rgb(237, 123, 82) !important; }
.scp1:focus { border-color: rgb(91, 181, 194) !important; }
.scp2:hover { transform: translateY(-4px) !important; }
.scp3:hover { background: rgb(91, 181, 194) !important; color: rgb(255, 255, 255) !important; }
.scp4:hover { background: rgb(239, 228, 210) !important; color: rgb(44, 114, 149) !important; }
.scp5:hover { transform: scale(1.03) !important; }
.scp6:hover { background: rgb(91, 181, 194) !important; }
      .desktop-nav { display: none !important; }
      .desktop-cta { display: none !important; }
      .mobile-menu-btn { display: flex; }
      @media (min-width: 900px) {
        .desktop-nav { display: flex !important; }
        .desktop-cta { display: flex !important; align-items: center; justify-content: center; }
        .mobile-menu-btn { display: none !important; }
      }
      @media (max-width: 780px) {
        .reserva-grid { grid-template-columns: 1fr !important; }
      }
 @media (max-width: 860px) { .pousada-grid { grid-template-columns: 1fr !important; } } 
      @media (max-width: 900px) { .gallery-grid { grid-template-columns: repeat(2,1fr) !important; } }
 @media (max-width: 860px) { .destino-grid { grid-template-columns: 1fr !important; } } 
 @media (max-width: 780px) { .footer-grid { grid-template-columns: 1fr !important; } } 
/* menu principal com 5 links: aperta o espaçamento em telas médias para não colar na marca nem no botão */
@media (min-width: 900px) and (max-width: 1099px) { .desktop-nav { gap: 18px !important; } }
@media (min-width: 1100px) and (max-width: 1279px) { .desktop-nav { gap: 28px !important; } }
/* ---- fotos (antigo <image-slot>) ---- */
.slot{display:block;position:relative;width:100%;height:100%;aspect-ratio:3/2}
.slot .frame{position:absolute;inset:0;overflow:hidden;background:rgba(127,127,127,.08)}
.slot .frame img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block}
.slot .empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;font:500 13px/1.3 system-ui,-apple-system,sans-serif;opacity:.55}