<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-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; }
/* Culori voma */
.culoare-grid {
display: grid;
grid-template-columns: 1fr;
gap: 12px;
margin: 20px 0;
}
.culoare-card {
background: white;
border: 1px solid rgba(26,20,16,0.08);
border-radius: 3px;
padding: 20px 22px;
display: flex;
gap: 18px;
align-items: flex-start;
}
.culoare-dot {
width: 14px;
height: 14px;
border-radius: 50%;
flex-shrink: 0;
margin-top: 4px;
}
.culoare-content {}
.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: 8px;
display: block;
}
.culoare-desc {
font-size: 15px;
font-weight: 300;
color: var(--brown);
line-height: 1.55;
}
/* Decizii */
.decizie-block {
border: 1px solid rgba(26,20,16,0.08);
border-radius: 3px;
overflow: hidden;
margin: 20px 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-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-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>vomită.</em></h1>
<p class="ghid-hero-sub">Vomitul este un simptom, nu o boală. Culoarea, frecvența și contextul spun mai mult decât vomitul în sine.</p>
</div>
<!-- VOMIT VS REGURGITARE -->
<div class="ghid-section white">
<span class="ghid-label">Primul lucru de clarificat</span>
<h2 class="ghid-h2">Vomit sau regurgitare —<br><em>nu este același lucru.</em></h2>
<p class="ghid-p"><strong>Vomitul</strong> implică contracții abdominale vizibile, efort activ și de obicei conține bilă sau mâncare parțial digerată. Vine din stomac.</p>
<p class="ghid-p"><strong>Regurgitarea</strong> este pasivă — mâncarea iese fără efort, de obicei imediat după masă, nedigerată, sub formă de tub. Vine din esofag și semnalează o problemă diferită.</p>
<div class="ghid-callout">
<p>Distincția contează pentru diagnostic. Dacă poți, <strong>fotografiază ce a eliminat câinele</strong> înainte să cureți — ajută semnificativ la consultație.</p>
</div>
</div>
<!-- CULORI -->
<div class="ghid-section">
<span class="ghid-label">Ce spune culoarea</span>
<h2 class="ghid-h2">Culoarea vomei —<br><em>ce înseamnă fiecare.</em></h2>
<div class="culoare-grid">
<div class="culoare-card">
<div class="culoare-dot" style="background: #f5e642;"></div>
<div class="culoare-content">
<div class="culoare-name">Galben / verde-gălbui</div>
<span class="culoare-semn" style="color: #b8860b;">Bilă — frecvent</span>
<p class="culoare-desc">Stomacul este gol și bila irită mucoasa. Apare frecvent dimineața sau când trece mult timp între mese. De obicei benign dacă e izolat.</p>
</div>
</div>
<div class="culoare-card">
<div class="culoare-dot" style="background: #c8a882;"></div>
<div class="culoare-content">
<div class="culoare-name">Maro / cu mâncare</div>
<span class="culoare-semn" style="color: #8B6914;">Conținut gastric</span>
<p class="culoare-desc">Mâncare parțial sau complet nedigerată. Poate apărea după mâncat prea repede, prea mult sau din cauza unui corp străin.</p>
</div>
</div>
<div class="culoare-card">
<div class="culoare-dot" style="background: #f0f0f0;"></div>
<div class="culoare-content">
<div class="culoare-name">Alb spumos</div>
<span class="culoare-semn" style="color: #666;">Secreții gastrice</span>
<p class="culoare-desc">Stomacul gol produce mucus. Similar cu voma galbenă — apare pe stomacul gol. Dacă se repetă frecvent, necesită investigație.</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</div>
<span class="culoare-semn" style="color: var(--danger);">Urgență — mergi imediat</span>
<p class="culoare-desc">Sânge proaspăt în vomă indică sângerare activă — ulcer, corp străin, intoxicație sau altă cauză gravă. Nu așteptați.</p>
</div>
</div>
<div class="culoare-card">
<div class="culoare-dot" style="background: #3d2000;"></div>
<div class="culoare-content">
<div class="culoare-name">Maro închis / „zaț de cafea"</div>
<span class="culoare-semn" style="color: var(--danger);">Urgență — mergi imediat</span>
<p class="culoare-desc">Sânge digerat — indică sângerare în tractul digestiv superior. Aspect caracteristic de zaț de cafea. Necesită intervenție de urgență.</p>
</div>
</div>
<div class="culoare-card">
<div class="culoare-dot" style="background: #2d5a1b;"></div>
<div class="culoare-content">
<div class="culoare-name">Verde intens</div>
<span class="culoare-semn" style="color: #2d5a1b;">Investigație necesară</span>
<p class="culoare-desc">Poate indica ingestia de iarbă, bilă în exces sau, rar, rodenticide. Dacă câinele nu a mâncat iarbă și voma este verde, sună la clinică.</p>
</div>
</div>
</div>
</div>
<!-- CAND ASTEPTI VS CAND MERGI -->
<div class="ghid-section white">
<span class="ghid-label">Decizia principală</span>
<h2 class="ghid-h2">Când aștepți 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>A vomitat o singură dată sau de două ori</li>
<li>Este activ, alert și bea apă</li>
<li>Nu are alte simptome asociate</li>
<li>Voma este galbenă sau cu mâncare</li>
<li>Nu a ingerat nimic toxic cunoscut</li>
<li>Nu este pui, vârstnic sau cu boli cronice</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>Vomă frecventă — mai mult de 3–4 ori în câteva ore</li>
<li>Sânge în vomă — roșu sau maro închis</li>
<li>Abdomen umflat sau dureros la atingere</li>
<li>Încearcă să vomite fără să reușească — posibilă torsiune gastrică</li>
<li>Letargie marcată, nu răspunde normal</li>
<li>Refuzul apei sau semne de deshidratare</li>
<li>Știi sau suspectezi ingestia unui toxic</li>
<li>Este pui sub 6 luni sau câine vârstnic</li>
</ul>
</div>
</div>
<div class="ghid-urgenta">
<span class="ghid-urgenta-title">Torsiunea gastrică — urgență maximă</span>
<p>Câinele încearcă să vomite repetat fără să reușească, abdomenul este vizibil umflat și câinele este agitat sau colaps. Aceasta este o urgență chirurgicală — fiecare minut contează. Mergeți imediat la clinică.</p>
</div>
</div>
<!-- CAUZE FRECVENTE -->
<div class="ghid-section">
<span class="ghid-label">Context</span>
<h2 class="ghid-h2">Cele mai frecvente<br><em>cauze ale vomitului.</em></h2>
<ul class="ghid-list">
<li>Mâncat prea repede sau prea mult</li>
<li>Schimbarea bruscă a dietei</li>
<li>Ingestia de iarbă, pământ sau obiecte</li>
<li>Intoleranță sau alergie alimentară</li>
<li>Gastroenterită (virală sau bacteriană)</li>
<li>Corp străin în stomac sau intestin</li>
<li>Pancreatită — frecvent după mâncare grasă</li>
<li>Paraziți intestinali</li>
<li>Boli sistemice — renale, hepatice, endocrine</li>
<li>Intoxicații</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>
<p class="ghid-p">Pentru un câine adult care a vomitat o dată sau de două ori și este altfel bine:</p>
<ul class="ghid-list">
<li>Pauză alimentară 4–6 ore — fără mâncare, cu acces la apă în cantități mici și dese</li>
<li>După pauză — mâncare blândă în porții mici: orez fiert cu pui fiert simplu</li>
<li>Reintroduceți dieta normală treptat în 24–48 ore</li>
<li>Nu dați antiemetice sau antiacide fără indicația medicului</li>
<li>Monitorizați activ — dacă se agravează, sunați imediat</li>
</ul>
<div class="ghid-callout" style="margin-top: 24px;">
<p><strong>Nu dați niciodată medicamente umane</strong> — ibuprofen, paracetamol, antiacide umane — fără prescripție veterinară. Multe sunt toxice pentru câini.</p>
</div>
</div>
<!-- CE OBSERVI -->
<div class="ghid-section white">
<span class="ghid-label">La consultație</span>
<h2 class="ghid-h2">Ce informații ajută<br><em>la diagnostic.</em></h2>
<ul class="ghid-check-list">
<li>De câte ori a vomitat și în ce interval de timp</li>
<li>Culoarea și conținutul vomei</li>
<li>Când a mâncat ultima oară și ce</li>
<li>Dacă a putut ingera ceva neobișnuit</li>
<li>Dacă are și diaree asociată</li>
<li>Dacă bea apă normal</li>
<li>Dacă a mai avut episoade similare</li>
</ul>
</div>
<div class="ghid-pull">
<blockquote>Un vomit izolat poate fi banal.<br><em>Vomitul repetat nu este niciodată de ignorat.</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>Contextul contează<br><em>mai mult decât vomitul în sine.</em></h2>
<p>Un câine care a vomitat o dată și este altfel bine poate fi monitorizat acasă. Un câine care vomită repetat, are sânge sau nu poate fi liniștit — are nevoie de medic imediat.</p>
<p>Când ai dubii, sună. Nu există consultație inutilă când e vorba de sănătatea câinelui tău.</p>
<span class="ghid-handle">@vet.nascandaiana · Premiere Vet Oradea</span>
</div>
</div>