/* Pet Cirúrgico - estilos complementares (Tailwind + DaisyUI via CDN) */

/* ===== Identidade visual (nova logo) =====
   Primary #0E6C80 · Secondary #2797A2 · Accent #32A2D0 · Blue #1A7CC1
   Light #C6E8E2 · Background #F8F9F2 · Cream #FCF6E6
   Sobrescreve os temas DaisyUI "cupcake" (site) e "light" (admin). */
[data-theme="cupcake"], [data-theme="light"] {
  color-scheme: light;
  --p: 49.1239% 0.084322 217.2607;
  --pc: 100% 0 0;
  --s: 62.1272% 0.096462 204.8993;
  --sc: 31.7542% 0.044521 213.9583;
  --a: 67.0513% 0.118288 230.2526;
  --ac: 31.7542% 0.044521 213.9583;
  --n: 37.8702% 0.063557 217.0909;
  --nc: 97.9434% 0.009276 113.1566;
  --b1: 97.9434% 0.009276 113.1566;
  --b2: 97.3502% 0.022013 89.7896;
  --b3: 90.4824% 0.036482 183.6759;
  --bc: 31.7542% 0.044521 213.9583;
  --in: 56.7753% 0.135867 245.8923;
  --inc: 100% 0 0;
  --su: 64.8% 0.150 160;
  --suc: 0% 0 0;
  --wa: 84.71% 0.199 83.87;
  --wac: 0% 0 0;
  --er: 71.76% 0.221 22.18;
  --erc: 0% 0 0;
}

html { scroll-behavior: smooth; }
.skip-link {
  position: absolute; left: -9999px; top: 0;
  background: #0E6C80; color: #fff; padding: 8px 16px; z-index: 100; border-radius: 0 0 8px 0;
}
.skip-link:focus { left: 0; }

/* Fallback de line-clamp (o CDN do Tailwind já inclui, isto garante) */
.line-clamp-2, .line-clamp-3 {
  display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;
}
.line-clamp-2 { -webkit-line-clamp: 2; }
.line-clamp-3 { -webkit-line-clamp: 3; }

.prose-pet img { border-radius: 1rem; max-width: 100%; height: auto; }
.prose-pet { overflow-wrap: break-word; }

/* ---------- Fundo suave com patinhas ---------- */
.paw-pattern {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 100 100'%3E%3Cg fill='%232797A2' fill-opacity='0.055'%3E%3Cellipse cx='50' cy='66' rx='19' ry='15'/%3E%3Cellipse cx='25' cy='43' rx='7.5' ry='10.5' transform='rotate(-18 25 43)'/%3E%3Cellipse cx='42' cy='31' rx='7.5' ry='10.5'/%3E%3Cellipse cx='59' cy='31' rx='7.5' ry='10.5'/%3E%3Cellipse cx='76' cy='43' rx='7.5' ry='10.5' transform='rotate(18 76 43)'/%3E%3C/g%3E%3Cg fill='%230E6C80' fill-opacity='0.05' transform='translate(70 70) rotate(24)'%3E%3Cellipse cx='50' cy='66' rx='19' ry='15'/%3E%3Cellipse cx='25' cy='43' rx='7.5' ry='10.5' transform='rotate(-18 25 43)'/%3E%3Cellipse cx='42' cy='31' rx='7.5' ry='10.5'/%3E%3Cellipse cx='59' cy='31' rx='7.5' ry='10.5'/%3E%3Cellipse cx='76' cy='43' rx='7.5' ry='10.5' transform='rotate(18 76 43)'/%3E%3C/g%3E%3C/svg%3E");
}
body {
  background-image: linear-gradient(180deg, oklch(var(--b1)) 0%, oklch(var(--b2)) 100%);
  background-attachment: fixed;
}

/* ---------- Títulos de seção com patinha ---------- */
.sec-titulo { display: flex; align-items: center; gap: .6rem; }
.sec-titulo .pata {
  display: inline-grid; place-items: center;
  width: 2.25rem; height: 2.25rem; border-radius: 9999px;
  background: linear-gradient(135deg, #0E6C80, #32A2D0);
  color: #fff; box-shadow: 0 4px 12px -4px rgb(26 124 193 / .5);
  flex-shrink: 0;
}
.sec-titulo .pata svg { width: 1.25rem; height: 1.25rem; }
.sec-titulo h1, .sec-titulo h2 { letter-spacing: -.02em; }

/* ---------- Hero ---------- */
#hero-slider { isolation: isolate; box-shadow: 0 20px 45px -20px rgb(0 0 0 / .35); }
#hero-slider .hero-slide { overflow: hidden; }
#hero-slider img { pointer-events: none; }
#hero-slider .hero-slide.is-active img { animation: kenburns 8s ease-out forwards; }
@keyframes kenburns { from { transform: scale(1); } to { transform: scale(1.08); } }

.pata-flut {
  position: absolute; color: #fff; opacity: .16; pointer-events: none;
  animation: flutuar 7s ease-in-out infinite;
}
.pata-flut svg { display: block; }
@keyframes flutuar {
  0%, 100% { transform: translateY(0) rotate(-8deg); }
  50% { transform: translateY(-14px) rotate(8deg); }
}

/* ---------- Cards ---------- */
.card { min-width: 0; }
.card .card-title,
.card p { overflow-wrap: break-word; }
.card-noticia { transition: transform .35s ease, box-shadow .35s ease; }
.card-noticia:hover { transform: translateY(-6px); }

/* ---------- Uploader de fotos (adoção) ---------- */
.foto-slot .slot-card { transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease; cursor: pointer; }
.foto-slot .slot-card:hover { transform: translateY(-2px); box-shadow: 0 10px 24px -14px rgb(14 108 128 / .55); }
.foto-slot .slot-card.slot-dragover {
  border-color: oklch(var(--p));
  background: color-mix(in oklch, oklch(var(--p)) 9%, transparent);
  box-shadow: 0 10px 28px -12px oklch(var(--p));
  transform: translateY(-2px) scale(1.02);
}
.foto-slot .slot-card.slot-filled { border-style: solid; border-color: oklch(var(--p)); }
/* Ícone em destaque suave na identidade (editorias, uploader…) */
.brand-soft {
  background: color-mix(in oklch, oklch(var(--p)) 10%, transparent);
  color: oklch(var(--p));
}
@keyframes form-shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-6px); } 75% { transform: translateX(6px); } }
.form-error-shake { animation: form-shake .35s ease; }

/* ---------- Revelação por rolagem ---------- */
.reveal { opacity: 0; transform: translateY(26px); transition: opacity .7s ease, transform .7s ease; }
.reveal.visivel { opacity: 1; transform: none; }

/* ---------- Navbar com sombra ao rolar ---------- */
.site-header { transition: box-shadow .3s ease; }
.site-header.is-scrolled { box-shadow: 0 6px 24px -12px rgb(0 0 0 / .25); }

/* ---------- Chips de categoria ---------- */
.chip-cat { transition: transform .25s ease, box-shadow .25s ease; }
.chip-cat:hover { transform: translateY(-2px); }

/* ---------- Rodapé ---------- */
.footer-patas { display: flex; justify-content: center; gap: 1rem; opacity: .35; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  #hero-slider .hero-slide { transition: none; }
  #hero-slider .hero-slide.is-active img { animation: none; }
  .pata-flut { animation: none; }
  .reveal { opacity: 1; transform: none; transition: none; }
  .card-noticia:hover, .chip-cat:hover { transform: none; }
}