/*
 * Nova identidade COOPTUR Brasil (manual da marca, 2026).
 * Carregado depois de style.css somente quando a marca "2027" está ativa
 * (Cooptur > Identidade visual) ou em prévia de administrador (?marca=2027).
 *
 * Paleta oficial (logos vetoriais, 2026): Azul institucional #004C81 · Verde cooperação #407A3C
 * Azul conexão #0083D6 · Areia conhecimento #E8C89B · Terracota pessoas #C35A2C
 */
:root {
	--navy: #004c81;
	--blue: #0083d6;
	--sand: #e8c89b;
	--terracotta: #c35a2c;

	--ink: #0b2a45;
	--ink-soft: #4f6475;
	--primary: #407a3c;
	--primary-dark: #2f5c2c;
	--green: #0083d6;
	--green-light: #5bb7e9;
	--mint: #f4f8f7;
	--mint-2: #e3eef0;
	--line: #d7e2e6;
	--shadow: 0 10px 30px rgba(0, 46, 82, 0.1);
}

/* Logo: a nova marca é mais larga, então fica um pouco mais baixa */
.brand img.brand-logo--2027,
.custom-logo { height: 48px; }
@media (max-width: 560px) {
	.brand img.brand-logo--2027 { height: 40px; }
}

/* Topo: transição da foto para o fundo claro na cor nova + ondas da marca */
.hero__media::after { background: linear-gradient(90deg, var(--mint) 0%, rgba(244, 248, 247, 0) 38%); }
@media (max-width: 760px) {
	.hero__media::after { background: linear-gradient(0deg, var(--mint) 0%, rgba(244, 248, 247, 0) 45%); }
}
.hero::after {
	content: "";
	position: absolute; left: 0; right: 0; bottom: 0; height: 26px; z-index: 1;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 26' preserveAspectRatio='none'%3E%3Cpath d='M0 18 C240 2 480 2 720 14 S1200 26 1440 8 V26 H0Z' fill='%23E6C89F'/%3E%3Cpath d='M0 22 C300 8 560 10 820 18 S1240 26 1440 14 V26 H0Z' fill='%232E7D32'/%3E%3Cpath d='M0 26 C360 14 700 16 1000 22 S1300 26 1440 20 V26 H0Z' fill='%230077C8'/%3E%3C/svg%3E") center bottom / 100% 100% no-repeat;
	pointer-events: none;
}

/* Páginas de roteiro */
.trip-hero { background: var(--navy); }
.trip-hero__img::after { background: linear-gradient(180deg, rgba(0, 34, 60, 0.35), rgba(0, 34, 60, 0.84)); }

/* Chamada final: azul institucional -> azul conexão -> verde cooperação */
.cta-band { background: linear-gradient(110deg, var(--navy) 0%, var(--blue) 55%, var(--primary) 100%); }

/* Rodapé em azul institucional escuro, logo branco sem selo */
.site-footer { background: #0b2a45; }
.footer-brand img.brand-logo--2027 {
	height: 44px; padding: 0; background: none; border-radius: 0; margin-bottom: 18px;
}

/* Formulário e galeria */
.field input:focus,
.field select:focus,
.field textarea:focus { outline-color: rgba(0, 119, 200, 0.35); }
.lightbox { background: rgba(2, 20, 36, 0.94); }

/* Detalhes em areia e terracota, como no manual */
.section--mint { background: var(--mint); }
.quote { border-color: var(--sand); }
.listing__empty { border-color: var(--sand); }