<style>
:root {
--ink: #1A1410;
--authority: #2a1a14;
--brown: #6D4C41;
--sand: #D9C8B4;
--cream: #F5F0EA;
--gold: #B8935A;
--sage: #3d4a35;
--danger: #c0392b;
--cormorant: 'Cormorant Garamond', serif;
--anybody: 'Anybody', sans-serif;
}
.ghid-body { font-family: var(--cormorant); color: var(--ink); line-height: 1.7; }
.ghid-hero {
background: radial-gradient(ellipse at 60% 40%, #3d2415 0%, #1A1410 70%);
padding: 56px 40px;
}
.ghid-hero-label {
font-family: var(--anybody);
font-size: 10px;
letter-spacing: 0.25em;
text-transform: uppercase;
color: var(--gold);
display: block;
margin-bottom: 20px;
}
.ghid-hero h1 {
font-family: var(--cormorant);
font-size: clamp(28px, 5vw, 48px);
font-weight: 300;
color: #F5F0EA;
line-height: 1.15;
margin-bottom: 16px;
}
.ghid-hero h1 em { color: var(--gold); font-style: italic; }
.ghid-hero-sub {
font-size: 16px;
color: rgba(217,200,180,0.8);
font-style: italic;
font-weight: 300;
max-width: 520px;
line-height: 1.75;
}
.ghid-section {
padding: 40px;
border-bottom: 1px solid rgba(26,20,16,0.07);
background: #F5F0EA;
}
.ghid-section.white { background: white; }
.ghid-section.dark { background: var(--authority); }
.ghid-label {
font-family: var(--anybody);
font-size: 9px;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--gold);
display: block;
margin-bottom: 14px;
}
.ghid-h2 {
font-family: var(--cormorant);
font-size: clamp(22px, 4vw, 34px);
font-weight: 300;
color: var(--authority);
line-height: 1.25;
margin-bottom: 18px;
}
.ghid-h2 em { font-style: italic; color: var(--brown); }
.dark .ghid-h2 { color: #F5F0EA; }
.dark .ghid-h2 em { color: var(--gold); }
.ghid-p {
font-size: 17px;
font-weight: 300;
color: var(--ink);
line-height: 1.75;
margin-bottom: 14px;
}
.ghid-p:last-child { margin-bottom: 0; }
.ghid-p strong { font-weight: 600; color: var(--authority); }
.dark .ghid-p { color: rgba(245,240,234,0.85); }
.dark .ghid-p strong { color: #F5F0EA; }
.ghid-list {
list-style: none;
margin: 14px 0;
padding: 0;
}
.ghid-list li {
font-size: 16px;
font-weight: 300;
padding: 9px 0 9px 22px;
position: relative;
border-bottom: 1px solid rgba(26,20,16,0.06);
line-height: 1.5;
color: var(--ink);
}
.ghid-list li:last-child { border-bottom: none; }
.ghid-list li::before {
content: '—';
position: absolute;
left: 0;
color: var(--gold);
}
.dark .ghid-list li {
color: rgba(245,240,234,0.8);
border-color: rgba(245,240,234,0.08);
}
.ghid-check-list {
list-style: none;
margin: 14px 0;
padding: 0;
}
.ghid-check-list li {
font-size: 16px;
font-weight: 300;
padding: 9px 0 9px 28px;
position: relative;
border-bottom: 1px solid rgba(26,20,16,0.06);
line-height: 1.5;
color: var(--ink);
}
.ghid-check-list li:last-child { border-bottom: none; }
.ghid-check-list li::before {
content: '✓';
position: absolute;
left: 0;
color: var(--sage);
font-weight: 600;
font-size: 13px;
top: 11px;
}
.ghid-callout {
background: var(--authority);
border-left: 3px solid var(--gold);
border-radius: 2px;
padding: 24px 28px;
margin: 24px 0;
}
.ghid-callout p {
font-size: 16px;
color: rgba(245,240,234,0.9);
margin: 0;
line-height: 1.7;
font-weight: 300;
}
.ghid-callout strong { color: #d4a85a; }
.ghid-urgenta {
border: 2px solid var(--danger);
border-radius: 3px;
padding: 24px 28px;
margin: 24px 0;
background: rgba(192,57,43,0.04);
}
.ghid-urgenta-title {
font-family: var(--anybody);
font-size: 10px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--danger);
margin-bottom: 12px;
display: block;
font-weight: 600;
}
.ghid-urgenta p { font-size: 15px; margin: 0; color: var(--ink); line-height: 1.65; }
/* Scor consistenta */
.consistenta-grid {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
margin: 20px 0;
}
.consistenta-row {
background: white;
border: 1px solid rgba(26,20,16,0.08);
border-radius: 3px;
padding: 16px 20px;
display: flex;
gap: 16px;
align-items: center;
}
.consistenta-num {
font-family: var(--anybody);
font-size: 18px;
font-weight: 700;
min-width: 32px;
text-align: center;
}
.consistenta-bar {
flex: 1;
}
.consistenta-label {
font-family: var(--anybody);
font-size: 10px;
font-weight: 600;
letter-spacing: 0.08em;
margin-bottom: 3px;
}
.consistenta-desc {
font-size: 13px;
font-weight: 300;
color: var(--brown);
font-style: italic;
}
/* Culori scaun */
.culoare-grid {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
margin: 20px 0;
}
.culoare-card {
background: white;
border: 1px solid rgba(26,20,16,0.08);
border-radius: 3px;
padding: 18px 20px;
display: flex;
gap: 16px;
align-items: flex-start;
}
.culoare-dot {
width: 14px;
height: 14px;
border-radius: 50%;
flex-shrink: 0;
margin-top: 4px;
}
.culoare-name {
font-family: var(--anybody);
font-size: 11px;
font-weight: 600;
color: var(--authority);
letter-spacing: 0.05em;
margin-bottom: 4px;
}
.culoare-semn {
font-family: var(--anybody);
font-size: 8px;
letter-spacing: 0.15em;
text-transform: uppercase;
margin-bottom: 6px;
display: block;
}
.culoare-desc {
font-size: 14px;
font-weight: 300;
color: var(--brown);
line-height: 1.55;
}
.decizie-block {
border: 1px solid rgba(26,20,16,0.08);
border-radius: 3px;
overflow: hidden;
margin: 16px 0;
}
.decizie-header {
padding: 14px 20px;
font-family: var(--anybody);
font-size: 10px;
letter-spacing: 0.2em;
text-transform: uppercase;
font-weight: 600;
}
.decizie-header.ok { background: rgba(61,74,53,0.1); color: var(--sage); }
.decizie-header.urgenta { background: rgba(192,57,43,0.08); color: var(--danger); }
.decizie-body { padding: 18px 20px; background: white; }
.decizie-body ul { list-style: none; margin: 0; padding: 0; }
.decizie-body ul li {
font-size: 15px;
font-weight: 300;
color: var(--ink);
padding: 7px 0 7px 20px;
position: relative;
border-bottom: 1px solid rgba(26,20,16,0.05);
line-height: 1.5;
}
.decizie-body ul li:last-child { border-bottom: none; }
.decizie-body ul li::before { content: '—'; position: absolute; left: 0; color: var(--gold); }
.ghid-pull {
text-align: center;
padding: 40px 24px;
}
.ghid-pull blockquote {
font-size: clamp(20px, 3.5vw, 28px);
font-weight: 300;
font-style: italic;
color: var(--authority);
line-height: 1.35;
margin-bottom: 12px;
}
.ghid-pull blockquote em { color: var(--gold); }
.ghid-pull cite {
font-family: var(--anybody);
font-size: 9px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--brown);
}
.ghid-closing {
background: var(--sage);
padding: 56px 40px;
}
.ghid-closing h2 {
font-family: var(--cormorant);
font-size: clamp(24px, 4vw, 38px);
font-weight: 300;
font-style: italic;
color: #F5F0EA;
line-height: 1.3;
margin-bottom: 20px;
}
.ghid-closing h2 em { color: var(--gold); }
.ghid-closing p {
font-size: 16px;
color: rgba(245,240,234,0.8);
line-height: 1.75;
max-width: 500px;
margin-bottom: 12px;
font-weight: 300;
}
.ghid-handle {
font-family: var(--anybody);
font-size: 10px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: rgba(245,240,234,0.4);
margin-top: 32px;
display: block;
}
@media (max-width: 520px) {
.ghid-hero, .ghid-section, .ghid-closing { padding-left: 24px; padding-right: 24px; }
}
</style>
<div class="ghid-body">
<div class="ghid-hero">
<span class="ghid-hero-label">Premiere Vet — Digestiv</span>
<h1>Câinele meu<br><em>are diaree.</em></h1>
<p class="ghid-hero-sub">Consistența, culoarea și frecvența scaunului spun mai mult decât crezi. Ghid practic pentru a înțelege când aștepți și când mergi la medic.</p>
</div>
<!-- INTESTIN SUBTIRE VS GROS -->
<div class="ghid-section white">
<span class="ghid-label">Primul lucru de înțeles</span>
<h2 class="ghid-h2">Intestin subțire sau gros —<br><em>nu este același tip de diaree.</em></h2>
<p class="ghid-p">Localizarea problemei influențează direct tratamentul. Cele două tipuri arată diferit și au cauze diferite.</p>
<div class="decizie-block">
<div class="decizie-header ok">Intestin subțire</div>
<div class="decizie-body">
<ul>
<li>Volum mare, frecvență normală sau ușor crescută</li>
<li>Fără sânge sau mucus de obicei</li>
<li>Câinele nu pare urgent sau chinuit</li>
<li>Poate fi asociat cu pierdere în greutate dacă e cronic</li>
</ul>
</div>
</div>
<div class="decizie-block">
<div class="decizie-header urgenta">Intestin gros (colon)</div>
<div class="decizie-body">
<ul>
<li>Volum mic, frecvență mare — de multe ori pe zi</li>
<li>Mucus și uneori sânge proaspăt în scaun</li>
<li>Câinele pare urgent, se chinuiește, poate geme</li>
<li>Efort vizibil la defecație</li>
</ul>
</div>
</div>
<div class="ghid-callout">
<p>Diareea cu sânge roșu proaspăt și efort mare la defecație necesită <strong>consultație în aceeași zi</strong> — nu a doua zi.</p>
</div>
</div>
<!-- CULORI -->
<div class="ghid-section">
<span class="ghid-label">Ce spune culoarea</span>
<h2 class="ghid-h2">Culoarea scaunului —<br><em>ce înseamnă fiecare.</em></h2>
<div class="culoare-grid">
<div class="culoare-card">
<div class="culoare-dot" style="background: #8B4513;"></div>
<div class="culoare-content">
<div class="culoare-name">Maro normal / maro deschis moale</div>
<span class="culoare-semn" style="color: var(--sage);">Benign — monitorizează</span>
<p class="culoare-desc">Consistență modificată dar culoare normală. De obicei cauze banale — schimbare de dietă, stres, mâncat ceva neobișnuit.</p>
</div>
</div>
<div class="culoare-card">
<div class="culoare-dot" style="background: #f5c518;"></div>
<div class="culoare-content">
<div class="culoare-name">Galben / portocaliu</div>
<span class="culoare-semn" style="color: #b8860b;">Investigație necesară</span>
<p class="culoare-desc">Poate indica tranzit intestinal accelerat, probleme hepatice sau pancreatită. Dacă persistă mai mult de 24 ore, consultați medicul.</p>
</div>
</div>
<div class="culoare-card">
<div class="culoare-dot" style="background: #2d7a2d;"></div>
<div class="culoare-content">
<div class="culoare-name">Verde</div>
<span class="culoare-semn" style="color: #2d7a2d;">Investigație necesară</span>
<p class="culoare-desc">Ingestia de iarbă în cantitate mare — benign. Dacă nu a mâncat iarbă, poate indica probleme biliare sau paraziți.</p>
</div>
</div>
<div class="culoare-card">
<div class="culoare-dot" style="background: #8B0000;"></div>
<div class="culoare-content">
<div class="culoare-name">Roșu / cu sânge proaspăt</div>
<span class="culoare-semn" style="color: var(--danger);">Consultație în aceeași zi</span>
<p class="culoare-desc">Sângerare în colonul inferior sau rect. Poate fi hemoragie, colită, polipi sau corp străin. Nu așteptați să treacă singur.</p>
</div>
</div>
<div class="culoare-card">
<div class="culoare-dot" style="background: #1a1a1a;"></div>
<div class="culoare-content">
<div class="culoare-name">Negru / gudronos</div>
<span class="culoare-semn" style="color: var(--danger);">Urgență — mergi imediat</span>
<p class="culoare-desc">Sânge digerat din tractul digestiv superior — stomac sau intestin subțire. Ulcer, corp străin, intoxicație. Necesită intervenție de urgență.</p>
</div>
</div>
<div class="culoare-card">
<div class="culoare-dot" style="background: #e8e8e8;"></div>
<div class="culoare-content">
<div class="culoare-name">Gri / alb</div>
<span class="culoare-semn" style="color: var(--danger);">Urgență — mergi imediat</span>
<p class="culoare-desc">Poate indica probleme hepatice sau pancreatice severe, sau exces de calciu în dietă. Necesită investigație urgentă.</p>
</div>
</div>
</div>
</div>
<!-- CAND ASTEPTI VS MERGI -->
<div class="ghid-section white">
<span class="ghid-label">Decizia principală</span>
<h2 class="ghid-h2">Când monitorizezi acasă —<br><em>și când mergi urgent.</em></h2>
<div class="decizie-block">
<div class="decizie-header ok">✓ Poți monitoriza acasă dacă</div>
<div class="decizie-body">
<ul>
<li>Un singur episod sau câteva în aceeași zi</li>
<li>Câinele este alert, activ și bea apă</li>
<li>Fără sânge, mucus excesiv sau culori anormale</li>
<li>Fără vomă asociată sau febră</li>
<li>Adult sănătos, fără boli cronice cunoscute</li>
<li>Cauza probabilă e clară — schimbare de dietă, stres</li>
</ul>
</div>
</div>
<div class="decizie-block">
<div class="decizie-header urgenta">⚠ Mergi urgent la medic dacă</div>
<div class="decizie-body">
<ul>
<li>Diaree mai mult de 24–48 ore fără îmbunătățire</li>
<li>Sânge în scaun — roșu sau negru</li>
<li>Vomă asociată cu diaree — risc de deshidratare rapidă</li>
<li>Semne de deshidratare — piele lipsă elasticitate, mucoase uscate</li>
<li>Letargie marcată sau durere abdominală</li>
<li>Pui sub 6 luni — deshidratarea este rapidă și periculoasă</li>
<li>Câine vârstnic sau cu boli cronice</li>
<li>Suspiciune de ingestie toxică sau corp străin</li>
</ul>
</div>
</div>
<div class="ghid-urgenta">
<span class="ghid-urgenta-title">Deshidratarea — risc subestimat</span>
<p>Testul pliului cutanat: ciupește ușor pielea de pe ceafă și elibereaz-o. La un câine hidratat, revine imediat. Dacă rămâne ridicată câteva secunde, câinele este deshidratat — mergeți la clinică.</p>
</div>
</div>
<!-- CAUZE -->
<div class="ghid-section">
<span class="ghid-label">Context</span>
<h2 class="ghid-h2">Cauzele frecvente<br><em>ale diareei la câini.</em></h2>
<ul class="ghid-list">
<li>Schimbarea bruscă a dietei</li>
<li>Ingestia de resturi, gunoi sau mâncare stricată</li>
<li>Stres — mutare, vizite la vet, schimbări în rutină</li>
<li>Paraziți intestinali — giardia, viermi</li>
<li>Infecții virale — parvovirus la puii nevaccinați</li>
<li>Infecții bacteriene — salmonella, campylobacter</li>
<li>Intoleranță sau alergie alimentară</li>
<li>Pancreatită — frecvent după mâncare grasă</li>
<li>Antibiotice sau alte medicamente</li>
<li>Boli inflamatorii intestinale cronice</li>
</ul>
</div>
<!-- CE FACI ACASA -->
<div class="ghid-section dark">
<span class="ghid-label">Management acasă</span>
<h2 class="ghid-h2">Dacă monitorizezi acasă —<br><em>ce faci concret.</em></h2>
<ul class="ghid-list">
<li>Pauză alimentară 6–12 ore la adulți — nu la pui sau câini cu boli cronice</li>
<li>Acces permanent la apă proaspătă în cantități mici și dese</li>
<li>Reintroduceți mâncare blândă — orez fiert alb cu piept de pui simplu fiert, în porții mici</li>
<li>Reveniți la dieta normală treptat în 2–3 zile</li>
<li>Nu dați antidiareice umane fără indicația medicului</li>
<li>Monitorizați activ — frecvență, culoare, prezența sângelui</li>
</ul>
<div class="ghid-callout" style="margin-top: 24px;">
<p>Probioticele veterinare pot ajuta la refacerea florei intestinale — <strong>dar alegeți produse veterinare, nu umane.</strong> Consultați medicul pentru recomandare specifică.</p>
</div>
</div>
<!-- CE OBSERVI -->
<div class="ghid-section white">
<span class="ghid-label">La consultație</span>
<h2 class="ghid-h2">Informații utile<br><em>pentru diagnostic rapid.</em></h2>
<ul class="ghid-check-list">
<li>De când a început și câte episoade au fost</li>
<li>Culoarea și consistența scaunului</li>
<li>Prezența sângelui sau mucusului</li>
<li>Ce a mâncat în ultimele 48 ore</li>
<li>Dacă a avut acces la gunoi, pământ sau alte substanțe</li>
<li>Dacă are și vomă sau febră</li>
<li>Dacă bea apă normal</li>
<li>Dacă a fost deparazitat recent și când</li>
</ul>
</div>
<div class="ghid-pull">
<blockquote>O zi de diaree poate fi banală.<br><em>Două zile cu sânge nu este niciodată banală.</em></blockquote>
<cite>Premiere Vet · Dr. Daiana Născand</cite>
</div>
<div class="ghid-closing">
<span class="ghid-label" style="color: rgba(245,240,234,0.4);">Concluzie</span>
<h2>Monitorizează activ.<br><em>Nu normaliza ceea ce nu este normal.</em></h2>
<p>Diareea ocazională fără alte simptome poate fi gestionată acasă. Diareea cu sânge, cu vomă asociată sau care durează mai mult de 48 ore necesită consultație.</p>
<p>Când ai dubii — sună la clinică. Un sfat telefonic rapid poate clarifica dacă trebuie să vii sau poți aștepta.</p>
<span class="ghid-handle">@vet.nascandaiana · Premiere Vet Oradea</span>
</div>
</div>