{"id":14094,"date":"2026-06-20T15:29:35","date_gmt":"2026-06-20T22:29:35","guid":{"rendered":"https:\/\/fab.dental\/?p=14094"},"modified":"2026-06-20T15:33:49","modified_gmt":"2026-06-20T22:33:49","slug":"%d9%86%d8%a7%da%a9-%d8%a2%d8%a4%d9%b9-%d8%a8%d8%a7%d9%84%d8%ba-%d8%af%d8%a7%d9%86%d8%aa-hayward-30-%d9%85%d9%86%d9%b9","status":"publish","type":"post","link":"https:\/\/fab.dental\/ur\/%d8%a8%d9%84%d8%a7%da%af\/%d9%86%d8%a7%da%a9-%d8%a2%d8%a4%d9%b9-%d8%a8%d8%a7%d9%84%d8%ba-%d8%af%d8%a7%d9%86%d8%aa-hayward-30-%d9%85%d9%86%d9%b9\/","title":{"rendered":"Hayward \u0645\u06cc\u06ba \u0646\u0627\u06a9 \u0622\u0624\u0679 \u0628\u0627\u0644\u063a \u062f\u0627\u0646\u062a: \u067e\u06c1\u0644\u06d2 30 \u0645\u0646\u0679 \u0645\u06cc\u06ba \u06a9\u06cc\u0627 \u06a9\u0631\u0646\u0627 \u06c1\u06d2"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">If an adult tooth gets knocked out, treat the next 30 minutes like a rescue window.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The goal is simple: keep the tooth root alive, keep the tooth moist, and get dental care fast. The tiny living cells on the root surface can dry out quickly once the tooth leaves the socket. Dental trauma guidelines, including the International Association of Dental Traumatology guidelines, consistently emphasize immediate replantation when safe and urgent dental treatment when an adult permanent tooth is avulsed. \u201cAvulsed\u201d means fully knocked out of the socket.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The tooth is not automatically hopeless after 30 minutes. I have seen teeth survive imperfect situations. But the odds get worse when the tooth sits dry in a napkin, on a countertop, or in someone\u2019s pocket while everyone debates what to do.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is the fast version.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Find the tooth.<\/strong><\/li>\n\n\n\n<li><strong>Hold it by the crown<\/strong>, the white chewing part.<\/li>\n\n\n\n<li><strong>Do not touch or scrub the root<\/strong>, the yellowish part that was inside the gum.<\/li>\n\n\n\n<li><strong>If dirty, rinse gently for a few seconds<\/strong> with milk, saline, or clean water if nothing else is available.<\/li>\n\n\n\n<li><strong>If it is an adult tooth, try to place it back in the socket only if it slides in easily and the person is alert.<\/strong><\/li>\n\n\n\n<li><strong>If you cannot reinsert it, store it in cold milk, saliva, or a tooth preservation solution.<\/strong><\/li>\n\n\n\n<li><strong>Call an <a href=\"https:\/\/fab.dental\/dental-services\/emergency-dentist\/\">emergency dentist for a knocked out tooth<\/a> immediately.<\/strong><\/li>\n\n\n\n<li><strong>Go to the ER first only for serious medical symptoms, major trauma, or uncontrolled bleeding.<\/strong><\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">For patients in Hayward, Castro Valley, San Leandro, Union City, San Lorenzo, Newark, Fremont, and nearby East Bay communities, the practical rule is clear: <strong>a knocked-out adult tooth needs same-day dental care unless there is a medical emergency that comes first.<\/strong><\/p>\n\n\n\n<style data-wp-block-html=\"css\">\n:root {\n  --fab-purple: #613091;\n  --fab-purple-dark: #4b2178;\n  --fab-purple-light: #f8f5fb;\n  --fab-purple-soft: #eee5f6;\n  --fab-purple-border: #d8c5e8;\n  --fab-navy: #1e285a;\n  --fab-text: #333333;\n  --fab-muted: #5f5f5f;\n  --fab-white: #ffffff;\n}\n\n\/* ==========================================\n   BASE GENERAL CTA EMERGENCIA\n========================================== *\/\n\n.fab-emergency-callout {\n  position: relative;\n  max-width: 900px;\n  margin: 40px auto;\n  padding: 34px 30px;\n  font-family: 'Segoe UI', Roboto, sans-serif;\n  line-height: 1.6;\n  text-align: center;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n.fab-emergency-callout *,\n.fab-emergency-callout *::before,\n.fab-emergency-callout *::after {\n  box-sizing: border-box;\n}\n\n.fab-emergency-title {\n  color: var(--fab-navy);\n  font-size: 32px;\n  line-height: 1.2;\n  margin: 0 0 14px;\n  font-weight: 800;\n}\n\n.fab-emergency-text {\n  color: var(--fab-text);\n  font-size: 17px;\n  line-height: 1.65;\n  max-width: 760px;\n  margin: 0 auto 24px;\n}\n\n.fab-emergency-callout .my-cta-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  padding: 14px 28px;\n  border-radius: 999px;\n  font-size: 15px;\n  font-weight: 800;\n  text-decoration: none;\n  line-height: 1.2;\n  letter-spacing: 0.2px;\n  box-shadow: 0 8px 18px rgba(97, 48, 145, 0.22);\n  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;\n}\n\n.fab-emergency-callout .my-cta-button:hover {\n  background-color: var(--fab-purple-dark);\n  transform: translateY(-2px);\n  box-shadow: 0 12px 24px rgba(97, 48, 145, 0.28);\n}\n\n.fab-emergency-callout .my-cta-button:focus-visible {\n  outline: 3px solid rgba(97, 48, 145, 0.28);\n  outline-offset: 4px;\n}\n\n\/* ==========================================\n   OPCI\u00d3N 1\n   Card suave premium\n========================================== *\/\n\n.fab-emergency-callout--soft-card {\n  background-color: var(--fab-white);\n  border: 1px solid var(--fab-purple-border);\n  border-radius: 22px;\n  box-shadow: 0 14px 34px rgba(97, 48, 145, 0.14);\n}\n\n.fab-emergency-callout--soft-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 50%;\n  width: 140px;\n  height: 6px;\n  background-color: var(--fab-purple);\n  border-radius: 0 0 999px 999px;\n  transform: translateX(-50%);\n}\n\n\/* ==========================================\n   OPCI\u00d3N 2\n   Fondo morado degradado\n========================================== *\/\n\n.fab-emergency-callout--purple-gradient {\n  background: linear-gradient(135deg, #613091 0%, #7c46af 100%);\n  border-radius: 24px;\n  box-shadow: 0 18px 42px rgba(97, 48, 145, 0.30);\n  color: var(--fab-white);\n}\n\n.fab-emergency-callout--purple-gradient::before {\n  content: \"\";\n  position: absolute;\n  width: 180px;\n  height: 180px;\n  right: -60px;\n  top: -70px;\n  background-color: rgba(255, 255, 255, 0.12);\n  border-radius: 50%;\n}\n\n.fab-emergency-callout--purple-gradient::after {\n  content: \"\";\n  position: absolute;\n  width: 105px;\n  height: 105px;\n  left: -32px;\n  bottom: -38px;\n  background-color: rgba(255, 255, 255, 0.10);\n  border-radius: 50%;\n}\n\n.fab-emergency-callout--purple-gradient .fab-emergency-title,\n.fab-emergency-callout--purple-gradient .fab-emergency-text {\n  position: relative;\n  z-index: 1;\n  color: var(--fab-white);\n}\n\n.fab-emergency-callout--purple-gradient .my-cta-button {\n  position: relative;\n  z-index: 1;\n  background-color: var(--fab-white);\n  color: var(--fab-purple);\n  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);\n}\n\n.fab-emergency-callout--purple-gradient .my-cta-button:hover {\n  background-color: #f4edf9;\n  color: var(--fab-purple-dark);\n}\n\n\/* ==========================================\n   OPCI\u00d3N 3\n   Panel dividido horizontal\n========================================== *\/\n\n.fab-emergency-callout--split-panel {\n  display: grid;\n  grid-template-columns: 1fr 1.6fr auto;\n  align-items: center;\n  gap: 22px;\n  text-align: left;\n  background-color: var(--fab-white);\n  border: 1px solid var(--fab-purple-border);\n  border-left: 12px solid var(--fab-purple);\n  border-radius: 20px;\n  box-shadow: 0 14px 34px rgba(97, 48, 145, 0.16);\n}\n\n.fab-emergency-callout--split-panel .fab-emergency-title {\n  margin: 0;\n  font-size: 28px;\n}\n\n.fab-emergency-callout--split-panel .fab-emergency-text {\n  max-width: none;\n  margin: 0;\n  font-size: 16px;\n}\n\n.fab-emergency-callout--split-panel .my-cta-button {\n  white-space: nowrap;\n}\n\n\/* ==========================================\n   OPCI\u00d3N 4\n   Card con encabezado morado\n========================================== *\/\n\n.fab-emergency-callout--header-band {\n  padding: 0;\n  background-color: var(--fab-white);\n  border: 1px solid var(--fab-purple-border);\n  border-radius: 22px;\n  box-shadow: 0 16px 38px rgba(97, 48, 145, 0.16);\n}\n\n.fab-emergency-callout--header-band::before {\n  content: \"Emergency Dental Care\";\n  display: block;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  padding: 13px 24px;\n  font-size: 13px;\n  font-weight: 900;\n  letter-spacing: 1.2px;\n  text-transform: uppercase;\n}\n\n.fab-emergency-callout--header-band .fab-emergency-title {\n  padding: 28px 30px 0;\n}\n\n.fab-emergency-callout--header-band .fab-emergency-text {\n  padding: 0 30px;\n}\n\n.fab-emergency-callout--header-band .my-cta-button {\n  margin-bottom: 30px;\n}\n\n\/* ==========================================\n   OPCI\u00d3N 5\n   Outline urgente con \u00edcono\n========================================== *\/\n\n.fab-emergency-callout--urgent-outline {\n  text-align: left;\n  background-color: var(--fab-white);\n  border: 2px solid var(--fab-purple);\n  border-radius: 22px;\n  padding: 32px 34px 32px 104px;\n  box-shadow: 0 14px 34px rgba(97, 48, 145, 0.18);\n}\n\n.fab-emergency-callout--urgent-outline::before {\n  content: \"!\";\n  position: absolute;\n  left: 32px;\n  top: 34px;\n  width: 48px;\n  height: 48px;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  border-radius: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: Georgia, serif;\n  font-size: 30px;\n  font-weight: 900;\n  box-shadow: 0 10px 22px rgba(97, 48, 145, 0.26);\n}\n\n.fab-emergency-callout--urgent-outline::after {\n  content: \"\";\n  position: absolute;\n  inset: 9px;\n  border: 1px solid rgba(97, 48, 145, 0.14);\n  border-radius: 15px;\n  pointer-events: none;\n}\n\n.fab-emergency-callout--urgent-outline .fab-emergency-title,\n.fab-emergency-callout--urgent-outline .fab-emergency-text,\n.fab-emergency-callout--urgent-outline .my-cta-button {\n  position: relative;\n  z-index: 1;\n}\n\n.fab-emergency-callout--urgent-outline .fab-emergency-text {\n  margin-left: 0;\n  margin-right: 0;\n}\n\n\/* ==========================================\n   OPCI\u00d3N 6\n   Banner destacado con borde grueso\n========================================== *\/\n\n.fab-emergency-callout--bold-banner {\n  background-color: var(--fab-purple-light);\n  border-radius: 24px;\n  border-left: 14px solid var(--fab-purple);\n  border-top: 1px solid var(--fab-purple-border);\n  border-right: 1px solid var(--fab-purple-border);\n  border-bottom: 1px solid var(--fab-purple-border);\n  box-shadow: 0 16px 36px rgba(97, 48, 145, 0.16);\n}\n\n.fab-emergency-callout--bold-banner .fab-emergency-title {\n  font-size: 34px;\n}\n\n.fab-emergency-callout--bold-banner .fab-emergency-text {\n  font-size: 17px;\n}\n\n\/* ==========================================\n   OPCI\u00d3N 7\n   Badge flotante superior\n========================================== *\/\n\n.fab-emergency-callout--floating-badge {\n  margin-top: 54px;\n  background-color: var(--fab-white);\n  border: 1px solid var(--fab-purple-border);\n  border-radius: 24px;\n  box-shadow: 0 16px 38px rgba(97, 48, 145, 0.15);\n}\n\n.fab-emergency-callout--floating-badge::before {\n  content: \"Same-day emergency help\";\n  position: absolute;\n  top: -17px;\n  left: 50%;\n  transform: translateX(-50%);\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  padding: 8px 18px;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 900;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  box-shadow: 0 8px 18px rgba(97, 48, 145, 0.24);\n  white-space: nowrap;\n}\n\n.fab-emergency-callout--floating-badge .fab-emergency-title {\n  margin-top: 6px;\n}\n\n\/* ==========================================\n   OPCI\u00d3N 8\n   Premium oscuro con morado\n========================================== *\/\n\n.fab-emergency-callout--dark-premium {\n  background: linear-gradient(135deg, #1e285a 0%, #2a3570 100%);\n  border-radius: 24px;\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  box-shadow: 0 18px 44px rgba(30, 40, 90, 0.24);\n}\n\n.fab-emergency-callout--dark-premium::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 7px;\n  width: 100%;\n  background: linear-gradient(90deg, var(--fab-purple) 0%, #9b6ac2 100%);\n}\n\n.fab-emergency-callout--dark-premium .fab-emergency-title,\n.fab-emergency-callout--dark-premium .fab-emergency-text {\n  color: var(--fab-white);\n}\n\n.fab-emergency-callout--dark-premium .fab-emergency-text {\n  opacity: 0.92;\n}\n\n.fab-emergency-callout--dark-premium .my-cta-button {\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);\n}\n\n.fab-emergency-callout--dark-premium .my-cta-button:hover {\n  background-color: #7c46af;\n}\n\n\/* ==========================================\n   OPCI\u00d3N 9\n   CTA compacto horizontal\n========================================== *\/\n\n.fab-emergency-callout--compact-horizontal {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 22px;\n  text-align: left;\n  background-color: var(--fab-purple-light);\n  border: 1px solid var(--fab-purple-border);\n  border-radius: 999px;\n  padding: 22px 24px 22px 34px;\n  box-shadow: 0 12px 28px rgba(97, 48, 145, 0.13);\n}\n\n.fab-emergency-callout--compact-horizontal .fab-emergency-title {\n  flex: 0 0 250px;\n  margin: 0;\n  font-size: 25px;\n}\n\n.fab-emergency-callout--compact-horizontal .fab-emergency-text {\n  flex: 1;\n  max-width: none;\n  margin: 0;\n  font-size: 15.5px;\n  line-height: 1.5;\n}\n\n.fab-emergency-callout--compact-horizontal .my-cta-button {\n  flex: 0 0 auto;\n  white-space: nowrap;\n}\n\n\/* ==========================================\n   OPCI\u00d3N 10\n   Esquina destacada\n========================================== *\/\n\n.fab-emergency-callout--corner-accent {\n  background-color: var(--fab-white);\n  border: 1px solid var(--fab-purple-border);\n  border-radius: 24px;\n  box-shadow: 0 16px 38px rgba(97, 48, 145, 0.15);\n}\n\n.fab-emergency-callout--corner-accent::before {\n  content: \"\";\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 115px;\n  height: 115px;\n  background-color: var(--fab-purple);\n  clip-path: polygon(100% 0, 0 0, 100% 100%);\n}\n\n.fab-emergency-callout--corner-accent::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  top: 12px;\n  color: var(--fab-white);\n  font-size: 28px;\n  font-weight: 900;\n  line-height: 1;\n}\n\n.fab-emergency-callout--corner-accent .fab-emergency-title,\n.fab-emergency-callout--corner-accent .fab-emergency-text,\n.fab-emergency-callout--corner-accent .my-cta-button {\n  position: relative;\n  z-index: 1;\n}\n\n.fab-emergency-callout--corner-accent .fab-emergency-title,\n.fab-emergency-callout--corner-accent .fab-emergency-text {\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* ==========================================\n   RESPONSIVE\n========================================== *\/\n\n@media (max-width: 768px) {\n  .fab-emergency-callout {\n    margin: 34px 16px;\n    padding: 28px 22px;\n  }\n\n  .fab-emergency-title {\n    font-size: 27px;\n  }\n\n  .fab-emergency-text {\n    font-size: 16px;\n  }\n\n  .fab-emergency-callout .my-cta-button {\n    width: 100%;\n    max-width: 360px;\n    padding: 14px 22px;\n  }\n\n  .fab-emergency-callout--split-panel {\n    grid-template-columns: 1fr;\n    text-align: center;\n    border-left: 1px solid var(--fab-purple-border);\n    border-top: 10px solid var(--fab-purple);\n  }\n\n  .fab-emergency-callout--split-panel .fab-emergency-title {\n    font-size: 27px;\n  }\n\n  .fab-emergency-callout--split-panel .fab-emergency-text {\n    margin: 0 auto;\n  }\n\n  .fab-emergency-callout--header-band {\n    padding: 0;\n  }\n\n  .fab-emergency-callout--header-band .fab-emergency-title {\n    padding: 26px 22px 0;\n  }\n\n  .fab-emergency-callout--header-band .fab-emergency-text {\n    padding: 0 22px;\n  }\n\n  .fab-emergency-callout--header-band .my-cta-button {\n    margin-bottom: 26px;\n  }\n\n  .fab-emergency-callout--urgent-outline {\n    text-align: center;\n    padding: 82px 22px 28px;\n  }\n\n  .fab-emergency-callout--urgent-outline::before {\n    top: 24px;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n\n  .fab-emergency-callout--bold-banner {\n    border-left: 1px solid var(--fab-purple-border);\n    border-top: 10px solid var(--fab-purple);\n  }\n\n  .fab-emergency-callout--bold-banner .fab-emergency-title {\n    font-size: 28px;\n  }\n\n  .fab-emergency-callout--floating-badge::before {\n    width: calc(100% - 44px);\n    text-align: center;\n    white-space: normal;\n  }\n\n  .fab-emergency-callout--compact-horizontal {\n    display: block;\n    text-align: center;\n    border-radius: 24px;\n    padding: 28px 22px;\n  }\n\n  .fab-emergency-callout--compact-horizontal .fab-emergency-title {\n    margin-bottom: 12px;\n    font-size: 27px;\n  }\n\n  .fab-emergency-callout--compact-horizontal .fab-emergency-text {\n    margin-bottom: 22px;\n  }\n\n  .fab-emergency-callout--corner-accent::before {\n    width: 90px;\n    height: 90px;\n  }\n\n  .fab-emergency-callout--corner-accent::after {\n    right: 16px;\n    top: 10px;\n    font-size: 24px;\n  }\n}\n    text-transform: uppercase;\n}\n\n.fab-emergency-text {\n    color: #333333; \n    font-size: 17px; \n    margin-bottom: 25px;\n}\n\n.my-cta-button {\n    background-color: #613091;\n    color: #ffffff !important;\n    padding: 12px 24px;\n    text-decoration: none;\n    border-radius: 6px;\n    font-weight: bold;\n    display: inline-block;\n    transition: background-color 0.3s ease;\n    cursor: pointer;\n    font-size: 16px;\n}\n\n.my-cta-button:hover {\n    background-color: #4b2570;\n    text-decoration: underline; \n}\n\n\/* Optimizaci\u00f3n para que el t\u00edtulo no quede gigante en m\u00f3viles *\/\n@media (max-width: 600px) {\n    .fab-emergency-title {\n        font-size: 26px;\n    }\n    .fab-emergency-text {\n        font-size: 16px;\n    }\n}\n<\/style>\n\n<div class=\"fab-emergency-callout fab-emergency-callout--soft-card\">\n\n  <h3 class=\"fab-emergency-title\">\n    Adult tooth knocked out?\n  <\/h3>\n\n  <p class=\"fab-emergency-text\">\n   Call Fab Dental now for emergency guidance in Hayward.\n  <\/p>\n\n  <a href=\"tel:5103423908\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"my-cta-button\">\n    Call Fab Dental\n  <\/a>\n\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">Step 1: Decide Whether to Call the Dentist or Go to the ER<\/h2>\n\n\n\n<style data-wp-block-html=\"css\">\n:root {\n  --fab-purple: #613091;\n  --fab-purple-dark: #4c2079;\n  --fab-purple-soft: #f8f5fb;\n  --fab-purple-tint: #efe6f7;\n  --fab-purple-border: #dccce8;\n  --fab-text: #333333;\n  --fab-muted: #5f5f5f;\n  --fab-white: #ffffff;\n}\n\n\/* Base *\/\n.fab-callout {\n  box-sizing: border-box;\n  max-width: 900px;\n  margin: 30px auto;\n  font-family: sans-serif;\n  color: var(--fab-text);\n}\n\n.fab-callout,\n.fab-callout * {\n  box-sizing: border-box;\n}\n\n.fab-callout__content p {\n  margin: 0;\n  color: var(--fab-text);\n  font-size: 16px;\n  line-height: 1.6;\n}\n\n.fab-callout strong {\n  color: var(--fab-purple);\n  font-weight: 700;\n  text-transform: uppercase;\n  font-size: 14px;\n  letter-spacing: 1px;\n}\n\n\/* Variante 1: Barra lateral cl\u00e1sica *\/\n.fab-callout--bar {\n  background-color: var(--fab-purple-soft);\n  border-left: 6px solid var(--fab-purple);\n  padding: 20px 25px;\n  border-radius: 4px 10px 10px 4px;\n  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);\n}\n\n\/* Variante 2: Card suave elevada *\/\n.fab-callout--soft-card {\n  background-color: var(--fab-white);\n  border: 1px solid var(--fab-purple-border);\n  padding: 24px 28px;\n  border-radius: 14px;\n  box-shadow: 0 8px 24px rgba(97, 48, 145, 0.10);\n}\n\n.fab-callout--soft-card strong {\n  display: inline-block;\n  margin-right: 6px;\n}\n\n\/* Variante 3: Callout con \u00edcono circular *\/\n.fab-callout--icon {\n  position: relative;\n  background-color: var(--fab-purple-soft);\n  border: 1px solid var(--fab-purple-border);\n  padding: 22px 26px 22px 72px;\n  border-radius: 14px;\n  box-shadow: 0 5px 16px rgba(97, 48, 145, 0.08);\n}\n\n.fab-callout--icon::before {\n  content: \"i\";\n  position: absolute;\n  left: 24px;\n  top: 24px;\n  width: 30px;\n  height: 30px;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  border-radius: 50%;\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 30px;\n  text-align: center;\n  font-family: Georgia, serif;\n}\n\n\/* Variante 4: Acento superior *\/\n.fab-callout--top-accent {\n  background-color: var(--fab-white);\n  border: 1px solid var(--fab-purple-border);\n  border-top: 6px solid var(--fab-purple);\n  padding: 22px 26px;\n  border-radius: 14px;\n  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);\n}\n\n\/* Variante 5: Outline elegante *\/\n.fab-callout--outline {\n  background-color: transparent;\n  border: 2px solid var(--fab-purple-border);\n  padding: 22px 26px;\n  border-radius: 14px;\n  position: relative;\n}\n\n.fab-callout--outline::after {\n  content: \"\";\n  position: absolute;\n  inset: 6px;\n  border-radius: 10px;\n  border: 1px solid rgba(97, 48, 145, 0.12);\n  pointer-events: none;\n}\n\n\/* Variante 6: Gradiente sutil *\/\n.fab-callout--gradient {\n  background: linear-gradient(135deg, #ffffff 0%, var(--fab-purple-soft) 100%);\n  border: 1px solid var(--fab-purple-border);\n  padding: 24px 28px;\n  border-radius: 16px;\n  box-shadow: 0 10px 28px rgba(97, 48, 145, 0.10);\n  position: relative;\n  overflow: hidden;\n}\n\n.fab-callout--gradient::before {\n  content: \"\";\n  position: absolute;\n  width: 90px;\n  height: 90px;\n  right: -28px;\n  top: -28px;\n  background-color: rgba(97, 48, 145, 0.08);\n  border-radius: 50%;\n}\n\n.fab-callout--gradient .fab-callout__content {\n  position: relative;\n  z-index: 1;\n}\n\n\/* Variante 7: Compacta con label tipo pill *\/\n.fab-callout--compact {\n  background-color: var(--fab-purple-soft);\n  border: 1px solid var(--fab-purple-border);\n  padding: 18px 22px;\n  border-radius: 999px;\n  box-shadow: 0 4px 12px rgba(97, 48, 145, 0.07);\n}\n\n.fab-callout--compact strong {\n  display: inline-block;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  padding: 4px 10px;\n  border-radius: 999px;\n  margin-right: 8px;\n  font-size: 12px;\n  letter-spacing: 0.8px;\n}\n\n\/* Responsive *\/\n@media (max-width: 640px) {\n  .fab-callout {\n    margin: 24px 16px;\n  }\n\n  .fab-callout__content p {\n    font-size: 15px;\n    line-height: 1.55;\n  }\n\n  .fab-callout--bar,\n  .fab-callout--soft-card,\n  .fab-callout--top-accent,\n  .fab-callout--outline,\n  .fab-callout--gradient {\n    padding: 18px 20px;\n  }\n\n  .fab-callout--icon {\n    padding: 20px 20px 20px 62px;\n  }\n\n  .fab-callout--icon::before {\n    left: 20px;\n    top: 21px;\n  }\n\n  .fab-callout--compact {\n    border-radius: 16px;\n  }\n\n  .fab-callout--compact strong {\n    margin-bottom: 6px;\n  }\n}\n<\/style>\n\n<aside class=\"fab-callout fab-callout--gradient\" role=\"note\">\n  <div class=\"fab-callout__content\">\n    <p>\n      If the injury is tooth-specific and the person is medically stable, call an emergency dentist first. If there are signs of head trauma, airway risk, uncontrolled bleeding, or severe facial injury, go to the ER or call 911 first.\n    <\/p>\n  <\/div>\n<\/aside>\n\n\n\n<p class=\"wp-block-paragraph\">A knocked-out adult tooth is one of the few dental emergencies where minutes can change the outcome. But the right first stop depends on what else happened.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Use this Hayward decision rule:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Situation<\/th><th class=\"has-text-align-right\" data-align=\"right\">Best first step<\/th><th>Why<\/th><\/tr><\/thead><tbody><tr><td>Adult tooth knocked out, no major injury<\/td><td class=\"has-text-align-right\" data-align=\"right\"><strong>Call an emergency dentist immediately<\/strong><\/td><td>A dentist can reimplant, stabilize, X-ray, and monitor the tooth<\/td><\/tr><tr><td>Tooth knocked out plus fainting, confusion, vomiting, or head injury<\/td><td class=\"has-text-align-right\" data-align=\"right\"><strong>Go to the ER<\/strong><\/td><td>Concussion or serious trauma must be ruled out<\/td><\/tr><tr><td>Tooth knocked out plus uncontrolled bleeding<\/td><td class=\"has-text-align-right\" data-align=\"right\"><strong>Go to the ER or call 911<\/strong><\/td><td>Bleeding control comes before tooth repair<\/td><\/tr><tr><td>Tooth knocked out after car crash, assault, major fall, or sports collision<\/td><td class=\"has-text-align-right\" data-align=\"right\"><strong>ER first if medical trauma is suspected<\/strong><\/td><td>Jaw, facial bone, neck, or brain injury may be present<\/td><\/tr><tr><td>Child\u2019s tooth knocked out and you are unsure if it is baby or adult<\/td><td class=\"has-text-align-right\" data-align=\"right\"><strong>Call a dentist urgently<\/strong><\/td><td>Baby teeth are usually not reimplanted<\/td><\/tr><tr><td>Tooth is loose, displaced, or pushed inward but not fully out<\/td><td class=\"has-text-align-right\" data-align=\"right\"><strong>Call an emergency dentist<\/strong><\/td><td>The tooth may need repositioning and splinting<\/td><\/tr><tr><td>Tooth is broken but still in place<\/td><td class=\"has-text-align-right\" data-align=\"right\"><strong>Call a dentist same day<\/strong><\/td><td>Treatment depends on nerve, root, and fracture depth<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The biggest mistake I see in dental emergencies is hesitation. People lose 20 minutes searching online, calling relatives, or waiting to see if bleeding stops completely. With an avulsed adult tooth, delay can close treatment options.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you are searching <strong>\u201cwhat to do if adult tooth falls out\u201d<\/strong> from Hayward or the East Bay, assume you need urgent dental advice now.<\/p>\n\n\n\n<style data-wp-block-html=\"css\">\n:root {\n  --fab-purple: #613091;\n  --fab-purple-dark: #4b2178;\n  --fab-purple-light: #f8f5fb;\n  --fab-purple-soft: #eee5f6;\n  --fab-purple-border: #d8c5e8;\n\n  --fab-navy: #1e285a;\n  --fab-navy-dark: #0b1330;\n\n  --fab-text: #333333;\n  --fab-muted: #666666;\n  --fab-white: #ffffff;\n}\n\n\/* ==========================================\n   BASE GENERAL BLOQUE DE CITA\n========================================== *\/\n\n.fab-quote-container {\n  position: relative;\n  isolation: isolate;\n  max-width: 950px;\n  margin: 60px auto;\n  padding: 40px;\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) 240px;\n  gap: 50px;\n  align-items: center;\n  font-family: 'Segoe UI', Roboto, sans-serif;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n.fab-quote-container *,\n.fab-quote-container *::before,\n.fab-quote-container *::after {\n  box-sizing: border-box;\n}\n\n.fab-quote-content {\n  position: relative;\n  z-index: 2;\n  border-left: 4px solid var(--fab-navy);\n  padding-left: 30px;\n}\n\n.fab-quote-text {\n  font-family: Georgia, serif;\n  font-size: 22px;\n  line-height: 1.6;\n  color: var(--fab-navy);\n  font-style: italic;\n  margin: 0 0 20px;\n}\n\n.fab-quote-author {\n  display: block;\n  font-family: 'Montserrat', 'Helvetica Neue', sans-serif;\n  font-size: 15px;\n  font-weight: 800;\n  color: var(--fab-navy-dark);\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  font-style: normal;\n  line-height: 1.45;\n}\n\n.fab-author-title {\n  font-weight: 400;\n  color: var(--fab-muted);\n  font-size: 14px;\n}\n\n.fab-quote-image-wrapper {\n  position: relative;\n  z-index: 2;\n  justify-self: center;\n}\n\n.fab-quote-image {\n  width: 240px;\n  height: 240px;\n  object-fit: cover;\n  border-radius: 50%;\n  box-shadow: 0 10px 30px rgba(30, 40, 90, 0.15);\n  display: block;\n}\n\n\/* ==========================================\n   OPCI\u00d3N 1\n   Cl\u00e1sico con fondo dental sutil\n========================================== *\/\n\n.fab-quote-container--classic-tooth {\n  background-color: var(--fab-white);\n  border-radius: 16px;\n  border: 1px solid rgba(30, 40, 90, 0.08);\n  box-shadow: 0 14px 34px rgba(30, 40, 90, 0.10);\n}\n\n.fab-quote-container--classic-tooth::before {\n  content: \"\";\n  position: absolute;\n  bottom: -35px;\n  left: -35px;\n  width: 320px;\n  height: 320px;\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%231e285a' opacity='0.045'%3E%3Cpath d='M12 2c1.2 0 3 .8 4 1.5s2.5 2.7 2.8 4.5c.3 1.8.2 4-.5 5.5-.6 1.3-1.8 2-2.3 3.5-.5 1.5-.2 3.5-.5 5-.3 1.3-1.2 2-2.5 2-1 0-1.5-.5-2-1-.5-.5-1-1-2-1s-1.5.5-2 1c-.5.5-1 1-2 1-1.3 0-2.2-.7-2.5-2-.3-1.5 0-3.5-.5-5-.5-1.5-1.7-2.2-2.3-3.5-.7-1.5-.8-3.7-.5-5.5C4.5 6.2 6 4.2 7 3.5S10.8 2 12 2m0-2C9 0 5 1.5 4 3s-2.5 4.5-2.9 7c-.4 2.5 0 5.5.9 7.5.8 1.8 2 2.2 2.5 4 .3 1 .8 3.5 3 3.5 1.7 0 2.5-1 3.5-2 .5-.5 1-.5 1 0 1 1 1.8 2 3.5 2 2.2 0 2.7-2.5 3-3.5.5-1.8 1.7-2.2 2.5-4 .9-2 1.3-5 .9-7.5-.4-2.5-1.9-5.5-2.9-7C19 1.5 15 0 12 0z'\/%3E%3C\/svg%3E\");\n  background-size: contain;\n  background-repeat: no-repeat;\n  pointer-events: none;\n  filter: blur(1px);\n  z-index: 0;\n}\n\n.fab-quote-container--classic-tooth .fab-quote-image {\n  border: 6px solid var(--fab-white);\n}\n\n\/* ==========================================\n   OPCI\u00d3N 2\n   Fondo morado degradado\n========================================== *\/\n\n.fab-quote-container--purple-gradient {\n  background: linear-gradient(135deg, #613091 0%, #7c46af 100%);\n  border-radius: 26px;\n  box-shadow: 0 20px 46px rgba(97, 48, 145, 0.30);\n}\n\n.fab-quote-container--purple-gradient::before {\n  content: \"\";\n  position: absolute;\n  width: 180px;\n  height: 180px;\n  right: -60px;\n  top: -60px;\n  background-color: rgba(255, 255, 255, 0.13);\n  border-radius: 50%;\n  z-index: 0;\n}\n\n.fab-quote-container--purple-gradient::after {\n  content: \"\";\n  position: absolute;\n  width: 110px;\n  height: 110px;\n  left: -35px;\n  bottom: -42px;\n  background-color: rgba(255, 255, 255, 0.10);\n  border-radius: 50%;\n  z-index: 0;\n}\n\n.fab-quote-container--purple-gradient .fab-quote-content {\n  border-left-color: rgba(255, 255, 255, 0.55);\n}\n\n.fab-quote-container--purple-gradient .fab-quote-text,\n.fab-quote-container--purple-gradient .fab-quote-author,\n.fab-quote-container--purple-gradient .fab-author-title {\n  color: var(--fab-white);\n}\n\n.fab-quote-container--purple-gradient .fab-author-title {\n  opacity: 0.82;\n}\n\n.fab-quote-container--purple-gradient .fab-quote-image {\n  border: 7px solid rgba(255, 255, 255, 0.85);\n  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.22);\n}\n\n\/* ==========================================\n   OPCI\u00d3N 3\n   Panel dividido con foto destacada\n========================================== *\/\n\n.fab-quote-container--split-panel {\n  padding: 0;\n  grid-template-columns: minmax(0, 1fr) 300px;\n  gap: 0;\n  background-color: var(--fab-white);\n  border: 1px solid var(--fab-purple-border);\n  border-radius: 24px;\n  box-shadow: 0 16px 38px rgba(97, 48, 145, 0.16);\n}\n\n.fab-quote-container--split-panel .fab-quote-content {\n  border-left: none;\n  padding: 44px;\n}\n\n.fab-quote-container--split-panel .fab-quote-content::before {\n  content: \"\u201c\";\n  display: block;\n  font-family: Georgia, serif;\n  font-size: 72px;\n  line-height: 0.75;\n  color: var(--fab-purple);\n  margin-bottom: 8px;\n}\n\n.fab-quote-container--split-panel .fab-quote-text {\n  font-size: 23px;\n}\n\n.fab-quote-container--split-panel .fab-quote-image-wrapper {\n  width: 100%;\n  height: 100%;\n  min-height: 330px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: linear-gradient(135deg, var(--fab-navy) 0%, var(--fab-purple) 100%);\n  padding: 32px;\n}\n\n.fab-quote-container--split-panel .fab-quote-image {\n  width: 220px;\n  height: 220px;\n  border: 7px solid var(--fab-white);\n  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.24);\n}\n\n\/* ==========================================\n   OPCI\u00d3N 4\n   Quote spotlight\n========================================== *\/\n\n.fab-quote-container--quote-spotlight {\n  background-color: var(--fab-purple-light);\n  border: 1px solid var(--fab-purple-border);\n  border-radius: 26px;\n  padding: 48px 44px;\n  box-shadow: 0 16px 38px rgba(97, 48, 145, 0.14);\n}\n\n.fab-quote-container--quote-spotlight::before {\n  content: \"\u201c\";\n  position: absolute;\n  left: 26px;\n  top: -4px;\n  font-family: Georgia, serif;\n  font-size: 170px;\n  line-height: 1;\n  color: rgba(97, 48, 145, 0.12);\n  z-index: 0;\n}\n\n.fab-quote-container--quote-spotlight .fab-quote-content {\n  border-left: none;\n  padding-left: 0;\n}\n\n.fab-quote-container--quote-spotlight .fab-quote-text {\n  font-size: 24px;\n  color: var(--fab-navy);\n}\n\n.fab-quote-container--quote-spotlight .fab-quote-author {\n  color: var(--fab-purple);\n}\n\n.fab-quote-container--quote-spotlight .fab-quote-image {\n  border: 8px solid var(--fab-white);\n  box-shadow: 0 14px 32px rgba(97, 48, 145, 0.20);\n}\n\n\/* ==========================================\n   OPCI\u00d3N 5\n   Foto enmarcada premium\n========================================== *\/\n\n.fab-quote-container--framed-photo {\n  background-color: var(--fab-white);\n  border-radius: 24px;\n  border: 1px solid var(--fab-purple-border);\n  border-top: 8px solid var(--fab-purple);\n  box-shadow: 0 18px 42px rgba(97, 48, 145, 0.16);\n}\n\n.fab-quote-container--framed-photo .fab-quote-content {\n  border-left: none;\n  padding-left: 0;\n}\n\n.fab-quote-container--framed-photo .fab-quote-content::before {\n  content: \"Clinical perspective\";\n  display: inline-block;\n  margin-bottom: 16px;\n  padding: 7px 14px;\n  background-color: var(--fab-purple-light);\n  color: var(--fab-purple);\n  border: 1px solid var(--fab-purple-border);\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 900;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.fab-quote-container--framed-photo .fab-quote-image-wrapper {\n  padding: 12px;\n  background-color: var(--fab-purple-light);\n  border: 1px solid var(--fab-purple-border);\n  border-radius: 30px;\n}\n\n.fab-quote-container--framed-photo .fab-quote-image {\n  width: 230px;\n  height: 260px;\n  border-radius: 22px;\n  box-shadow: 0 10px 24px rgba(97, 48, 145, 0.16);\n}\n\n\/* ==========================================\n   OPCI\u00d3N 6\n   Premium oscuro\n========================================== *\/\n\n.fab-quote-container--dark-premium {\n  background: linear-gradient(135deg, #0b1330 0%, #1e285a 100%);\n  border-radius: 26px;\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  box-shadow: 0 20px 48px rgba(30, 40, 90, 0.26);\n}\n\n.fab-quote-container--dark-premium::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 7px;\n  width: 100%;\n  background: linear-gradient(90deg, var(--fab-purple) 0%, #9b6ac2 100%);\n  z-index: 1;\n}\n\n.fab-quote-container--dark-premium .fab-quote-content {\n  border-left-color: #9b6ac2;\n}\n\n.fab-quote-container--dark-premium .fab-quote-text,\n.fab-quote-container--dark-premium .fab-quote-author {\n  color: var(--fab-white);\n}\n\n.fab-quote-container--dark-premium .fab-author-title {\n  color: rgba(255, 255, 255, 0.72);\n}\n\n.fab-quote-container--dark-premium .fab-quote-image {\n  border: 7px solid rgba(255, 255, 255, 0.18);\n  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28);\n}\n\n\/* ==========================================\n   OPCI\u00d3N 7\n   Etiqueta vertical Doctor Insight\n========================================== *\/\n\n.fab-quote-container--vertical-label {\n  background-color: var(--fab-white);\n  border: 1px solid var(--fab-purple-border);\n  border-radius: 24px;\n  padding: 42px 42px 42px 100px;\n  box-shadow: 0 16px 38px rgba(97, 48, 145, 0.15);\n}\n\n.fab-quote-container--vertical-label::before {\n  content: \"DOCTOR INSIGHT\";\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 58px;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  writing-mode: vertical-rl;\n  transform: rotate(180deg);\n  font-size: 12px;\n  font-weight: 900;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  z-index: 1;\n}\n\n.fab-quote-container--vertical-label .fab-quote-content {\n  border-left: none;\n  padding-left: 0;\n}\n\n.fab-quote-container--vertical-label .fab-quote-author {\n  color: var(--fab-purple);\n}\n\n.fab-quote-container--vertical-label .fab-quote-image {\n  width: 220px;\n  height: 220px;\n  border: 7px solid var(--fab-purple-light);\n}\n\n\/* ==========================================\n   OPCI\u00d3N 8\n   Cita tipo bubble card\n========================================== *\/\n\n.fab-quote-container--bubble-card {\n  background: linear-gradient(135deg, var(--fab-purple-light) 0%, #ffffff 100%);\n  border: 1px solid var(--fab-purple-border);\n  border-radius: 30px;\n  gap: 36px;\n  box-shadow: 0 16px 38px rgba(97, 48, 145, 0.14);\n}\n\n.fab-quote-container--bubble-card .fab-quote-content {\n  position: relative;\n  background-color: var(--fab-white);\n  border-left: none;\n  padding: 34px;\n  border-radius: 22px;\n  box-shadow: 0 12px 28px rgba(97, 48, 145, 0.11);\n}\n\n.fab-quote-container--bubble-card .fab-quote-content::after {\n  content: \"\";\n  position: absolute;\n  right: -16px;\n  top: 50%;\n  transform: translateY(-50%);\n  border-top: 16px solid transparent;\n  border-bottom: 16px solid transparent;\n  border-left: 16px solid var(--fab-white);\n}\n\n.fab-quote-container--bubble-card .fab-quote-text {\n  font-size: 21px;\n}\n\n.fab-quote-container--bubble-card .fab-quote-image {\n  border: 8px solid var(--fab-white);\n  box-shadow: 0 14px 30px rgba(97, 48, 145, 0.18);\n}\n\n\/* ==========================================\n   OPCI\u00d3N 9\n   Fondo con patr\u00f3n sutil\n========================================== *\/\n\n.fab-quote-container--soft-pattern {\n  background-color: var(--fab-purple-light);\n  background-image:\n    radial-gradient(circle at 18px 18px, rgba(97, 48, 145, 0.12) 2px, transparent 2px);\n  background-size: 30px 30px;\n  border: 1px solid var(--fab-purple-border);\n  border-radius: 26px;\n  box-shadow: 0 16px 38px rgba(97, 48, 145, 0.13);\n}\n\n.fab-quote-container--soft-pattern .fab-quote-content {\n  background-color: rgba(255, 255, 255, 0.88);\n  border-left: 6px solid var(--fab-purple);\n  padding: 30px;\n  border-radius: 18px;\n  backdrop-filter: blur(3px);\n}\n\n.fab-quote-container--soft-pattern .fab-quote-author {\n  color: var(--fab-purple);\n}\n\n.fab-quote-container--soft-pattern .fab-quote-image {\n  border: 7px solid var(--fab-white);\n}\n\n\/* ==========================================\n   OPCI\u00d3N 10\n   Imagen a la izquierda\n========================================== *\/\n\n.fab-quote-container--image-left-panel {\n  grid-template-columns: 240px minmax(0, 1fr);\n  background-color: var(--fab-white);\n  border-radius: 24px;\n  border: 1px solid var(--fab-purple-border);\n  box-shadow: 0 16px 38px rgba(97, 48, 145, 0.15);\n}\n\n.fab-quote-container--image-left-panel .fab-quote-image-wrapper {\n  grid-column: 1;\n  grid-row: 1;\n}\n\n.fab-quote-container--image-left-panel .fab-quote-content {\n  grid-column: 2;\n  grid-row: 1;\n  border-left: none;\n  border-right: 5px solid var(--fab-purple);\n  padding-left: 0;\n  padding-right: 34px;\n  text-align: right;\n}\n\n.fab-quote-container--image-left-panel .fab-quote-image {\n  border: 7px solid var(--fab-purple-light);\n}\n\n.fab-quote-container--image-left-panel .fab-quote-author {\n  color: var(--fab-purple);\n}\n\n\/* ==========================================\n   OPCI\u00d3N 11\n   Minimal luxe\n========================================== *\/\n\n.fab-quote-container--minimal-luxe {\n  background-color: var(--fab-white);\n  border-top: 1px solid var(--fab-purple-border);\n  border-bottom: 1px solid var(--fab-purple-border);\n  padding: 46px 0;\n  overflow: visible;\n}\n\n.fab-quote-container--minimal-luxe::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 120px;\n  height: 6px;\n  background-color: var(--fab-purple);\n}\n\n.fab-quote-container--minimal-luxe::after {\n  content: \"\";\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  width: 120px;\n  height: 6px;\n  background-color: var(--fab-navy);\n}\n\n.fab-quote-container--minimal-luxe .fab-quote-content {\n  border-left: none;\n  padding-left: 0;\n}\n\n.fab-quote-container--minimal-luxe .fab-quote-text {\n  font-size: 24px;\n}\n\n.fab-quote-container--minimal-luxe .fab-quote-author {\n  color: var(--fab-purple);\n}\n\n.fab-quote-container--minimal-luxe .fab-quote-image {\n  box-shadow: none;\n  border: 2px solid var(--fab-purple-border);\n}\n\n\/* ==========================================\n   RESPONSIVE\n========================================== *\/\n\n@media (max-width: 768px) {\n  .fab-quote-container {\n    grid-template-columns: 1fr;\n    gap: 28px;\n    margin: 42px 20px;\n    padding: 28px 22px;\n    text-align: center;\n  }\n\n  .fab-quote-content {\n    grid-row: 2;\n    border-left: none;\n    padding-left: 0;\n  }\n\n  .fab-quote-image-wrapper {\n    grid-row: 1;\n    justify-self: center;\n  }\n\n  .fab-quote-image {\n    width: 180px;\n    height: 180px;\n  }\n\n  .fab-quote-text {\n    font-size: 19px;\n    line-height: 1.55;\n    text-align: center;\n  }\n\n  .fab-quote-author {\n    font-size: 14px;\n    text-align: center;\n  }\n\n  .fab-author-title {\n    display: block;\n    margin-top: 4px;\n  }\n\n  \/* Opci\u00f3n 1 responsive *\/\n  .fab-quote-container--classic-tooth::before {\n    width: 220px;\n    height: 220px;\n    left: 50%;\n    bottom: -25px;\n    transform: translateX(-50%);\n  }\n\n  .fab-quote-container--classic-tooth .fab-quote-content {\n    border-top: 3px solid var(--fab-navy);\n    padding-top: 24px;\n  }\n\n  \/* Opci\u00f3n 2 responsive *\/\n  .fab-quote-container--purple-gradient .fab-quote-content {\n    border-left: none;\n    border-top: 3px solid rgba(255, 255, 255, 0.55);\n    padding-top: 24px;\n  }\n\n  \/* Opci\u00f3n 3 responsive *\/\n  .fab-quote-container--split-panel {\n    padding: 0;\n    grid-template-columns: 1fr;\n  }\n\n  .fab-quote-container--split-panel .fab-quote-image-wrapper {\n    min-height: auto;\n    padding: 30px 22px;\n  }\n\n  .fab-quote-container--split-panel .fab-quote-content {\n    padding: 30px 22px 34px;\n  }\n\n  .fab-quote-container--split-panel .fab-quote-content::before {\n    font-size: 60px;\n  }\n\n  \/* Opci\u00f3n 4 responsive *\/\n  .fab-quote-container--quote-spotlight {\n    padding: 34px 22px;\n  }\n\n  .fab-quote-container--quote-spotlight::before {\n    left: 50%;\n    top: -10px;\n    transform: translateX(-50%);\n    font-size: 130px;\n  }\n\n  \/* Opci\u00f3n 5 responsive *\/\n  .fab-quote-container--framed-photo .fab-quote-image {\n    width: 180px;\n    height: 210px;\n  }\n\n  \/* Opci\u00f3n 6 responsive *\/\n  .fab-quote-container--dark-premium .fab-quote-content {\n    border-left: none;\n    border-top: 3px solid #9b6ac2;\n    padding-top: 24px;\n  }\n\n  \/* Opci\u00f3n 7 responsive *\/\n  .fab-quote-container--vertical-label {\n    padding: 74px 22px 30px;\n  }\n\n  .fab-quote-container--vertical-label::before {\n    right: 0;\n    bottom: auto;\n    width: 100%;\n    height: 42px;\n    writing-mode: horizontal-tb;\n    transform: none;\n  }\n\n  \/* Opci\u00f3n 8 responsive *\/\n  .fab-quote-container--bubble-card .fab-quote-content {\n    padding: 26px 22px;\n  }\n\n  .fab-quote-container--bubble-card .fab-quote-content::after {\n    display: none;\n  }\n\n  \/* Opci\u00f3n 9 responsive *\/\n  .fab-quote-container--soft-pattern .fab-quote-content {\n    border-left: none;\n    border-top: 5px solid var(--fab-purple);\n    padding: 24px 20px;\n  }\n\n  \/* Opci\u00f3n 10 responsive *\/\n  .fab-quote-container--image-left-panel {\n    grid-template-columns: 1fr;\n  }\n\n  .fab-quote-container--image-left-panel .fab-quote-image-wrapper {\n    grid-column: 1;\n    grid-row: 1;\n  }\n\n  .fab-quote-container--image-left-panel .fab-quote-content {\n    grid-column: 1;\n    grid-row: 2;\n    border-right: none;\n    border-top: 4px solid var(--fab-purple);\n    padding-right: 0;\n    padding-top: 24px;\n    text-align: center;\n  }\n\n  \/* Opci\u00f3n 11 responsive *\/\n  .fab-quote-container--minimal-luxe {\n    padding: 34px 0;\n  }\n\n  .fab-quote-container--minimal-luxe::before,\n  .fab-quote-container--minimal-luxe::after {\n    width: 90px;\n  }\n}\n<\/style>\n\n<div class=\"fab-quote-container fab-quote-container--minimal-luxe\">\n\n  <div class=\"fab-quote-content\">\n    <blockquote class=\"fab-quote-text\">\n     \u201cA knocked-out adult tooth is a time-sensitive dental injury. The priorities are to protect the root, keep the tooth moist, avoid unnecessary handling, and get to a dentist quickly. Even if you are unsure whether the tooth can be saved, call. Waiting usually does more harm than asking for help.\u201d\n    <\/blockquote>\n\n    <cite class=\"fab-quote-author\">\n      \u2014 Dr. Guneet Alag, DDS, FAGD\n      <span class=\"fab-author-title\">| Fellow in Implantology<\/span>\n    <\/cite>\n  <\/div>\n\n  <div class=\"fab-quote-image-wrapper\">\n    <img decoding=\"async\" src=\"https:\/\/fab.dental\/wp-content\/uploads\/2023\/02\/Picture1.webp\" alt=\"Dr. Guneet Alag - Fab Dental\" class=\"fab-quote-image\" loading=\"lazy\" title=\"\">\n  <\/div>\n\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">Step 2: Handle the Knocked-Out Tooth Correctly<\/h2>\n\n\n\n<style data-wp-block-html=\"css\">\n:root {\n  --fab-purple: #613091;\n  --fab-purple-dark: #4b2178;\n  --fab-purple-light: #f8f5fb;\n  --fab-purple-soft: #eee5f6;\n  --fab-purple-border: #d8c5e8;\n  --fab-text: #333333;\n  --fab-white: #ffffff;\n}\n\n\/* =========================\n   BASE GENERAL\n========================= *\/\n\n.fab-info-callout {\n  max-width: 900px;\n  margin: 30px auto;\n  font-family: sans-serif;\n  box-sizing: border-box;\n}\n\n.fab-info-callout *,\n.fab-info-callout *::before,\n.fab-info-callout *::after {\n  box-sizing: border-box;\n}\n\n.callout-content p {\n  color: var(--fab-text);\n  font-size: 16px;\n  line-height: 1.6;\n  margin: 0;\n}\n\n.callout-content strong {\n  color: var(--fab-purple);\n  font-weight: 800;\n  text-transform: uppercase;\n  font-size: 13px;\n  letter-spacing: 1px;\n}\n\n\/* =========================\n   OPCI\u00d3N 1\n   Panel morado lateral fuerte\n========================= *\/\n\n.fab-info-callout--purple-panel {\n  display: flex;\n  background-color: var(--fab-white);\n  border-radius: 16px;\n  overflow: hidden;\n  border: 1px solid var(--fab-purple-border);\n  box-shadow: 0 12px 28px rgba(97, 48, 145, 0.14);\n}\n\n.fab-info-callout--purple-panel::before {\n  content: \"!\";\n  flex: 0 0 64px;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 34px;\n  font-weight: 800;\n  font-family: Georgia, serif;\n}\n\n.fab-info-callout--purple-panel .callout-content {\n  padding: 24px 28px;\n}\n\n\/* =========================\n   OPCI\u00d3N 2\n   Card con encabezado morado\n========================= *\/\n\n.fab-info-callout--header-card {\n  background-color: var(--fab-white);\n  border-radius: 18px;\n  border: 1px solid var(--fab-purple-border);\n  overflow: hidden;\n  box-shadow: 0 14px 32px rgba(97, 48, 145, 0.16);\n}\n\n.fab-info-callout--header-card::before {\n  content: \"Important information\";\n  display: block;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  padding: 12px 24px;\n  font-size: 13px;\n  font-weight: 800;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.fab-info-callout--header-card .callout-content {\n  padding: 24px 28px;\n}\n\n.fab-info-callout--header-card .callout-content strong {\n  color: var(--fab-purple-dark);\n}\n\n\/* =========================\n   OPCI\u00d3N 3\n   Fondo morado degradado\n========================= *\/\n\n.fab-info-callout--purple-gradient {\n  position: relative;\n  background: linear-gradient(135deg, #613091 0%, #7a45aa 100%);\n  color: var(--fab-white);\n  padding: 28px 32px;\n  border-radius: 20px;\n  box-shadow: 0 16px 36px rgba(97, 48, 145, 0.28);\n  overflow: hidden;\n}\n\n.fab-info-callout--purple-gradient::before {\n  content: \"\";\n  position: absolute;\n  width: 160px;\n  height: 160px;\n  right: -55px;\n  top: -55px;\n  background-color: rgba(255, 255, 255, 0.12);\n  border-radius: 50%;\n}\n\n.fab-info-callout--purple-gradient::after {\n  content: \"\";\n  position: absolute;\n  width: 90px;\n  height: 90px;\n  right: 48px;\n  bottom: -38px;\n  background-color: rgba(255, 255, 255, 0.10);\n  border-radius: 50%;\n}\n\n.fab-info-callout--purple-gradient .callout-content {\n  position: relative;\n  z-index: 1;\n}\n\n.fab-info-callout--purple-gradient .callout-content p,\n.fab-info-callout--purple-gradient .callout-content strong {\n  color: var(--fab-white);\n}\n\n.fab-info-callout--purple-gradient .callout-content strong {\n  display: inline-block;\n  margin-right: 6px;\n  opacity: 0.9;\n}\n\n\/* =========================\n   OPCI\u00d3N 4\n   Alert box premium\n========================= *\/\n\n.fab-info-callout--premium-alert {\n  position: relative;\n  background-color: var(--fab-white);\n  border: 2px solid var(--fab-purple);\n  border-radius: 18px;\n  padding: 28px 30px 28px 92px;\n  box-shadow: 0 12px 30px rgba(97, 48, 145, 0.18);\n}\n\n.fab-info-callout--premium-alert::before {\n  content: \"!\";\n  position: absolute;\n  left: 28px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 42px;\n  height: 42px;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  border-radius: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 26px;\n  font-weight: 800;\n  font-family: Georgia, serif;\n  box-shadow: 0 8px 18px rgba(97, 48, 145, 0.25);\n}\n\n.fab-info-callout--premium-alert::after {\n  content: \"\";\n  position: absolute;\n  inset: 8px;\n  border: 1px solid rgba(97, 48, 145, 0.14);\n  border-radius: 12px;\n  pointer-events: none;\n}\n\n.fab-info-callout--premium-alert .callout-content {\n  position: relative;\n  z-index: 1;\n}\n\n\/* =========================\n   OPCI\u00d3N 5\n   Etiqueta flotante\n========================= *\/\n\n.fab-info-callout--floating-label {\n  position: relative;\n  background-color: var(--fab-purple-light);\n  border: 1px solid var(--fab-purple-border);\n  border-radius: 18px;\n  padding: 34px 28px 24px;\n  box-shadow: 0 10px 26px rgba(97, 48, 145, 0.13);\n}\n\n.fab-info-callout--floating-label::before {\n  content: \"Note\";\n  position: absolute;\n  top: -14px;\n  left: 24px;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  padding: 7px 16px;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  box-shadow: 0 6px 14px rgba(97, 48, 145, 0.22);\n}\n\n.fab-info-callout--floating-label .callout-content strong {\n  display: none;\n}\n\n\/* =========================\n   OPCI\u00d3N 6\n   Esquina destacada\n========================= *\/\n\n.fab-info-callout--corner-accent {\n  position: relative;\n  background-color: var(--fab-white);\n  border-radius: 18px;\n  padding: 26px 30px;\n  border: 1px solid var(--fab-purple-border);\n  box-shadow: 0 12px 30px rgba(97, 48, 145, 0.14);\n  overflow: hidden;\n}\n\n.fab-info-callout--corner-accent::before {\n  content: \"\";\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 90px;\n  height: 90px;\n  background-color: var(--fab-purple);\n  clip-path: polygon(100% 0, 0 0, 100% 100%);\n}\n\n.fab-info-callout--corner-accent::after {\n  content: \"i\";\n  position: absolute;\n  right: 18px;\n  top: 12px;\n  color: var(--fab-white);\n  font-size: 20px;\n  font-weight: 800;\n  font-family: Georgia, serif;\n}\n\n.fab-info-callout--corner-accent .callout-content {\n  position: relative;\n  z-index: 1;\n  max-width: calc(100% - 40px);\n}\n\n\/* =========================\n   OPCI\u00d3N 7\n   Banner destacado\n========================= *\/\n\n.fab-info-callout--bold-banner {\n  background-color: var(--fab-purple-light);\n  border-radius: 20px;\n  padding: 28px 32px;\n  border-left: 12px solid var(--fab-purple);\n  border-right: 1px solid var(--fab-purple-border);\n  border-top: 1px solid var(--fab-purple-border);\n  border-bottom: 1px solid var(--fab-purple-border);\n  box-shadow: 0 14px 32px rgba(97, 48, 145, 0.16);\n}\n\n.fab-info-callout--bold-banner .callout-content p {\n  font-size: 17px;\n  line-height: 1.65;\n}\n\n.fab-info-callout--bold-banner .callout-content strong {\n  display: block;\n  margin-bottom: 8px;\n  color: var(--fab-purple);\n  font-size: 13px;\n}\n\n\/* =========================\n   OPCI\u00d3N 8\n   Fondo dividido\n========================= *\/\n\n.fab-info-callout--split-box {\n  display: grid;\n  grid-template-columns: 110px 1fr;\n  background-color: var(--fab-white);\n  border-radius: 20px;\n  overflow: hidden;\n  border: 1px solid var(--fab-purple-border);\n  box-shadow: 0 14px 34px rgba(97, 48, 145, 0.16);\n}\n\n.fab-info-callout--split-box::before {\n  content: \"NOTE\";\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  writing-mode: vertical-rl;\n  transform: rotate(180deg);\n  font-size: 14px;\n  font-weight: 900;\n  letter-spacing: 2px;\n}\n\n.fab-info-callout--split-box .callout-content {\n  padding: 26px 30px;\n}\n\n.fab-info-callout--split-box .callout-content strong {\n  display: none;\n}\n\n\/* =========================\n   OPCI\u00d3N 9\n   Fondo con patr\u00f3n sutil\n========================= *\/\n\n.fab-info-callout--pattern {\n  position: relative;\n  background-color: var(--fab-purple-light);\n  background-image:\n    radial-gradient(circle at 18px 18px, rgba(97, 48, 145, 0.12) 2px, transparent 2px);\n  background-size: 28px 28px;\n  border: 1px solid var(--fab-purple-border);\n  border-radius: 20px;\n  padding: 28px 32px;\n  box-shadow: 0 12px 30px rgba(97, 48, 145, 0.12);\n  overflow: hidden;\n}\n\n.fab-info-callout--pattern .callout-content {\n  position: relative;\n  background-color: rgba(255, 255, 255, 0.82);\n  padding: 22px 24px;\n  border-radius: 14px;\n  backdrop-filter: blur(3px);\n}\n\n\/* =========================\n   RESPONSIVE\n========================= *\/\n\n@media (max-width: 640px) {\n  .fab-info-callout {\n    margin: 24px 16px;\n  }\n\n  .callout-content p {\n    font-size: 15px;\n    line-height: 1.55;\n  }\n\n  .fab-info-callout--purple-panel {\n    display: block;\n  }\n\n  .fab-info-callout--purple-panel::before {\n    width: 100%;\n    height: 54px;\n    flex: none;\n  }\n\n  .fab-info-callout--purple-panel .callout-content,\n  .fab-info-callout--header-card .callout-content,\n  .fab-info-callout--split-box .callout-content {\n    padding: 22px;\n  }\n\n  .fab-info-callout--purple-gradient,\n  .fab-info-callout--bold-banner,\n  .fab-info-callout--pattern {\n    padding: 24px 22px;\n  }\n\n  .fab-info-callout--premium-alert {\n    padding: 72px 22px 24px;\n  }\n\n  .fab-info-callout--premium-alert::before {\n    top: 24px;\n    left: 22px;\n    transform: none;\n  }\n\n  .fab-info-callout--floating-label {\n    padding: 34px 22px 22px;\n  }\n\n  .fab-info-callout--corner-accent {\n    padding: 24px 22px;\n  }\n\n  .fab-info-callout--corner-accent .callout-content {\n    max-width: 100%;\n    padding-right: 36px;\n  }\n\n  .fab-info-callout--split-box {\n    grid-template-columns: 1fr;\n  }\n\n  .fab-info-callout--split-box::before {\n    writing-mode: horizontal-tb;\n    transform: none;\n    padding: 12px;\n  }\n\n  .fab-info-callout--pattern .callout-content {\n    padding: 20px;\n  }\n}\n<\/style>\n\n<div class=\"fab-info-callout fab-info-callout--corner-accent\" role=\"note\">\n  <div class=\"callout-content\">\n    <p>\n      Touch only the crown, keep the root moist, and never store the tooth dry. Root cells are fragile, and rough handling can reduce the chance of successful reimplantation.\n    <\/p>\n  <\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">A knocked-out tooth is not a dead pebble. The root surface carries periodontal ligament cells. The <strong>periodontal ligament<\/strong>, often called the PDL, is the thin living tissue that helps attach the tooth root to the surrounding bone. When those cells dry out or get scrubbed away, the body is less likely to accept the tooth back into the socket.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Do this immediately:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Pick up the tooth by the crown:<\/strong> the white part you normally see.<\/li>\n\n\n\n<li><strong>Avoid the root:<\/strong> the yellowish or tan part that was inside the gum.<\/li>\n\n\n\n<li><strong>If dirty, rinse gently for a few seconds:<\/strong> use milk, saline, or clean water only if milk or saline is unavailable.<\/li>\n\n\n\n<li><strong>Do not scrub the root.<\/strong><\/li>\n\n\n\n<li><strong>Do not wipe it with a towel.<\/strong><\/li>\n\n\n\n<li><strong>Do not use soap, alcohol, hydrogen peroxide, or mouthwash.<\/strong><\/li>\n\n\n\n<li><strong>Do not wrap it in tissue or place it dry in a plastic bag.<\/strong><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">A dry napkin feels clean, but for a knocked-out tooth it is a root-cell desert. Milk is better because it is relatively gentle on the root cells and widely available. A commercial tooth preservation kit, such as Save-A-Tooth, is ideal if you happen to have one. Saliva is often better than letting the tooth dry out, although placing the tooth in the person\u2019s cheek is only appropriate if they are alert and old enough not to swallow or choke on it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">If you can safely reinsert the adult tooth<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If it is clearly a permanent adult tooth and the injured person is alert, calm enough to cooperate, and not at choking risk:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Hold the tooth by the crown.<\/li>\n\n\n\n<li>Face it the correct direction.<\/li>\n\n\n\n<li>Gently slide it back into the socket.<\/li>\n\n\n\n<li>Do not force it.<\/li>\n\n\n\n<li>Have the person bite gently on gauze or a clean cloth.<\/li>\n\n\n\n<li>Call an emergency dentist and go in immediately.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">If the tooth will not go back in<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If the tooth does not slide in easily, stop. Do not \u201ctest\u201d the socket repeatedly. Store the tooth in:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Cold milk<\/li>\n\n\n\n<li>Saliva<\/li>\n\n\n\n<li>Sterile saline<\/li>\n\n\n\n<li>A tooth preservation solution<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Then call a same day dentist in Hayward, CA.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I once spoke with a patient who did nearly everything right after a weekend soccer injury: he held the tooth by the crown, dropped it into milk, and called before driving across town. That simple milk carton probably did more for his prognosis than any internet search could have.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">Step 3: Call a Dentist for Tooth-Specific Injuries<\/h2>\n\n\n\n<style data-wp-block-html=\"css\">\n:root {\n  --fab-purple: #613091;\n  --fab-purple-dark: #4c2079;\n  --fab-purple-soft: #f8f5fb;\n  --fab-purple-tint: #efe6f7;\n  --fab-purple-border: #dccce8;\n  --fab-text: #333333;\n  --fab-muted: #5f5f5f;\n  --fab-white: #ffffff;\n}\n\n\/* Base *\/\n.fab-callout {\n  box-sizing: border-box;\n  max-width: 900px;\n  margin: 30px auto;\n  font-family: sans-serif;\n  color: var(--fab-text);\n}\n\n.fab-callout,\n.fab-callout * {\n  box-sizing: border-box;\n}\n\n.fab-callout__content p {\n  margin: 0;\n  color: var(--fab-text);\n  font-size: 16px;\n  line-height: 1.6;\n}\n\n.fab-callout strong {\n  color: var(--fab-purple);\n  font-weight: 700;\n  text-transform: uppercase;\n  font-size: 14px;\n  letter-spacing: 1px;\n}\n\n\/* Variante 1: Barra lateral cl\u00e1sica *\/\n.fab-callout--bar {\n  background-color: var(--fab-purple-soft);\n  border-left: 6px solid var(--fab-purple);\n  padding: 20px 25px;\n  border-radius: 4px 10px 10px 4px;\n  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);\n}\n\n\/* Variante 2: Card suave elevada *\/\n.fab-callout--soft-card {\n  background-color: var(--fab-white);\n  border: 1px solid var(--fab-purple-border);\n  padding: 24px 28px;\n  border-radius: 14px;\n  box-shadow: 0 8px 24px rgba(97, 48, 145, 0.10);\n}\n\n.fab-callout--soft-card strong {\n  display: inline-block;\n  margin-right: 6px;\n}\n\n\/* Variante 3: Callout con \u00edcono circular *\/\n.fab-callout--icon {\n  position: relative;\n  background-color: var(--fab-purple-soft);\n  border: 1px solid var(--fab-purple-border);\n  padding: 22px 26px 22px 72px;\n  border-radius: 14px;\n  box-shadow: 0 5px 16px rgba(97, 48, 145, 0.08);\n}\n\n.fab-callout--icon::before {\n  content: \"i\";\n  position: absolute;\n  left: 24px;\n  top: 24px;\n  width: 30px;\n  height: 30px;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  border-radius: 50%;\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 30px;\n  text-align: center;\n  font-family: Georgia, serif;\n}\n\n\/* Variante 4: Acento superior *\/\n.fab-callout--top-accent {\n  background-color: var(--fab-white);\n  border: 1px solid var(--fab-purple-border);\n  border-top: 6px solid var(--fab-purple);\n  padding: 22px 26px;\n  border-radius: 14px;\n  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);\n}\n\n\/* Variante 5: Outline elegante *\/\n.fab-callout--outline {\n  background-color: transparent;\n  border: 2px solid var(--fab-purple-border);\n  padding: 22px 26px;\n  border-radius: 14px;\n  position: relative;\n}\n\n.fab-callout--outline::after {\n  content: \"\";\n  position: absolute;\n  inset: 6px;\n  border-radius: 10px;\n  border: 1px solid rgba(97, 48, 145, 0.12);\n  pointer-events: none;\n}\n\n\/* Variante 6: Gradiente sutil *\/\n.fab-callout--gradient {\n  background: linear-gradient(135deg, #ffffff 0%, var(--fab-purple-soft) 100%);\n  border: 1px solid var(--fab-purple-border);\n  padding: 24px 28px;\n  border-radius: 16px;\n  box-shadow: 0 10px 28px rgba(97, 48, 145, 0.10);\n  position: relative;\n  overflow: hidden;\n}\n\n.fab-callout--gradient::before {\n  content: \"\";\n  position: absolute;\n  width: 90px;\n  height: 90px;\n  right: -28px;\n  top: -28px;\n  background-color: rgba(97, 48, 145, 0.08);\n  border-radius: 50%;\n}\n\n.fab-callout--gradient .fab-callout__content {\n  position: relative;\n  z-index: 1;\n}\n\n\/* Variante 7: Compacta con label tipo pill *\/\n.fab-callout--compact {\n  background-color: var(--fab-purple-soft);\n  border: 1px solid var(--fab-purple-border);\n  padding: 18px 22px;\n  border-radius: 999px;\n  box-shadow: 0 4px 12px rgba(97, 48, 145, 0.07);\n}\n\n.fab-callout--compact strong {\n  display: inline-block;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  padding: 4px 10px;\n  border-radius: 999px;\n  margin-right: 8px;\n  font-size: 12px;\n  letter-spacing: 0.8px;\n}\n\n\/* Responsive *\/\n@media (max-width: 640px) {\n  .fab-callout {\n    margin: 24px 16px;\n  }\n\n  .fab-callout__content p {\n    font-size: 15px;\n    line-height: 1.55;\n  }\n\n  .fab-callout--bar,\n  .fab-callout--soft-card,\n  .fab-callout--top-accent,\n  .fab-callout--outline,\n  .fab-callout--gradient {\n    padding: 18px 20px;\n  }\n\n  .fab-callout--icon {\n    padding: 20px 20px 20px 62px;\n  }\n\n  .fab-callout--icon::before {\n    left: 20px;\n    top: 21px;\n  }\n\n  .fab-callout--compact {\n    border-radius: 16px;\n  }\n\n  .fab-callout--compact strong {\n    margin-bottom: 6px;\n  }\n}\n<\/style>\n\n<aside class=\"fab-callout fab-callout--gradient\" role=\"note\">\n  <div class=\"fab-callout__content\">\n    <p>\n      If the main problem is the tooth, an emergency dentist is usually the correct provider because dental trauma requires dental equipment, dental X-rays, stabilization materials, and follow-up care.\n    <\/p>\n  <\/div>\n<\/aside>\n\n\n\n<p class=\"wp-block-paragraph\">A knocked-out adult tooth is not merely \u201ca missing tooth.\u201d It is an injury to the tooth, ligament, socket bone, gum tissue, neighboring teeth, and sometimes the nerve.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Call an emergency dentist for a knocked out tooth if you have:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A fully knocked-out adult tooth<\/li>\n\n\n\n<li>A tooth pushed sideways, inward, outward, or upward<\/li>\n\n\n\n<li>A tooth that feels very loose after trauma<\/li>\n\n\n\n<li>A broken tooth with sharp edges<\/li>\n\n\n\n<li>A cracked tooth with pain when biting<\/li>\n\n\n\n<li>A broken tooth with a red or pink center, which may mean nerve exposure<\/li>\n\n\n\n<li>Gum injury around a tooth<\/li>\n\n\n\n<li>Bleeding around a tooth that improves with pressure<\/li>\n\n\n\n<li>A <a href=\"https:\/\/fab.dental\/blog\/lost-dental-filling-hayward-urgent-repair-options\/\">lost crown or filling causing significant pain<\/a><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">A dentist may need to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Examine the socket and surrounding gum tissue<\/li>\n\n\n\n<li>Check the tooth root for cracks or contamination<\/li>\n\n\n\n<li>Take X-rays<\/li>\n\n\n\n<li>Reinsert the tooth if appropriate<\/li>\n\n\n\n<li>Stabilize it with a dental splint<\/li>\n\n\n\n<li>Adjust the bite so the tooth is not taking excessive pressure<\/li>\n\n\n\n<li>Plan root canal treatment when needed<\/li>\n\n\n\n<li>Monitor healing over weeks and months<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">A <strong>dental splint<\/strong> is a temporary support that bonds the injured tooth to nearby teeth. It is not orthodontic braces. Think of it like a cast for a tooth: it limits movement while the ligament and socket begin healing.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For urgent dental trauma care, patients can learn more about Fab Dental\u2019s emergency services here:<br><a href=\"https:\/\/fab.dental\/dental-services\/emergency-dentist\/\">Emergency Dentist in Hayward, CA<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">Step 4: Go to the ER for Medical Danger Signs<\/h2>\n\n\n\n<style data-wp-block-html=\"css\">\n:root {\n  --fab-purple: #613091;\n  --fab-purple-dark: #4c2079;\n  --fab-purple-soft: #f8f5fb;\n  --fab-purple-tint: #efe6f7;\n  --fab-purple-border: #dccce8;\n  --fab-text: #333333;\n  --fab-muted: #5f5f5f;\n  --fab-white: #ffffff;\n}\n\n\/* Base *\/\n.fab-callout {\n  box-sizing: border-box;\n  max-width: 900px;\n  margin: 30px auto;\n  font-family: sans-serif;\n  color: var(--fab-text);\n}\n\n.fab-callout,\n.fab-callout * {\n  box-sizing: border-box;\n}\n\n.fab-callout__content p {\n  margin: 0;\n  color: var(--fab-text);\n  font-size: 16px;\n  line-height: 1.6;\n}\n\n.fab-callout strong {\n  color: var(--fab-purple);\n  font-weight: 700;\n  text-transform: uppercase;\n  font-size: 14px;\n  letter-spacing: 1px;\n}\n\n\/* Variante 1: Barra lateral cl\u00e1sica *\/\n.fab-callout--bar {\n  background-color: var(--fab-purple-soft);\n  border-left: 6px solid var(--fab-purple);\n  padding: 20px 25px;\n  border-radius: 4px 10px 10px 4px;\n  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);\n}\n\n\/* Variante 2: Card suave elevada *\/\n.fab-callout--soft-card {\n  background-color: var(--fab-white);\n  border: 1px solid var(--fab-purple-border);\n  padding: 24px 28px;\n  border-radius: 14px;\n  box-shadow: 0 8px 24px rgba(97, 48, 145, 0.10);\n}\n\n.fab-callout--soft-card strong {\n  display: inline-block;\n  margin-right: 6px;\n}\n\n\/* Variante 3: Callout con \u00edcono circular *\/\n.fab-callout--icon {\n  position: relative;\n  background-color: var(--fab-purple-soft);\n  border: 1px solid var(--fab-purple-border);\n  padding: 22px 26px 22px 72px;\n  border-radius: 14px;\n  box-shadow: 0 5px 16px rgba(97, 48, 145, 0.08);\n}\n\n.fab-callout--icon::before {\n  content: \"i\";\n  position: absolute;\n  left: 24px;\n  top: 24px;\n  width: 30px;\n  height: 30px;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  border-radius: 50%;\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 30px;\n  text-align: center;\n  font-family: Georgia, serif;\n}\n\n\/* Variante 4: Acento superior *\/\n.fab-callout--top-accent {\n  background-color: var(--fab-white);\n  border: 1px solid var(--fab-purple-border);\n  border-top: 6px solid var(--fab-purple);\n  padding: 22px 26px;\n  border-radius: 14px;\n  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);\n}\n\n\/* Variante 5: Outline elegante *\/\n.fab-callout--outline {\n  background-color: transparent;\n  border: 2px solid var(--fab-purple-border);\n  padding: 22px 26px;\n  border-radius: 14px;\n  position: relative;\n}\n\n.fab-callout--outline::after {\n  content: \"\";\n  position: absolute;\n  inset: 6px;\n  border-radius: 10px;\n  border: 1px solid rgba(97, 48, 145, 0.12);\n  pointer-events: none;\n}\n\n\/* Variante 6: Gradiente sutil *\/\n.fab-callout--gradient {\n  background: linear-gradient(135deg, #ffffff 0%, var(--fab-purple-soft) 100%);\n  border: 1px solid var(--fab-purple-border);\n  padding: 24px 28px;\n  border-radius: 16px;\n  box-shadow: 0 10px 28px rgba(97, 48, 145, 0.10);\n  position: relative;\n  overflow: hidden;\n}\n\n.fab-callout--gradient::before {\n  content: \"\";\n  position: absolute;\n  width: 90px;\n  height: 90px;\n  right: -28px;\n  top: -28px;\n  background-color: rgba(97, 48, 145, 0.08);\n  border-radius: 50%;\n}\n\n.fab-callout--gradient .fab-callout__content {\n  position: relative;\n  z-index: 1;\n}\n\n\/* Variante 7: Compacta con label tipo pill *\/\n.fab-callout--compact {\n  background-color: var(--fab-purple-soft);\n  border: 1px solid var(--fab-purple-border);\n  padding: 18px 22px;\n  border-radius: 999px;\n  box-shadow: 0 4px 12px rgba(97, 48, 145, 0.07);\n}\n\n.fab-callout--compact strong {\n  display: inline-block;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  padding: 4px 10px;\n  border-radius: 999px;\n  margin-right: 8px;\n  font-size: 12px;\n  letter-spacing: 0.8px;\n}\n\n\/* Responsive *\/\n@media (max-width: 640px) {\n  .fab-callout {\n    margin: 24px 16px;\n  }\n\n  .fab-callout__content p {\n    font-size: 15px;\n    line-height: 1.55;\n  }\n\n  .fab-callout--bar,\n  .fab-callout--soft-card,\n  .fab-callout--top-accent,\n  .fab-callout--outline,\n  .fab-callout--gradient {\n    padding: 18px 20px;\n  }\n\n  .fab-callout--icon {\n    padding: 20px 20px 20px 62px;\n  }\n\n  .fab-callout--icon::before {\n    left: 20px;\n    top: 21px;\n  }\n\n  .fab-callout--compact {\n    border-radius: 16px;\n  }\n\n  .fab-callout--compact strong {\n    margin-bottom: 6px;\n  }\n}\n<\/style>\n\n<aside class=\"fab-callout fab-callout--gradient\" role=\"note\">\n  <div class=\"fab-callout__content\">\n    <p>\n      The ER is the right first stop when the knocked-out tooth occurs with symptoms suggesting concussion, airway risk, severe bleeding, spreading infection, broken facial bones, or other medical trauma.\n    <\/p>\n  <\/div>\n<\/aside>\n\n\n\n<p class=\"wp-block-paragraph\">A dentist treats teeth. An emergency room treats potentially life-threatening medical problems. If the injury involves more than the tooth, the ER may be the safest first move.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Go to the ER or call 911 if there is:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Trouble breathing<\/li>\n\n\n\n<li>Trouble swallowing<\/li>\n\n\n\n<li>Severe facial swelling, especially near the eye, jaw, floor of mouth, or neck<\/li>\n\n\n\n<li>Bleeding that does not slow after 10 to 15 minutes of firm pressure<\/li>\n\n\n\n<li>Loss of consciousness<\/li>\n\n\n\n<li>Confusion, severe dizziness, or repeated vomiting<\/li>\n\n\n\n<li>Suspected broken jaw<\/li>\n\n\n\n<li>Deep facial cuts that may need stitches<\/li>\n\n\n\n<li>Major car accident, bike crash, scooter fall, sports collision, fall, or assault<\/li>\n\n\n\n<li>Fever with facial swelling or feeling severely ill<\/li>\n\n\n\n<li>Heavy bleeding in a patient taking blood thinners<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Example: a cyclist falls on Mission Boulevard, hits their chin, knocks out a front tooth, and feels dazed. That person should be checked medically first because concussion or jaw fracture may be involved.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Different example: an adult bites into something hard, a previously injured tooth comes out, there is mild bleeding, and there are no head or facial trauma symptoms. That is usually a dentist-first emergency.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you are unsure, call. At Fab Dental, we often help patients decide whether they should come to us, go to the ER, or do both in sequence.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">Step 5: Know What the ER Can and Cannot Do for Teeth<\/h2>\n\n\n\n<style data-wp-block-html=\"css\">\n:root {\n  --fab-purple: #613091;\n  --fab-purple-dark: #4c2079;\n  --fab-purple-soft: #f8f5fb;\n  --fab-purple-tint: #efe6f7;\n  --fab-purple-border: #dccce8;\n  --fab-text: #333333;\n  --fab-muted: #5f5f5f;\n  --fab-white: #ffffff;\n}\n\n\/* Base *\/\n.fab-callout {\n  box-sizing: border-box;\n  max-width: 900px;\n  margin: 30px auto;\n  font-family: sans-serif;\n  color: var(--fab-text);\n}\n\n.fab-callout,\n.fab-callout * {\n  box-sizing: border-box;\n}\n\n.fab-callout__content p {\n  margin: 0;\n  color: var(--fab-text);\n  font-size: 16px;\n  line-height: 1.6;\n}\n\n.fab-callout strong {\n  color: var(--fab-purple);\n  font-weight: 700;\n  text-transform: uppercase;\n  font-size: 14px;\n  letter-spacing: 1px;\n}\n\n\/* Variante 1: Barra lateral cl\u00e1sica *\/\n.fab-callout--bar {\n  background-color: var(--fab-purple-soft);\n  border-left: 6px solid var(--fab-purple);\n  padding: 20px 25px;\n  border-radius: 4px 10px 10px 4px;\n  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);\n}\n\n\/* Variante 2: Card suave elevada *\/\n.fab-callout--soft-card {\n  background-color: var(--fab-white);\n  border: 1px solid var(--fab-purple-border);\n  padding: 24px 28px;\n  border-radius: 14px;\n  box-shadow: 0 8px 24px rgba(97, 48, 145, 0.10);\n}\n\n.fab-callout--soft-card strong {\n  display: inline-block;\n  margin-right: 6px;\n}\n\n\/* Variante 3: Callout con \u00edcono circular *\/\n.fab-callout--icon {\n  position: relative;\n  background-color: var(--fab-purple-soft);\n  border: 1px solid var(--fab-purple-border);\n  padding: 22px 26px 22px 72px;\n  border-radius: 14px;\n  box-shadow: 0 5px 16px rgba(97, 48, 145, 0.08);\n}\n\n.fab-callout--icon::before {\n  content: \"i\";\n  position: absolute;\n  left: 24px;\n  top: 24px;\n  width: 30px;\n  height: 30px;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  border-radius: 50%;\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 30px;\n  text-align: center;\n  font-family: Georgia, serif;\n}\n\n\/* Variante 4: Acento superior *\/\n.fab-callout--top-accent {\n  background-color: var(--fab-white);\n  border: 1px solid var(--fab-purple-border);\n  border-top: 6px solid var(--fab-purple);\n  padding: 22px 26px;\n  border-radius: 14px;\n  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);\n}\n\n\/* Variante 5: Outline elegante *\/\n.fab-callout--outline {\n  background-color: transparent;\n  border: 2px solid var(--fab-purple-border);\n  padding: 22px 26px;\n  border-radius: 14px;\n  position: relative;\n}\n\n.fab-callout--outline::after {\n  content: \"\";\n  position: absolute;\n  inset: 6px;\n  border-radius: 10px;\n  border: 1px solid rgba(97, 48, 145, 0.12);\n  pointer-events: none;\n}\n\n\/* Variante 6: Gradiente sutil *\/\n.fab-callout--gradient {\n  background: linear-gradient(135deg, #ffffff 0%, var(--fab-purple-soft) 100%);\n  border: 1px solid var(--fab-purple-border);\n  padding: 24px 28px;\n  border-radius: 16px;\n  box-shadow: 0 10px 28px rgba(97, 48, 145, 0.10);\n  position: relative;\n  overflow: hidden;\n}\n\n.fab-callout--gradient::before {\n  content: \"\";\n  position: absolute;\n  width: 90px;\n  height: 90px;\n  right: -28px;\n  top: -28px;\n  background-color: rgba(97, 48, 145, 0.08);\n  border-radius: 50%;\n}\n\n.fab-callout--gradient .fab-callout__content {\n  position: relative;\n  z-index: 1;\n}\n\n\/* Variante 7: Compacta con label tipo pill *\/\n.fab-callout--compact {\n  background-color: var(--fab-purple-soft);\n  border: 1px solid var(--fab-purple-border);\n  padding: 18px 22px;\n  border-radius: 999px;\n  box-shadow: 0 4px 12px rgba(97, 48, 145, 0.07);\n}\n\n.fab-callout--compact strong {\n  display: inline-block;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  padding: 4px 10px;\n  border-radius: 999px;\n  margin-right: 8px;\n  font-size: 12px;\n  letter-spacing: 0.8px;\n}\n\n\/* Responsive *\/\n@media (max-width: 640px) {\n  .fab-callout {\n    margin: 24px 16px;\n  }\n\n  .fab-callout__content p {\n    font-size: 15px;\n    line-height: 1.55;\n  }\n\n  .fab-callout--bar,\n  .fab-callout--soft-card,\n  .fab-callout--top-accent,\n  .fab-callout--outline,\n  .fab-callout--gradient {\n    padding: 18px 20px;\n  }\n\n  .fab-callout--icon {\n    padding: 20px 20px 20px 62px;\n  }\n\n  .fab-callout--icon::before {\n    left: 20px;\n    top: 21px;\n  }\n\n  .fab-callout--compact {\n    border-radius: 16px;\n  }\n\n  .fab-callout--compact strong {\n    margin-bottom: 6px;\n  }\n}\n<\/style>\n\n<aside class=\"fab-callout fab-callout--icon\" role=\"note\">\n  <div class=\"fab-callout__content\">\n    <p>\n      ERs can manage pain, bleeding, infection risk, and medical trauma, but most ERs do not provide definitive dental repair such as reimplantation, splinting, bonding, crowns, root canals, or tooth replacement.\n    <\/p>\n  <\/div>\n<\/aside>\n\n\n\n<p class=\"wp-block-paragraph\">This is the detail many patients discover only after spending hours in an ER waiting room.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Emergency rooms are essential for medical emergencies. For dental injuries, however, they usually stabilize symptoms and refer the patient to a dentist or oral surgeon.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">An ER may:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Check for concussion<\/li>\n\n\n\n<li>Evaluate facial trauma<\/li>\n\n\n\n<li>Order imaging for suspected fractures<\/li>\n\n\n\n<li>Control bleeding<\/li>\n\n\n\n<li>Treat deep cuts<\/li>\n\n\n\n<li>Prescribe pain medication<\/li>\n\n\n\n<li>Prescribe antibiotics when infection risk is present<\/li>\n\n\n\n<li>Refer you for dental follow-up<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">An ER usually does not:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Reimplant a knocked-out tooth in routine cases<\/li>\n\n\n\n<li>Splint the tooth to neighboring teeth<\/li>\n\n\n\n<li>Repair a broken tooth with bonding or a crown<\/li>\n\n\n\n<li>Perform root canal treatment<\/li>\n\n\n\n<li>Restore a lost filling or crown<\/li>\n\n\n\n<li>Replace a missing tooth<\/li>\n\n\n\n<li>Provide long-term dental monitoring<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">That does not make the ER \u201cwrong.\u201d It means the ER and the dentist solve different problems.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Use a car-crash analogy: the ER checks whether the driver is safe. The dentist repairs the damaged wheel, axle, and frame. Both can matter, but they are not interchangeable.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">Step 6: Let the Emergency Dentist Treat the Source<\/h2>\n\n\n\n<style data-wp-block-html=\"css\">\n:root {\n  --fab-purple: #613091;\n  --fab-purple-dark: #4b2178;\n  --fab-purple-light: #f8f5fb;\n  --fab-purple-soft: #eee5f6;\n  --fab-purple-border: #d8c5e8;\n  --fab-text: #333333;\n  --fab-white: #ffffff;\n}\n\n\/* =========================\n   BASE GENERAL\n========================= *\/\n\n.fab-info-callout {\n  max-width: 900px;\n  margin: 30px auto;\n  font-family: sans-serif;\n  box-sizing: border-box;\n}\n\n.fab-info-callout *,\n.fab-info-callout *::before,\n.fab-info-callout *::after {\n  box-sizing: border-box;\n}\n\n.callout-content p {\n  color: var(--fab-text);\n  font-size: 16px;\n  line-height: 1.6;\n  margin: 0;\n}\n\n.callout-content strong {\n  color: var(--fab-purple);\n  font-weight: 800;\n  text-transform: uppercase;\n  font-size: 13px;\n  letter-spacing: 1px;\n}\n\n\/* =========================\n   OPCI\u00d3N 1\n   Panel morado lateral fuerte\n========================= *\/\n\n.fab-info-callout--purple-panel {\n  display: flex;\n  background-color: var(--fab-white);\n  border-radius: 16px;\n  overflow: hidden;\n  border: 1px solid var(--fab-purple-border);\n  box-shadow: 0 12px 28px rgba(97, 48, 145, 0.14);\n}\n\n.fab-info-callout--purple-panel::before {\n  content: \"!\";\n  flex: 0 0 64px;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 34px;\n  font-weight: 800;\n  font-family: Georgia, serif;\n}\n\n.fab-info-callout--purple-panel .callout-content {\n  padding: 24px 28px;\n}\n\n\/* =========================\n   OPCI\u00d3N 2\n   Card con encabezado morado\n========================= *\/\n\n.fab-info-callout--header-card {\n  background-color: var(--fab-white);\n  border-radius: 18px;\n  border: 1px solid var(--fab-purple-border);\n  overflow: hidden;\n  box-shadow: 0 14px 32px rgba(97, 48, 145, 0.16);\n}\n\n.fab-info-callout--header-card::before {\n  content: \"Important information\";\n  display: block;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  padding: 12px 24px;\n  font-size: 13px;\n  font-weight: 800;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.fab-info-callout--header-card .callout-content {\n  padding: 24px 28px;\n}\n\n.fab-info-callout--header-card .callout-content strong {\n  color: var(--fab-purple-dark);\n}\n\n\/* =========================\n   OPCI\u00d3N 3\n   Fondo morado degradado\n========================= *\/\n\n.fab-info-callout--purple-gradient {\n  position: relative;\n  background: linear-gradient(135deg, #613091 0%, #7a45aa 100%);\n  color: var(--fab-white);\n  padding: 28px 32px;\n  border-radius: 20px;\n  box-shadow: 0 16px 36px rgba(97, 48, 145, 0.28);\n  overflow: hidden;\n}\n\n.fab-info-callout--purple-gradient::before {\n  content: \"\";\n  position: absolute;\n  width: 160px;\n  height: 160px;\n  right: -55px;\n  top: -55px;\n  background-color: rgba(255, 255, 255, 0.12);\n  border-radius: 50%;\n}\n\n.fab-info-callout--purple-gradient::after {\n  content: \"\";\n  position: absolute;\n  width: 90px;\n  height: 90px;\n  right: 48px;\n  bottom: -38px;\n  background-color: rgba(255, 255, 255, 0.10);\n  border-radius: 50%;\n}\n\n.fab-info-callout--purple-gradient .callout-content {\n  position: relative;\n  z-index: 1;\n}\n\n.fab-info-callout--purple-gradient .callout-content p,\n.fab-info-callout--purple-gradient .callout-content strong {\n  color: var(--fab-white);\n}\n\n.fab-info-callout--purple-gradient .callout-content strong {\n  display: inline-block;\n  margin-right: 6px;\n  opacity: 0.9;\n}\n\n\/* =========================\n   OPCI\u00d3N 4\n   Alert box premium\n========================= *\/\n\n.fab-info-callout--premium-alert {\n  position: relative;\n  background-color: var(--fab-white);\n  border: 2px solid var(--fab-purple);\n  border-radius: 18px;\n  padding: 28px 30px 28px 92px;\n  box-shadow: 0 12px 30px rgba(97, 48, 145, 0.18);\n}\n\n.fab-info-callout--premium-alert::before {\n  content: \"!\";\n  position: absolute;\n  left: 28px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 42px;\n  height: 42px;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  border-radius: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 26px;\n  font-weight: 800;\n  font-family: Georgia, serif;\n  box-shadow: 0 8px 18px rgba(97, 48, 145, 0.25);\n}\n\n.fab-info-callout--premium-alert::after {\n  content: \"\";\n  position: absolute;\n  inset: 8px;\n  border: 1px solid rgba(97, 48, 145, 0.14);\n  border-radius: 12px;\n  pointer-events: none;\n}\n\n.fab-info-callout--premium-alert .callout-content {\n  position: relative;\n  z-index: 1;\n}\n\n\/* =========================\n   OPCI\u00d3N 5\n   Etiqueta flotante\n========================= *\/\n\n.fab-info-callout--floating-label {\n  position: relative;\n  background-color: var(--fab-purple-light);\n  border: 1px solid var(--fab-purple-border);\n  border-radius: 18px;\n  padding: 34px 28px 24px;\n  box-shadow: 0 10px 26px rgba(97, 48, 145, 0.13);\n}\n\n.fab-info-callout--floating-label::before {\n  content: \"Note\";\n  position: absolute;\n  top: -14px;\n  left: 24px;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  padding: 7px 16px;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  box-shadow: 0 6px 14px rgba(97, 48, 145, 0.22);\n}\n\n.fab-info-callout--floating-label .callout-content strong {\n  display: none;\n}\n\n\/* =========================\n   OPCI\u00d3N 6\n   Esquina destacada\n========================= *\/\n\n.fab-info-callout--corner-accent {\n  position: relative;\n  background-color: var(--fab-white);\n  border-radius: 18px;\n  padding: 26px 30px;\n  border: 1px solid var(--fab-purple-border);\n  box-shadow: 0 12px 30px rgba(97, 48, 145, 0.14);\n  overflow: hidden;\n}\n\n.fab-info-callout--corner-accent::before {\n  content: \"\";\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 90px;\n  height: 90px;\n  background-color: var(--fab-purple);\n  clip-path: polygon(100% 0, 0 0, 100% 100%);\n}\n\n.fab-info-callout--corner-accent::after {\n  content: \"i\";\n  position: absolute;\n  right: 18px;\n  top: 12px;\n  color: var(--fab-white);\n  font-size: 20px;\n  font-weight: 800;\n  font-family: Georgia, serif;\n}\n\n.fab-info-callout--corner-accent .callout-content {\n  position: relative;\n  z-index: 1;\n  max-width: calc(100% - 40px);\n}\n\n\/* =========================\n   OPCI\u00d3N 7\n   Banner destacado\n========================= *\/\n\n.fab-info-callout--bold-banner {\n  background-color: var(--fab-purple-light);\n  border-radius: 20px;\n  padding: 28px 32px;\n  border-left: 12px solid var(--fab-purple);\n  border-right: 1px solid var(--fab-purple-border);\n  border-top: 1px solid var(--fab-purple-border);\n  border-bottom: 1px solid var(--fab-purple-border);\n  box-shadow: 0 14px 32px rgba(97, 48, 145, 0.16);\n}\n\n.fab-info-callout--bold-banner .callout-content p {\n  font-size: 17px;\n  line-height: 1.65;\n}\n\n.fab-info-callout--bold-banner .callout-content strong {\n  display: block;\n  margin-bottom: 8px;\n  color: var(--fab-purple);\n  font-size: 13px;\n}\n\n\/* =========================\n   OPCI\u00d3N 8\n   Fondo dividido\n========================= *\/\n\n.fab-info-callout--split-box {\n  display: grid;\n  grid-template-columns: 110px 1fr;\n  background-color: var(--fab-white);\n  border-radius: 20px;\n  overflow: hidden;\n  border: 1px solid var(--fab-purple-border);\n  box-shadow: 0 14px 34px rgba(97, 48, 145, 0.16);\n}\n\n.fab-info-callout--split-box::before {\n  content: \"NOTE\";\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  writing-mode: vertical-rl;\n  transform: rotate(180deg);\n  font-size: 14px;\n  font-weight: 900;\n  letter-spacing: 2px;\n}\n\n.fab-info-callout--split-box .callout-content {\n  padding: 26px 30px;\n}\n\n.fab-info-callout--split-box .callout-content strong {\n  display: none;\n}\n\n\/* =========================\n   OPCI\u00d3N 9\n   Fondo con patr\u00f3n sutil\n========================= *\/\n\n.fab-info-callout--pattern {\n  position: relative;\n  background-color: var(--fab-purple-light);\n  background-image:\n    radial-gradient(circle at 18px 18px, rgba(97, 48, 145, 0.12) 2px, transparent 2px);\n  background-size: 28px 28px;\n  border: 1px solid var(--fab-purple-border);\n  border-radius: 20px;\n  padding: 28px 32px;\n  box-shadow: 0 12px 30px rgba(97, 48, 145, 0.12);\n  overflow: hidden;\n}\n\n.fab-info-callout--pattern .callout-content {\n  position: relative;\n  background-color: rgba(255, 255, 255, 0.82);\n  padding: 22px 24px;\n  border-radius: 14px;\n  backdrop-filter: blur(3px);\n}\n\n\/* =========================\n   RESPONSIVE\n========================= *\/\n\n@media (max-width: 640px) {\n  .fab-info-callout {\n    margin: 24px 16px;\n  }\n\n  .callout-content p {\n    font-size: 15px;\n    line-height: 1.55;\n  }\n\n  .fab-info-callout--purple-panel {\n    display: block;\n  }\n\n  .fab-info-callout--purple-panel::before {\n    width: 100%;\n    height: 54px;\n    flex: none;\n  }\n\n  .fab-info-callout--purple-panel .callout-content,\n  .fab-info-callout--header-card .callout-content,\n  .fab-info-callout--split-box .callout-content {\n    padding: 22px;\n  }\n\n  .fab-info-callout--purple-gradient,\n  .fab-info-callout--bold-banner,\n  .fab-info-callout--pattern {\n    padding: 24px 22px;\n  }\n\n  .fab-info-callout--premium-alert {\n    padding: 72px 22px 24px;\n  }\n\n  .fab-info-callout--premium-alert::before {\n    top: 24px;\n    left: 22px;\n    transform: none;\n  }\n\n  .fab-info-callout--floating-label {\n    padding: 34px 22px 22px;\n  }\n\n  .fab-info-callout--corner-accent {\n    padding: 24px 22px;\n  }\n\n  .fab-info-callout--corner-accent .callout-content {\n    max-width: 100%;\n    padding-right: 36px;\n  }\n\n  .fab-info-callout--split-box {\n    grid-template-columns: 1fr;\n  }\n\n  .fab-info-callout--split-box::before {\n    writing-mode: horizontal-tb;\n    transform: none;\n    padding: 12px;\n  }\n\n  .fab-info-callout--pattern .callout-content {\n    padding: 20px;\n  }\n}\n<\/style>\n\n<div class=\"fab-info-callout fab-info-callout--corner-accent\" role=\"note\">\n  <div class=\"callout-content\">\n    <p>\n     An emergency dentist treats the actual dental injury by reimplanting, stabilizing, repairing, monitoring, or planning replacement when saving the tooth is not possible.\n    <\/p>\n  <\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">For a knocked-out adult tooth, the source of the problem is the tooth leaving its socket. Pain control helps, but pain control alone does not repair the injury.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Depending on your exam and X-rays, an emergency dentist may recommend the following.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Reimplantation<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Reimplantation means placing the tooth back into its socket. It may be possible if the tooth is intact, the socket is suitable, and the situation is clinically appropriate.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Timing matters. Storage matters. A tooth kept moist in milk generally has a better chance than one wrapped dry in tissue for an hour.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Splinting<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">After reimplantation, the tooth often needs a splint. A splint bonds the injured tooth to neighboring teeth so it can stay stable during early healing.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Too much movement can disrupt the healing ligament, much like walking on a sprained ankle too soon can prolong recovery.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Root canal treatment<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Many mature adult teeth that are knocked out eventually need root canal treatment because the nerve and blood supply are often damaged. A <strong>root canal<\/strong> removes infected or damaged tissue from inside the tooth, disinfects the canal space, and seals it so the tooth can remain functional.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Root canal treatment may not happen at the first emergency visit. Timing depends on root development, injury severity, X-ray findings, and healing response.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For more detail, see:<br><a href=\"https:\/\/fab.dental\/dental-services\/root-canal-treatment\/\">Root Canal Treatment in Hayward, CA<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Repair of surrounding damage<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The gums, lips, jawbone, and neighboring teeth may also be injured. The tooth next to the obvious injury may have a crack, loosened ligament, or root fracture that is invisible without X-rays. If the tooth is cracked rather than fully avulsed, this guide to <a href=\"https:\/\/fab.dental\/blog\/cracked-tooth-treatment-hayward-filling-crown-root-canal-extraction\/\">cracked tooth treatment options in Hayward<\/a> can help explain why treatment may range from a filling to a crown, root canal, or extraction.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Tooth replacement planning<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If the tooth cannot be saved, the dentist can discuss replacement options, including:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A temporary tooth<\/li>\n\n\n\n<li>Dental bridge<\/li>\n\n\n\n<li>Dental implant<\/li>\n\n\n\n<li>Removable partial denture<\/li>\n\n\n\n<li>Orthodontic space management in select cases<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">For adult front teeth, the emergency visit is only the first chapter. A good dentist is thinking about today\u2019s pain, tomorrow\u2019s infection risk, and the 3-month, 6-month, and 1-year outcome.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For replacement planning, see:<br><a href=\"https:\/\/fab.dental\/dental-services\/dental-implants\/\">Dental Implants in Hayward, CA<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">Step 7: Separate Tooth Infection From Tooth Trauma<\/h2>\n\n\n\n<style data-wp-block-html=\"css\">\n:root {\n  --fab-purple: #613091;\n  --fab-purple-dark: #4c2079;\n  --fab-purple-soft: #f8f5fb;\n  --fab-purple-tint: #efe6f7;\n  --fab-purple-border: #dccce8;\n  --fab-text: #333333;\n  --fab-muted: #5f5f5f;\n  --fab-white: #ffffff;\n}\n\n\/* Base *\/\n.fab-callout {\n  box-sizing: border-box;\n  max-width: 900px;\n  margin: 30px auto;\n  font-family: sans-serif;\n  color: var(--fab-text);\n}\n\n.fab-callout,\n.fab-callout * {\n  box-sizing: border-box;\n}\n\n.fab-callout__content p {\n  margin: 0;\n  color: var(--fab-text);\n  font-size: 16px;\n  line-height: 1.6;\n}\n\n.fab-callout strong {\n  color: var(--fab-purple);\n  font-weight: 700;\n  text-transform: uppercase;\n  font-size: 14px;\n  letter-spacing: 1px;\n}\n\n\/* Variante 1: Barra lateral cl\u00e1sica *\/\n.fab-callout--bar {\n  background-color: var(--fab-purple-soft);\n  border-left: 6px solid var(--fab-purple);\n  padding: 20px 25px;\n  border-radius: 4px 10px 10px 4px;\n  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);\n}\n\n\/* Variante 2: Card suave elevada *\/\n.fab-callout--soft-card {\n  background-color: var(--fab-white);\n  border: 1px solid var(--fab-purple-border);\n  padding: 24px 28px;\n  border-radius: 14px;\n  box-shadow: 0 8px 24px rgba(97, 48, 145, 0.10);\n}\n\n.fab-callout--soft-card strong {\n  display: inline-block;\n  margin-right: 6px;\n}\n\n\/* Variante 3: Callout con \u00edcono circular *\/\n.fab-callout--icon {\n  position: relative;\n  background-color: var(--fab-purple-soft);\n  border: 1px solid var(--fab-purple-border);\n  padding: 22px 26px 22px 72px;\n  border-radius: 14px;\n  box-shadow: 0 5px 16px rgba(97, 48, 145, 0.08);\n}\n\n.fab-callout--icon::before {\n  content: \"i\";\n  position: absolute;\n  left: 24px;\n  top: 24px;\n  width: 30px;\n  height: 30px;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  border-radius: 50%;\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 30px;\n  text-align: center;\n  font-family: Georgia, serif;\n}\n\n\/* Variante 4: Acento superior *\/\n.fab-callout--top-accent {\n  background-color: var(--fab-white);\n  border: 1px solid var(--fab-purple-border);\n  border-top: 6px solid var(--fab-purple);\n  padding: 22px 26px;\n  border-radius: 14px;\n  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);\n}\n\n\/* Variante 5: Outline elegante *\/\n.fab-callout--outline {\n  background-color: transparent;\n  border: 2px solid var(--fab-purple-border);\n  padding: 22px 26px;\n  border-radius: 14px;\n  position: relative;\n}\n\n.fab-callout--outline::after {\n  content: \"\";\n  position: absolute;\n  inset: 6px;\n  border-radius: 10px;\n  border: 1px solid rgba(97, 48, 145, 0.12);\n  pointer-events: none;\n}\n\n\/* Variante 6: Gradiente sutil *\/\n.fab-callout--gradient {\n  background: linear-gradient(135deg, #ffffff 0%, var(--fab-purple-soft) 100%);\n  border: 1px solid var(--fab-purple-border);\n  padding: 24px 28px;\n  border-radius: 16px;\n  box-shadow: 0 10px 28px rgba(97, 48, 145, 0.10);\n  position: relative;\n  overflow: hidden;\n}\n\n.fab-callout--gradient::before {\n  content: \"\";\n  position: absolute;\n  width: 90px;\n  height: 90px;\n  right: -28px;\n  top: -28px;\n  background-color: rgba(97, 48, 145, 0.08);\n  border-radius: 50%;\n}\n\n.fab-callout--gradient .fab-callout__content {\n  position: relative;\n  z-index: 1;\n}\n\n\/* Variante 7: Compacta con label tipo pill *\/\n.fab-callout--compact {\n  background-color: var(--fab-purple-soft);\n  border: 1px solid var(--fab-purple-border);\n  padding: 18px 22px;\n  border-radius: 999px;\n  box-shadow: 0 4px 12px rgba(97, 48, 145, 0.07);\n}\n\n.fab-callout--compact strong {\n  display: inline-block;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  padding: 4px 10px;\n  border-radius: 999px;\n  margin-right: 8px;\n  font-size: 12px;\n  letter-spacing: 0.8px;\n}\n\n\/* Responsive *\/\n@media (max-width: 640px) {\n  .fab-callout {\n    margin: 24px 16px;\n  }\n\n  .fab-callout__content p {\n    font-size: 15px;\n    line-height: 1.55;\n  }\n\n  .fab-callout--bar,\n  .fab-callout--soft-card,\n  .fab-callout--top-accent,\n  .fab-callout--outline,\n  .fab-callout--gradient {\n    padding: 18px 20px;\n  }\n\n  .fab-callout--icon {\n    padding: 20px 20px 20px 62px;\n  }\n\n  .fab-callout--icon::before {\n    left: 20px;\n    top: 21px;\n  }\n\n  .fab-callout--compact {\n    border-radius: 16px;\n  }\n\n  .fab-callout--compact strong {\n    margin-bottom: 6px;\n  }\n}\n<\/style>\n\n<aside class=\"fab-callout fab-callout--gradient\" role=\"note\">\n  <div class=\"fab-callout__content\">\n    <p>\n      A tooth infection usually needs a dentist to remove the source, while the ER is appropriate when swelling, fever, breathing trouble, or swallowing trouble suggests medical spread.\n    <\/p>\n  <\/div>\n<\/aside>\n\n\n\n<p class=\"wp-block-paragraph\">Patients sometimes confuse a knocked-out tooth emergency with an infection emergency. Both can be urgent, but the decision rule is different.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For a tooth infection, call a dentist promptly if you have:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Toothache with gum swelling<\/li>\n\n\n\n<li>Pain when biting<\/li>\n\n\n\n<li>A pimple-like bump on the gum<\/li>\n\n\n\n<li>Bad taste or drainage near a tooth<\/li>\n\n\n\n<li>Lingering sensitivity to hot or cold<\/li>\n\n\n\n<li>Swelling limited to the gum near one tooth<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Go to the ER if you have:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Difficulty breathing<\/li>\n\n\n\n<li>Difficulty swallowing<\/li>\n\n\n\n<li>Swelling under the jaw<\/li>\n\n\n\n<li>Swelling spreading into the neck<\/li>\n\n\n\n<li>Swelling near the eye<\/li>\n\n\n\n<li>Fever with facial swelling<\/li>\n\n\n\n<li>Rapidly worsening swelling<\/li>\n\n\n\n<li>Severe weakness or feeling very ill<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Antibiotics may reduce bacterial spread temporarily, but they usually do not remove the dental source. The source may be a dead nerve, abscessed root, deep cavity, cracked tooth, or gum infection. Dental treatment may require drainage, root canal treatment, <a href=\"https:\/\/fab.dental\/dental-services\/tooth-extractions\/\">tooth extraction<\/a>, or periodontal care.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For a knocked-out tooth, infection risk can develop later. That is why follow-up visits matter after reimplantation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you had a tooth knocked out in Hayward and now have swelling, fever, or worsening pain days later, call a dentist promptly. If swelling affects breathing, swallowing, the eye, or the neck, go to the ER.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">Step 8: Treat Broken, Loose, and Displaced Teeth the Same Day<\/h2>\n\n\n\n<style data-wp-block-html=\"css\">\n:root {\n  --fab-purple: #613091;\n  --fab-purple-dark: #4c2079;\n  --fab-purple-soft: #f8f5fb;\n  --fab-purple-tint: #efe6f7;\n  --fab-purple-border: #dccce8;\n  --fab-text: #333333;\n  --fab-muted: #5f5f5f;\n  --fab-white: #ffffff;\n}\n\n\/* Base *\/\n.fab-callout {\n  box-sizing: border-box;\n  max-width: 900px;\n  margin: 30px auto;\n  font-family: sans-serif;\n  color: var(--fab-text);\n}\n\n.fab-callout,\n.fab-callout * {\n  box-sizing: border-box;\n}\n\n.fab-callout__content p {\n  margin: 0;\n  color: var(--fab-text);\n  font-size: 16px;\n  line-height: 1.6;\n}\n\n.fab-callout strong {\n  color: var(--fab-purple);\n  font-weight: 700;\n  text-transform: uppercase;\n  font-size: 14px;\n  letter-spacing: 1px;\n}\n\n\/* Variante 1: Barra lateral cl\u00e1sica *\/\n.fab-callout--bar {\n  background-color: var(--fab-purple-soft);\n  border-left: 6px solid var(--fab-purple);\n  padding: 20px 25px;\n  border-radius: 4px 10px 10px 4px;\n  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);\n}\n\n\/* Variante 2: Card suave elevada *\/\n.fab-callout--soft-card {\n  background-color: var(--fab-white);\n  border: 1px solid var(--fab-purple-border);\n  padding: 24px 28px;\n  border-radius: 14px;\n  box-shadow: 0 8px 24px rgba(97, 48, 145, 0.10);\n}\n\n.fab-callout--soft-card strong {\n  display: inline-block;\n  margin-right: 6px;\n}\n\n\/* Variante 3: Callout con \u00edcono circular *\/\n.fab-callout--icon {\n  position: relative;\n  background-color: var(--fab-purple-soft);\n  border: 1px solid var(--fab-purple-border);\n  padding: 22px 26px 22px 72px;\n  border-radius: 14px;\n  box-shadow: 0 5px 16px rgba(97, 48, 145, 0.08);\n}\n\n.fab-callout--icon::before {\n  content: \"i\";\n  position: absolute;\n  left: 24px;\n  top: 24px;\n  width: 30px;\n  height: 30px;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  border-radius: 50%;\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 30px;\n  text-align: center;\n  font-family: Georgia, serif;\n}\n\n\/* Variante 4: Acento superior *\/\n.fab-callout--top-accent {\n  background-color: var(--fab-white);\n  border: 1px solid var(--fab-purple-border);\n  border-top: 6px solid var(--fab-purple);\n  padding: 22px 26px;\n  border-radius: 14px;\n  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);\n}\n\n\/* Variante 5: Outline elegante *\/\n.fab-callout--outline {\n  background-color: transparent;\n  border: 2px solid var(--fab-purple-border);\n  padding: 22px 26px;\n  border-radius: 14px;\n  position: relative;\n}\n\n.fab-callout--outline::after {\n  content: \"\";\n  position: absolute;\n  inset: 6px;\n  border-radius: 10px;\n  border: 1px solid rgba(97, 48, 145, 0.12);\n  pointer-events: none;\n}\n\n\/* Variante 6: Gradiente sutil *\/\n.fab-callout--gradient {\n  background: linear-gradient(135deg, #ffffff 0%, var(--fab-purple-soft) 100%);\n  border: 1px solid var(--fab-purple-border);\n  padding: 24px 28px;\n  border-radius: 16px;\n  box-shadow: 0 10px 28px rgba(97, 48, 145, 0.10);\n  position: relative;\n  overflow: hidden;\n}\n\n.fab-callout--gradient::before {\n  content: \"\";\n  position: absolute;\n  width: 90px;\n  height: 90px;\n  right: -28px;\n  top: -28px;\n  background-color: rgba(97, 48, 145, 0.08);\n  border-radius: 50%;\n}\n\n.fab-callout--gradient .fab-callout__content {\n  position: relative;\n  z-index: 1;\n}\n\n\/* Variante 7: Compacta con label tipo pill *\/\n.fab-callout--compact {\n  background-color: var(--fab-purple-soft);\n  border: 1px solid var(--fab-purple-border);\n  padding: 18px 22px;\n  border-radius: 999px;\n  box-shadow: 0 4px 12px rgba(97, 48, 145, 0.07);\n}\n\n.fab-callout--compact strong {\n  display: inline-block;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  padding: 4px 10px;\n  border-radius: 999px;\n  margin-right: 8px;\n  font-size: 12px;\n  letter-spacing: 0.8px;\n}\n\n\/* Responsive *\/\n@media (max-width: 640px) {\n  .fab-callout {\n    margin: 24px 16px;\n  }\n\n  .fab-callout__content p {\n    font-size: 15px;\n    line-height: 1.55;\n  }\n\n  .fab-callout--bar,\n  .fab-callout--soft-card,\n  .fab-callout--top-accent,\n  .fab-callout--outline,\n  .fab-callout--gradient {\n    padding: 18px 20px;\n  }\n\n  .fab-callout--icon {\n    padding: 20px 20px 20px 62px;\n  }\n\n  .fab-callout--icon::before {\n    left: 20px;\n    top: 21px;\n  }\n\n  .fab-callout--compact {\n    border-radius: 16px;\n  }\n\n  .fab-callout--compact strong {\n    margin-bottom: 6px;\n  }\n}\n<\/style>\n\n<aside class=\"fab-callout fab-callout--gradient\" role=\"note\">\n  <div class=\"fab-callout__content\">\n    <p>\n     Knocked-out adult teeth, displaced teeth, very loose teeth, and serious fractures need same-day dental care because delay can reduce treatment options.\n    <\/p>\n  <\/div>\n<\/aside>\n\n\n\n<p class=\"wp-block-paragraph\">A knocked-out tooth is the highest-urgency dental trauma. Serious fractures and displaced teeth also deserve fast attention.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Use this timing guide:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Dental injury<\/th><th class=\"has-text-align-right\" data-align=\"right\">Urgency<\/th><th>What to do<\/th><\/tr><\/thead><tbody><tr><td>Adult tooth fully knocked out<\/td><td class=\"has-text-align-right\" data-align=\"right\"><strong>Immediate<\/strong><\/td><td>Store properly and call an emergency dentist now<\/td><\/tr><tr><td>Tooth pushed out of position<\/td><td class=\"has-text-align-right\" data-align=\"right\"><strong>Immediate\/same day<\/strong><\/td><td>Do not force it; call a dentist<\/td><\/tr><tr><td>Tooth very loose after trauma<\/td><td class=\"has-text-align-right\" data-align=\"right\"><strong>Same day<\/strong><\/td><td>Avoid chewing; call a dentist<\/td><\/tr><tr><td>Broken tooth with visible red or pink center<\/td><td class=\"has-text-align-right\" data-align=\"right\"><strong>Same day<\/strong><\/td><td>Possible nerve exposure<\/td><\/tr><tr><td>Broken tooth with moderate pain or bite pain<\/td><td class=\"has-text-align-right\" data-align=\"right\"><strong>Same day<\/strong><\/td><td>Possible crack, nerve injury, or root injury<\/td><\/tr><tr><td>Broken tooth with mild sensitivity<\/td><td class=\"has-text-align-right\" data-align=\"right\"><strong>Same day or next day<\/strong><\/td><td>Needs exam and restoration planning<\/td><\/tr><tr><td>Small chip with no pain<\/td><td class=\"has-text-align-right\" data-align=\"right\"><strong>Soon, usually not ER<\/strong><\/td><td>Schedule dental repair<\/td><\/tr><tr><td>Baby tooth knocked out<\/td><td class=\"has-text-align-right\" data-align=\"right\"><strong>Call dentist; do not reinsert<\/strong><\/td><td>Reimplanting baby teeth can harm the adult tooth underneath<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">The baby-tooth distinction is critical.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If a child loses a baby tooth, do <strong>not<\/strong> put it back in the socket unless a dentist specifically tells you to. Reimplanting a baby tooth can damage the developing permanent tooth underneath.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you are unsure whether it is a baby tooth or adult tooth, call a dentist immediately. Take a clear photo of the tooth and mouth if possible. That can help the dental team guide you.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I have seen front teeth knocked out during predictable events: soccer, basketball, bike crashes, scooter accidents, and workplace injuries. I have also seen it happen in ordinary moments: a dog jumping into someone\u2019s chin, a toddler\u2019s head hitting a parent\u2019s mouth, a glass bottle slipping at the wrong angle. Dental trauma does not wait for a convenient calendar opening.<\/p>\n\n\n\n<style data-wp-block-html=\"css\">\r\n:root {\r\n  --fab-purple: #613091;\r\n  --fab-purple-dark: #4b2178;\r\n  --fab-purple-light: #f8f5fb;\r\n  --fab-purple-soft: #eee5f6;\r\n  --fab-purple-border: #d8c5e8;\r\n  --fab-navy: #1e285a;\r\n  --fab-text: #333333;\r\n  --fab-muted: #5f5f5f;\r\n  --fab-white: #ffffff;\r\n}\r\n\r\n\/* ==========================================\r\n   BASE GENERAL CTA EMERGENCIA\r\n========================================== *\/\r\n\r\n.fab-emergency-callout {\r\n  position: relative;\r\n  max-width: 900px;\r\n  margin: 40px auto;\r\n  padding: 34px 30px;\r\n  font-family: 'Segoe UI', Roboto, sans-serif;\r\n  line-height: 1.6;\r\n  text-align: center;\r\n  box-sizing: border-box;\r\n  overflow: hidden;\r\n}\r\n\r\n.fab-emergency-callout *,\r\n.fab-emergency-callout *::before,\r\n.fab-emergency-callout *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.fab-emergency-title {\r\n  color: var(--fab-navy);\r\n  font-size: 32px;\r\n  line-height: 1.2;\r\n  margin: 0 0 14px;\r\n  font-weight: 800;\r\n}\r\n\r\n.fab-emergency-text {\r\n  color: var(--fab-text);\r\n  font-size: 17px;\r\n  line-height: 1.65;\r\n  max-width: 760px;\r\n  margin: 0 auto 24px;\r\n}\r\n\r\n.fab-emergency-callout .my-cta-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  background-color: var(--fab-purple);\r\n  color: var(--fab-white);\r\n  padding: 14px 28px;\r\n  border-radius: 999px;\r\n  font-size: 15px;\r\n  font-weight: 800;\r\n  text-decoration: none;\r\n  line-height: 1.2;\r\n  letter-spacing: 0.2px;\r\n  box-shadow: 0 8px 18px rgba(97, 48, 145, 0.22);\r\n  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;\r\n}\r\n\r\n.fab-emergency-callout .my-cta-button:hover {\r\n  background-color: var(--fab-purple-dark);\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 12px 24px rgba(97, 48, 145, 0.28);\r\n}\r\n\r\n.fab-emergency-callout .my-cta-button:focus-visible {\r\n  outline: 3px solid rgba(97, 48, 145, 0.28);\r\n  outline-offset: 4px;\r\n}\r\n\r\n\/* ==========================================\r\n   OPCI\u00d3N 1\r\n   Card suave premium\r\n========================================== *\/\r\n\r\n.fab-emergency-callout--soft-card {\r\n  background-color: var(--fab-white);\r\n  border: 1px solid var(--fab-purple-border);\r\n  border-radius: 22px;\r\n  box-shadow: 0 14px 34px rgba(97, 48, 145, 0.14);\r\n}\r\n\r\n.fab-emergency-callout--soft-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: 50%;\r\n  width: 140px;\r\n  height: 6px;\r\n  background-color: var(--fab-purple);\r\n  border-radius: 0 0 999px 999px;\r\n  transform: translateX(-50%);\r\n}\r\n\r\n\/* ==========================================\r\n   OPCI\u00d3N 2\r\n   Fondo morado degradado\r\n========================================== *\/\r\n\r\n.fab-emergency-callout--purple-gradient {\r\n  background: linear-gradient(135deg, #613091 0%, #7c46af 100%);\r\n  border-radius: 24px;\r\n  box-shadow: 0 18px 42px rgba(97, 48, 145, 0.30);\r\n  color: var(--fab-white);\r\n}\r\n\r\n.fab-emergency-callout--purple-gradient::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 180px;\r\n  height: 180px;\r\n  right: -60px;\r\n  top: -70px;\r\n  background-color: rgba(255, 255, 255, 0.12);\r\n  border-radius: 50%;\r\n}\r\n\r\n.fab-emergency-callout--purple-gradient::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  width: 105px;\r\n  height: 105px;\r\n  left: -32px;\r\n  bottom: -38px;\r\n  background-color: rgba(255, 255, 255, 0.10);\r\n  border-radius: 50%;\r\n}\r\n\r\n.fab-emergency-callout--purple-gradient .fab-emergency-title,\r\n.fab-emergency-callout--purple-gradient .fab-emergency-text {\r\n  position: relative;\r\n  z-index: 1;\r\n  color: var(--fab-white);\r\n}\r\n\r\n.fab-emergency-callout--purple-gradient .my-cta-button {\r\n  position: relative;\r\n  z-index: 1;\r\n  background-color: var(--fab-white);\r\n  color: var(--fab-purple);\r\n  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);\r\n}\r\n\r\n.fab-emergency-callout--purple-gradient .my-cta-button:hover {\r\n  background-color: #f4edf9;\r\n  color: var(--fab-purple-dark);\r\n}\r\n\r\n\/* ==========================================\r\n   OPCI\u00d3N 3\r\n   Panel dividido horizontal\r\n========================================== *\/\r\n\r\n.fab-emergency-callout--split-panel {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.6fr auto;\r\n  align-items: center;\r\n  gap: 22px;\r\n  text-align: left;\r\n  background-color: var(--fab-white);\r\n  border: 1px solid var(--fab-purple-border);\r\n  border-left: 12px solid var(--fab-purple);\r\n  border-radius: 20px;\r\n  box-shadow: 0 14px 34px rgba(97, 48, 145, 0.16);\r\n}\r\n\r\n.fab-emergency-callout--split-panel .fab-emergency-title {\r\n  margin: 0;\r\n  font-size: 28px;\r\n}\r\n\r\n.fab-emergency-callout--split-panel .fab-emergency-text {\r\n  max-width: none;\r\n  margin: 0;\r\n  font-size: 16px;\r\n}\r\n\r\n.fab-emergency-callout--split-panel .my-cta-button {\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* ==========================================\r\n   OPCI\u00d3N 4\r\n   Card con encabezado morado\r\n========================================== *\/\r\n\r\n.fab-emergency-callout--header-band {\r\n  padding: 0;\r\n  background-color: var(--fab-white);\r\n  border: 1px solid var(--fab-purple-border);\r\n  border-radius: 22px;\r\n  box-shadow: 0 16px 38px rgba(97, 48, 145, 0.16);\r\n}\r\n\r\n.fab-emergency-callout--header-band::before {\r\n  content: \"Emergency Dental Care\";\r\n  display: block;\r\n  background-color: var(--fab-purple);\r\n  color: var(--fab-white);\r\n  padding: 13px 24px;\r\n  font-size: 13px;\r\n  font-weight: 900;\r\n  letter-spacing: 1.2px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.fab-emergency-callout--header-band .fab-emergency-title {\r\n  padding: 28px 30px 0;\r\n}\r\n\r\n.fab-emergency-callout--header-band .fab-emergency-text {\r\n  padding: 0 30px;\r\n}\r\n\r\n.fab-emergency-callout--header-band .my-cta-button {\r\n  margin-bottom: 30px;\r\n}\r\n\r\n\/* ==========================================\r\n   OPCI\u00d3N 5\r\n   Outline urgente con \u00edcono\r\n========================================== *\/\r\n\r\n.fab-emergency-callout--urgent-outline {\r\n  text-align: left;\r\n  background-color: var(--fab-white);\r\n  border: 2px solid var(--fab-purple);\r\n  border-radius: 22px;\r\n  padding: 32px 34px 32px 104px;\r\n  box-shadow: 0 14px 34px rgba(97, 48, 145, 0.18);\r\n}\r\n\r\n.fab-emergency-callout--urgent-outline::before {\r\n  content: \"!\";\r\n  position: absolute;\r\n  left: 32px;\r\n  top: 34px;\r\n  width: 48px;\r\n  height: 48px;\r\n  background-color: var(--fab-purple);\r\n  color: var(--fab-white);\r\n  border-radius: 16px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-family: Georgia, serif;\r\n  font-size: 30px;\r\n  font-weight: 900;\r\n  box-shadow: 0 10px 22px rgba(97, 48, 145, 0.26);\r\n}\r\n\r\n.fab-emergency-callout--urgent-outline::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 9px;\r\n  border: 1px solid rgba(97, 48, 145, 0.14);\r\n  border-radius: 15px;\r\n  pointer-events: none;\r\n}\r\n\r\n.fab-emergency-callout--urgent-outline .fab-emergency-title,\r\n.fab-emergency-callout--urgent-outline .fab-emergency-text,\r\n.fab-emergency-callout--urgent-outline .my-cta-button {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.fab-emergency-callout--urgent-outline .fab-emergency-text {\r\n  margin-left: 0;\r\n  margin-right: 0;\r\n}\r\n\r\n\/* ==========================================\r\n   OPCI\u00d3N 6\r\n   Banner destacado con borde grueso\r\n========================================== *\/\r\n\r\n.fab-emergency-callout--bold-banner {\r\n  background-color: var(--fab-purple-light);\r\n  border-radius: 24px;\r\n  border-left: 14px solid var(--fab-purple);\r\n  border-top: 1px solid var(--fab-purple-border);\r\n  border-right: 1px solid var(--fab-purple-border);\r\n  border-bottom: 1px solid var(--fab-purple-border);\r\n  box-shadow: 0 16px 36px rgba(97, 48, 145, 0.16);\r\n}\r\n\r\n.fab-emergency-callout--bold-banner .fab-emergency-title {\r\n  font-size: 34px;\r\n}\r\n\r\n.fab-emergency-callout--bold-banner .fab-emergency-text {\r\n  font-size: 17px;\r\n}\r\n\r\n\/* ==========================================\r\n   OPCI\u00d3N 7\r\n   Badge flotante superior\r\n========================================== *\/\r\n\r\n.fab-emergency-callout--floating-badge {\r\n  margin-top: 54px;\r\n  background-color: var(--fab-white);\r\n  border: 1px solid var(--fab-purple-border);\r\n  border-radius: 24px;\r\n  box-shadow: 0 16px 38px rgba(97, 48, 145, 0.15);\r\n}\r\n\r\n.fab-emergency-callout--floating-badge::before {\r\n  content: \"Same-day emergency help\";\r\n  position: absolute;\r\n  top: -17px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  background-color: var(--fab-purple);\r\n  color: var(--fab-white);\r\n  padding: 8px 18px;\r\n  border-radius: 999px;\r\n  font-size: 12px;\r\n  font-weight: 900;\r\n  letter-spacing: 1px;\r\n  text-transform: uppercase;\r\n  box-shadow: 0 8px 18px rgba(97, 48, 145, 0.24);\r\n  white-space: nowrap;\r\n}\r\n\r\n.fab-emergency-callout--floating-badge .fab-emergency-title {\r\n  margin-top: 6px;\r\n}\r\n\r\n\/* ==========================================\r\n   OPCI\u00d3N 8\r\n   Premium oscuro con morado\r\n========================================== *\/\r\n\r\n.fab-emergency-callout--dark-premium {\r\n  background: linear-gradient(135deg, #1e285a 0%, #2a3570 100%);\r\n  border-radius: 24px;\r\n  border: 1px solid rgba(255, 255, 255, 0.12);\r\n  box-shadow: 0 18px 44px rgba(30, 40, 90, 0.24);\r\n}\r\n\r\n.fab-emergency-callout--dark-premium::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  height: 7px;\r\n  width: 100%;\r\n  background: linear-gradient(90deg, var(--fab-purple) 0%, #9b6ac2 100%);\r\n}\r\n\r\n.fab-emergency-callout--dark-premium .fab-emergency-title,\r\n.fab-emergency-callout--dark-premium .fab-emergency-text {\r\n  color: var(--fab-white);\r\n}\r\n\r\n.fab-emergency-callout--dark-premium .fab-emergency-text {\r\n  opacity: 0.92;\r\n}\r\n\r\n.fab-emergency-callout--dark-premium .my-cta-button {\r\n  background-color: var(--fab-purple);\r\n  color: var(--fab-white);\r\n  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);\r\n}\r\n\r\n.fab-emergency-callout--dark-premium .my-cta-button:hover {\r\n  background-color: #7c46af;\r\n}\r\n\r\n\/* ==========================================\r\n   OPCI\u00d3N 9\r\n   CTA compacto horizontal\r\n========================================== *\/\r\n\r\n.fab-emergency-callout--compact-horizontal {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 22px;\r\n  text-align: left;\r\n  background-color: var(--fab-purple-light);\r\n  border: 1px solid var(--fab-purple-border);\r\n  border-radius: 999px;\r\n  padding: 22px 24px 22px 34px;\r\n  box-shadow: 0 12px 28px rgba(97, 48, 145, 0.13);\r\n}\r\n\r\n.fab-emergency-callout--compact-horizontal .fab-emergency-title {\r\n  flex: 0 0 250px;\r\n  margin: 0;\r\n  font-size: 25px;\r\n}\r\n\r\n.fab-emergency-callout--compact-horizontal .fab-emergency-text {\r\n  flex: 1;\r\n  max-width: none;\r\n  margin: 0;\r\n  font-size: 15.5px;\r\n  line-height: 1.5;\r\n}\r\n\r\n.fab-emergency-callout--compact-horizontal .my-cta-button {\r\n  flex: 0 0 auto;\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* ==========================================\r\n   OPCI\u00d3N 10\r\n   Esquina destacada\r\n========================================== *\/\r\n\r\n.fab-emergency-callout--corner-accent {\r\n  background-color: var(--fab-white);\r\n  border: 1px solid var(--fab-purple-border);\r\n  border-radius: 24px;\r\n  box-shadow: 0 16px 38px rgba(97, 48, 145, 0.15);\r\n}\r\n\r\n.fab-emergency-callout--corner-accent::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  right: 0;\r\n  top: 0;\r\n  width: 115px;\r\n  height: 115px;\r\n  background-color: var(--fab-purple);\r\n  clip-path: polygon(100% 0, 0 0, 100% 100%);\r\n}\r\n\r\n.fab-emergency-callout--corner-accent::after {\r\n  content: \"+\";\r\n  position: absolute;\r\n  right: 20px;\r\n  top: 12px;\r\n  color: var(--fab-white);\r\n  font-size: 28px;\r\n  font-weight: 900;\r\n  line-height: 1;\r\n}\r\n\r\n.fab-emergency-callout--corner-accent .fab-emergency-title,\r\n.fab-emergency-callout--corner-accent .fab-emergency-text,\r\n.fab-emergency-callout--corner-accent .my-cta-button {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.fab-emergency-callout--corner-accent .fab-emergency-title,\r\n.fab-emergency-callout--corner-accent .fab-emergency-text {\r\n  max-width: 720px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n\/* ==========================================\r\n   RESPONSIVE\r\n========================================== *\/\r\n\r\n@media (max-width: 768px) {\r\n  .fab-emergency-callout {\r\n    margin: 34px 16px;\r\n    padding: 28px 22px;\r\n  }\r\n\r\n  .fab-emergency-title {\r\n    font-size: 27px;\r\n  }\r\n\r\n  .fab-emergency-text {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .fab-emergency-callout .my-cta-button {\r\n    width: 100%;\r\n    max-width: 360px;\r\n    padding: 14px 22px;\r\n  }\r\n\r\n  .fab-emergency-callout--split-panel {\r\n    grid-template-columns: 1fr;\r\n    text-align: center;\r\n    border-left: 1px solid var(--fab-purple-border);\r\n    border-top: 10px solid var(--fab-purple);\r\n  }\r\n\r\n  .fab-emergency-callout--split-panel .fab-emergency-title {\r\n    font-size: 27px;\r\n  }\r\n\r\n  .fab-emergency-callout--split-panel .fab-emergency-text {\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .fab-emergency-callout--header-band {\r\n    padding: 0;\r\n  }\r\n\r\n  .fab-emergency-callout--header-band .fab-emergency-title {\r\n    padding: 26px 22px 0;\r\n  }\r\n\r\n  .fab-emergency-callout--header-band .fab-emergency-text {\r\n    padding: 0 22px;\r\n  }\r\n\r\n  .fab-emergency-callout--header-band .my-cta-button {\r\n    margin-bottom: 26px;\r\n  }\r\n\r\n  .fab-emergency-callout--urgent-outline {\r\n    text-align: center;\r\n    padding: 82px 22px 28px;\r\n  }\r\n\r\n  .fab-emergency-callout--urgent-outline::before {\r\n    top: 24px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n  }\r\n\r\n  .fab-emergency-callout--bold-banner {\r\n    border-left: 1px solid var(--fab-purple-border);\r\n    border-top: 10px solid var(--fab-purple);\r\n  }\r\n\r\n  .fab-emergency-callout--bold-banner .fab-emergency-title {\r\n    font-size: 28px;\r\n  }\r\n\r\n  .fab-emergency-callout--floating-badge::before {\r\n    width: calc(100% - 44px);\r\n    text-align: center;\r\n    white-space: normal;\r\n  }\r\n\r\n  .fab-emergency-callout--compact-horizontal {\r\n    display: block;\r\n    text-align: center;\r\n    border-radius: 24px;\r\n    padding: 28px 22px;\r\n  }\r\n\r\n  .fab-emergency-callout--compact-horizontal .fab-emergency-title {\r\n    margin-bottom: 12px;\r\n    font-size: 27px;\r\n  }\r\n\r\n  .fab-emergency-callout--compact-horizontal .fab-emergency-text {\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  .fab-emergency-callout--corner-accent::before {\r\n    width: 90px;\r\n    height: 90px;\r\n  }\r\n\r\n  .fab-emergency-callout--corner-accent::after {\r\n    right: 16px;\r\n    top: 10px;\r\n    font-size: 24px;\r\n  }\r\n}\r\n    text-transform: uppercase;\r\n}\r\n\r\n.fab-emergency-text {\r\n    color: #333333; \r\n    font-size: 17px; \r\n    margin-bottom: 25px;\r\n}\r\n\r\n.my-cta-button {\r\n    background-color: #613091;\r\n    color: #ffffff !important;\r\n    padding: 12px 24px;\r\n    text-decoration: none;\r\n    border-radius: 6px;\r\n    font-weight: bold;\r\n    display: inline-block;\r\n    transition: background-color 0.3s ease;\r\n    cursor: pointer;\r\n    font-size: 16px;\r\n}\r\n\r\n.my-cta-button:hover {\r\n    background-color: #4b2570;\r\n    text-decoration: underline; \r\n}\r\n\r\n\/* Optimizaci\u00f3n para que el t\u00edtulo no quede gigante en m\u00f3viles *\/\r\n@media (max-width: 600px) {\r\n    .fab-emergency-title {\r\n        font-size: 26px;\r\n    }\r\n    .fab-emergency-text {\r\n        font-size: 16px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"fab-emergency-callout fab-emergency-callout--soft-card\">\r\n\r\n  <h3 class=\"fab-emergency-title\">\r\n    Call Fab Dental for a knocked-out tooth emergency in Hayward.\r\n  <\/h3>\r\n\r\n  <p class=\"fab-emergency-text\">\r\n   \r\n  <\/p>\r\n\r\n  <a href=\"https:\/\/fab.dental\/contact-us\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"my-cta-button\">\r\n    Get Urgent Dental Help\r\n  <\/a>\r\n\r\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">Step 9: Know What Happens at the Emergency Dental Visit<\/h2>\n\n\n\n<style data-wp-block-html=\"css\">\n:root {\n  --fab-purple: #613091;\n  --fab-purple-dark: #4c2079;\n  --fab-purple-soft: #f8f5fb;\n  --fab-purple-tint: #efe6f7;\n  --fab-purple-border: #dccce8;\n  --fab-text: #333333;\n  --fab-muted: #5f5f5f;\n  --fab-white: #ffffff;\n}\n\n\/* Base *\/\n.fab-callout {\n  box-sizing: border-box;\n  max-width: 900px;\n  margin: 30px auto;\n  font-family: sans-serif;\n  color: var(--fab-text);\n}\n\n.fab-callout,\n.fab-callout * {\n  box-sizing: border-box;\n}\n\n.fab-callout__content p {\n  margin: 0;\n  color: var(--fab-text);\n  font-size: 16px;\n  line-height: 1.6;\n}\n\n.fab-callout strong {\n  color: var(--fab-purple);\n  font-weight: 700;\n  text-transform: uppercase;\n  font-size: 14px;\n  letter-spacing: 1px;\n}\n\n\/* Variante 1: Barra lateral cl\u00e1sica *\/\n.fab-callout--bar {\n  background-color: var(--fab-purple-soft);\n  border-left: 6px solid var(--fab-purple);\n  padding: 20px 25px;\n  border-radius: 4px 10px 10px 4px;\n  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);\n}\n\n\/* Variante 2: Card suave elevada *\/\n.fab-callout--soft-card {\n  background-color: var(--fab-white);\n  border: 1px solid var(--fab-purple-border);\n  padding: 24px 28px;\n  border-radius: 14px;\n  box-shadow: 0 8px 24px rgba(97, 48, 145, 0.10);\n}\n\n.fab-callout--soft-card strong {\n  display: inline-block;\n  margin-right: 6px;\n}\n\n\/* Variante 3: Callout con \u00edcono circular *\/\n.fab-callout--icon {\n  position: relative;\n  background-color: var(--fab-purple-soft);\n  border: 1px solid var(--fab-purple-border);\n  padding: 22px 26px 22px 72px;\n  border-radius: 14px;\n  box-shadow: 0 5px 16px rgba(97, 48, 145, 0.08);\n}\n\n.fab-callout--icon::before {\n  content: \"i\";\n  position: absolute;\n  left: 24px;\n  top: 24px;\n  width: 30px;\n  height: 30px;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  border-radius: 50%;\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 30px;\n  text-align: center;\n  font-family: Georgia, serif;\n}\n\n\/* Variante 4: Acento superior *\/\n.fab-callout--top-accent {\n  background-color: var(--fab-white);\n  border: 1px solid var(--fab-purple-border);\n  border-top: 6px solid var(--fab-purple);\n  padding: 22px 26px;\n  border-radius: 14px;\n  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);\n}\n\n\/* Variante 5: Outline elegante *\/\n.fab-callout--outline {\n  background-color: transparent;\n  border: 2px solid var(--fab-purple-border);\n  padding: 22px 26px;\n  border-radius: 14px;\n  position: relative;\n}\n\n.fab-callout--outline::after {\n  content: \"\";\n  position: absolute;\n  inset: 6px;\n  border-radius: 10px;\n  border: 1px solid rgba(97, 48, 145, 0.12);\n  pointer-events: none;\n}\n\n\/* Variante 6: Gradiente sutil *\/\n.fab-callout--gradient {\n  background: linear-gradient(135deg, #ffffff 0%, var(--fab-purple-soft) 100%);\n  border: 1px solid var(--fab-purple-border);\n  padding: 24px 28px;\n  border-radius: 16px;\n  box-shadow: 0 10px 28px rgba(97, 48, 145, 0.10);\n  position: relative;\n  overflow: hidden;\n}\n\n.fab-callout--gradient::before {\n  content: \"\";\n  position: absolute;\n  width: 90px;\n  height: 90px;\n  right: -28px;\n  top: -28px;\n  background-color: rgba(97, 48, 145, 0.08);\n  border-radius: 50%;\n}\n\n.fab-callout--gradient .fab-callout__content {\n  position: relative;\n  z-index: 1;\n}\n\n\/* Variante 7: Compacta con label tipo pill *\/\n.fab-callout--compact {\n  background-color: var(--fab-purple-soft);\n  border: 1px solid var(--fab-purple-border);\n  padding: 18px 22px;\n  border-radius: 999px;\n  box-shadow: 0 4px 12px rgba(97, 48, 145, 0.07);\n}\n\n.fab-callout--compact strong {\n  display: inline-block;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  padding: 4px 10px;\n  border-radius: 999px;\n  margin-right: 8px;\n  font-size: 12px;\n  letter-spacing: 0.8px;\n}\n\n\/* Responsive *\/\n@media (max-width: 640px) {\n  .fab-callout {\n    margin: 24px 16px;\n  }\n\n  .fab-callout__content p {\n    font-size: 15px;\n    line-height: 1.55;\n  }\n\n  .fab-callout--bar,\n  .fab-callout--soft-card,\n  .fab-callout--top-accent,\n  .fab-callout--outline,\n  .fab-callout--gradient {\n    padding: 18px 20px;\n  }\n\n  .fab-callout--icon {\n    padding: 20px 20px 20px 62px;\n  }\n\n  .fab-callout--icon::before {\n    left: 20px;\n    top: 21px;\n  }\n\n  .fab-callout--compact {\n    border-radius: 16px;\n  }\n\n  .fab-callout--compact strong {\n    margin-bottom: 6px;\n  }\n}\n<\/style>\n\n<aside class=\"fab-callout fab-callout--gradient\" role=\"note\">\n  <div class=\"fab-callout__content\">\n    <p>\n At the emergency visit, the dentist triages medical risk, examines the tooth and socket, takes X-rays, stabilizes urgent damage, and gives you a follow-up plan.\n    <\/p>\n  <\/div>\n<\/aside>\n\n\n\n<p class=\"wp-block-paragraph\">If you call Fab Dental for a knocked out tooth in Hayward, the first priority is triage. The team will ask what happened, when it happened, whether the tooth is adult or baby, how the tooth is being stored, and whether ER symptoms are present.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">At the visit, you can expect some combination of the following.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Medical and injury history<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The dentist will ask:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>When did the tooth come out?<\/li>\n\n\n\n<li>How was it stored?<\/li>\n\n\n\n<li>Was it placed back into the socket?<\/li>\n\n\n\n<li>Was there head trauma?<\/li>\n\n\n\n<li>Was there loss of consciousness?<\/li>\n\n\n\n<li>Are you taking blood thinners?<\/li>\n\n\n\n<li>Do you have medical conditions that affect healing?<\/li>\n\n\n\n<li>Is your tetanus status current if the tooth or wound was contaminated?<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">These questions are not paperwork filler. They change the risk profile.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Dental exam<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The dentist examines:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The empty socket<\/li>\n\n\n\n<li>The knocked-out tooth<\/li>\n\n\n\n<li>Neighboring teeth<\/li>\n\n\n\n<li>Bite alignment<\/li>\n\n\n\n<li>Gum and lip injuries<\/li>\n\n\n\n<li>Jaw movement<\/li>\n\n\n\n<li>Signs of fracture<\/li>\n\n\n\n<li>Possible embedded tooth fragments<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">A tooth can look intact and still have root damage. Neighboring teeth can be injured without obvious cracks.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. X-rays<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">X-rays help check for:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Root fractures<\/li>\n\n\n\n<li>Bone fractures around the socket<\/li>\n\n\n\n<li>Tooth fragments<\/li>\n\n\n\n<li>Position of neighboring roots<\/li>\n\n\n\n<li>Jaw or alveolar bone trauma<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>alveolar bone<\/strong> is the jawbone that holds the tooth sockets. With dental trauma, that bone can crack or shift even when the tooth is the most visible injury.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Reimplantation or stabilization<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If appropriate, the dentist may reinsert the tooth and splint it. If the tooth was already placed back into the socket correctly, the dentist may verify position and stabilize it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If reimplantation is not appropriate, the dentist will explain why and discuss next steps.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Pain control and home instructions<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You will receive instructions for eating, cleaning, pain management, and follow-up. Soft foods are usually recommended. Avoid biting directly on the injured tooth.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">6. Follow-up care<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Follow-up is not optional with knocked-out teeth. The tooth must be monitored for:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Infection<\/li>\n\n\n\n<li>Root resorption<\/li>\n\n\n\n<li>Mobility<\/li>\n\n\n\n<li>Color change<\/li>\n\n\n\n<li>Gum healing<\/li>\n\n\n\n<li>Bone healing<\/li>\n\n\n\n<li>Bite changes<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Root resorption<\/strong> means the body begins breaking down the tooth root. It can happen after severe trauma and may not be painful at first, which is why repeat X-rays matter.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Common follow-up steps may include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Splint removal after the recommended healing period<\/li>\n\n\n\n<li>Root canal evaluation or treatment<\/li>\n\n\n\n<li>Repeat X-rays<\/li>\n\n\n\n<li>Bite adjustment<\/li>\n\n\n\n<li>Long-term replacement planning if the tooth does not heal successfully<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">The first visit is urgent. The follow-up plan protects the result.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">Step 10: Manage Pain Safely While You Wait<\/h2>\n\n\n\n<style data-wp-block-html=\"css\">\n:root {\n  --fab-purple: #613091;\n  --fab-purple-dark: #4b2178;\n  --fab-purple-light: #f8f5fb;\n  --fab-purple-soft: #eee5f6;\n  --fab-purple-border: #d8c5e8;\n  --fab-text: #333333;\n  --fab-white: #ffffff;\n}\n\n\/* =========================\n   BASE GENERAL\n========================= *\/\n\n.fab-info-callout {\n  max-width: 900px;\n  margin: 30px auto;\n  font-family: sans-serif;\n  box-sizing: border-box;\n}\n\n.fab-info-callout *,\n.fab-info-callout *::before,\n.fab-info-callout *::after {\n  box-sizing: border-box;\n}\n\n.callout-content p {\n  color: var(--fab-text);\n  font-size: 16px;\n  line-height: 1.6;\n  margin: 0;\n}\n\n.callout-content strong {\n  color: var(--fab-purple);\n  font-weight: 800;\n  text-transform: uppercase;\n  font-size: 13px;\n  letter-spacing: 1px;\n}\n\n\/* =========================\n   OPCI\u00d3N 1\n   Panel morado lateral fuerte\n========================= *\/\n\n.fab-info-callout--purple-panel {\n  display: flex;\n  background-color: var(--fab-white);\n  border-radius: 16px;\n  overflow: hidden;\n  border: 1px solid var(--fab-purple-border);\n  box-shadow: 0 12px 28px rgba(97, 48, 145, 0.14);\n}\n\n.fab-info-callout--purple-panel::before {\n  content: \"!\";\n  flex: 0 0 64px;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 34px;\n  font-weight: 800;\n  font-family: Georgia, serif;\n}\n\n.fab-info-callout--purple-panel .callout-content {\n  padding: 24px 28px;\n}\n\n\/* =========================\n   OPCI\u00d3N 2\n   Card con encabezado morado\n========================= *\/\n\n.fab-info-callout--header-card {\n  background-color: var(--fab-white);\n  border-radius: 18px;\n  border: 1px solid var(--fab-purple-border);\n  overflow: hidden;\n  box-shadow: 0 14px 32px rgba(97, 48, 145, 0.16);\n}\n\n.fab-info-callout--header-card::before {\n  content: \"Important information\";\n  display: block;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  padding: 12px 24px;\n  font-size: 13px;\n  font-weight: 800;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.fab-info-callout--header-card .callout-content {\n  padding: 24px 28px;\n}\n\n.fab-info-callout--header-card .callout-content strong {\n  color: var(--fab-purple-dark);\n}\n\n\/* =========================\n   OPCI\u00d3N 3\n   Fondo morado degradado\n========================= *\/\n\n.fab-info-callout--purple-gradient {\n  position: relative;\n  background: linear-gradient(135deg, #613091 0%, #7a45aa 100%);\n  color: var(--fab-white);\n  padding: 28px 32px;\n  border-radius: 20px;\n  box-shadow: 0 16px 36px rgba(97, 48, 145, 0.28);\n  overflow: hidden;\n}\n\n.fab-info-callout--purple-gradient::before {\n  content: \"\";\n  position: absolute;\n  width: 160px;\n  height: 160px;\n  right: -55px;\n  top: -55px;\n  background-color: rgba(255, 255, 255, 0.12);\n  border-radius: 50%;\n}\n\n.fab-info-callout--purple-gradient::after {\n  content: \"\";\n  position: absolute;\n  width: 90px;\n  height: 90px;\n  right: 48px;\n  bottom: -38px;\n  background-color: rgba(255, 255, 255, 0.10);\n  border-radius: 50%;\n}\n\n.fab-info-callout--purple-gradient .callout-content {\n  position: relative;\n  z-index: 1;\n}\n\n.fab-info-callout--purple-gradient .callout-content p,\n.fab-info-callout--purple-gradient .callout-content strong {\n  color: var(--fab-white);\n}\n\n.fab-info-callout--purple-gradient .callout-content strong {\n  display: inline-block;\n  margin-right: 6px;\n  opacity: 0.9;\n}\n\n\/* =========================\n   OPCI\u00d3N 4\n   Alert box premium\n========================= *\/\n\n.fab-info-callout--premium-alert {\n  position: relative;\n  background-color: var(--fab-white);\n  border: 2px solid var(--fab-purple);\n  border-radius: 18px;\n  padding: 28px 30px 28px 92px;\n  box-shadow: 0 12px 30px rgba(97, 48, 145, 0.18);\n}\n\n.fab-info-callout--premium-alert::before {\n  content: \"!\";\n  position: absolute;\n  left: 28px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 42px;\n  height: 42px;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  border-radius: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 26px;\n  font-weight: 800;\n  font-family: Georgia, serif;\n  box-shadow: 0 8px 18px rgba(97, 48, 145, 0.25);\n}\n\n.fab-info-callout--premium-alert::after {\n  content: \"\";\n  position: absolute;\n  inset: 8px;\n  border: 1px solid rgba(97, 48, 145, 0.14);\n  border-radius: 12px;\n  pointer-events: none;\n}\n\n.fab-info-callout--premium-alert .callout-content {\n  position: relative;\n  z-index: 1;\n}\n\n\/* =========================\n   OPCI\u00d3N 5\n   Etiqueta flotante\n========================= *\/\n\n.fab-info-callout--floating-label {\n  position: relative;\n  background-color: var(--fab-purple-light);\n  border: 1px solid var(--fab-purple-border);\n  border-radius: 18px;\n  padding: 34px 28px 24px;\n  box-shadow: 0 10px 26px rgba(97, 48, 145, 0.13);\n}\n\n.fab-info-callout--floating-label::before {\n  content: \"Note\";\n  position: absolute;\n  top: -14px;\n  left: 24px;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  padding: 7px 16px;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  box-shadow: 0 6px 14px rgba(97, 48, 145, 0.22);\n}\n\n.fab-info-callout--floating-label .callout-content strong {\n  display: none;\n}\n\n\/* =========================\n   OPCI\u00d3N 6\n   Esquina destacada\n========================= *\/\n\n.fab-info-callout--corner-accent {\n  position: relative;\n  background-color: var(--fab-white);\n  border-radius: 18px;\n  padding: 26px 30px;\n  border: 1px solid var(--fab-purple-border);\n  box-shadow: 0 12px 30px rgba(97, 48, 145, 0.14);\n  overflow: hidden;\n}\n\n.fab-info-callout--corner-accent::before {\n  content: \"\";\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 90px;\n  height: 90px;\n  background-color: var(--fab-purple);\n  clip-path: polygon(100% 0, 0 0, 100% 100%);\n}\n\n.fab-info-callout--corner-accent::after {\n  content: \"i\";\n  position: absolute;\n  right: 18px;\n  top: 12px;\n  color: var(--fab-white);\n  font-size: 20px;\n  font-weight: 800;\n  font-family: Georgia, serif;\n}\n\n.fab-info-callout--corner-accent .callout-content {\n  position: relative;\n  z-index: 1;\n  max-width: calc(100% - 40px);\n}\n\n\/* =========================\n   OPCI\u00d3N 7\n   Banner destacado\n========================= *\/\n\n.fab-info-callout--bold-banner {\n  background-color: var(--fab-purple-light);\n  border-radius: 20px;\n  padding: 28px 32px;\n  border-left: 12px solid var(--fab-purple);\n  border-right: 1px solid var(--fab-purple-border);\n  border-top: 1px solid var(--fab-purple-border);\n  border-bottom: 1px solid var(--fab-purple-border);\n  box-shadow: 0 14px 32px rgba(97, 48, 145, 0.16);\n}\n\n.fab-info-callout--bold-banner .callout-content p {\n  font-size: 17px;\n  line-height: 1.65;\n}\n\n.fab-info-callout--bold-banner .callout-content strong {\n  display: block;\n  margin-bottom: 8px;\n  color: var(--fab-purple);\n  font-size: 13px;\n}\n\n\/* =========================\n   OPCI\u00d3N 8\n   Fondo dividido\n========================= *\/\n\n.fab-info-callout--split-box {\n  display: grid;\n  grid-template-columns: 110px 1fr;\n  background-color: var(--fab-white);\n  border-radius: 20px;\n  overflow: hidden;\n  border: 1px solid var(--fab-purple-border);\n  box-shadow: 0 14px 34px rgba(97, 48, 145, 0.16);\n}\n\n.fab-info-callout--split-box::before {\n  content: \"NOTE\";\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  writing-mode: vertical-rl;\n  transform: rotate(180deg);\n  font-size: 14px;\n  font-weight: 900;\n  letter-spacing: 2px;\n}\n\n.fab-info-callout--split-box .callout-content {\n  padding: 26px 30px;\n}\n\n.fab-info-callout--split-box .callout-content strong {\n  display: none;\n}\n\n\/* =========================\n   OPCI\u00d3N 9\n   Fondo con patr\u00f3n sutil\n========================= *\/\n\n.fab-info-callout--pattern {\n  position: relative;\n  background-color: var(--fab-purple-light);\n  background-image:\n    radial-gradient(circle at 18px 18px, rgba(97, 48, 145, 0.12) 2px, transparent 2px);\n  background-size: 28px 28px;\n  border: 1px solid var(--fab-purple-border);\n  border-radius: 20px;\n  padding: 28px 32px;\n  box-shadow: 0 12px 30px rgba(97, 48, 145, 0.12);\n  overflow: hidden;\n}\n\n.fab-info-callout--pattern .callout-content {\n  position: relative;\n  background-color: rgba(255, 255, 255, 0.82);\n  padding: 22px 24px;\n  border-radius: 14px;\n  backdrop-filter: blur(3px);\n}\n\n\/* =========================\n   RESPONSIVE\n========================= *\/\n\n@media (max-width: 640px) {\n  .fab-info-callout {\n    margin: 24px 16px;\n  }\n\n  .callout-content p {\n    font-size: 15px;\n    line-height: 1.55;\n  }\n\n  .fab-info-callout--purple-panel {\n    display: block;\n  }\n\n  .fab-info-callout--purple-panel::before {\n    width: 100%;\n    height: 54px;\n    flex: none;\n  }\n\n  .fab-info-callout--purple-panel .callout-content,\n  .fab-info-callout--header-card .callout-content,\n  .fab-info-callout--split-box .callout-content {\n    padding: 22px;\n  }\n\n  .fab-info-callout--purple-gradient,\n  .fab-info-callout--bold-banner,\n  .fab-info-callout--pattern {\n    padding: 24px 22px;\n  }\n\n  .fab-info-callout--premium-alert {\n    padding: 72px 22px 24px;\n  }\n\n  .fab-info-callout--premium-alert::before {\n    top: 24px;\n    left: 22px;\n    transform: none;\n  }\n\n  .fab-info-callout--floating-label {\n    padding: 34px 22px 22px;\n  }\n\n  .fab-info-callout--corner-accent {\n    padding: 24px 22px;\n  }\n\n  .fab-info-callout--corner-accent .callout-content {\n    max-width: 100%;\n    padding-right: 36px;\n  }\n\n  .fab-info-callout--split-box {\n    grid-template-columns: 1fr;\n  }\n\n  .fab-info-callout--split-box::before {\n    writing-mode: horizontal-tb;\n    transform: none;\n    padding: 12px;\n  }\n\n  .fab-info-callout--pattern .callout-content {\n    padding: 20px;\n  }\n}\n<\/style>\n\n<div class=\"fab-info-callout fab-info-callout--corner-accent\" role=\"note\">\n  <div class=\"callout-content\">\n    <p>\n      While waiting for dental care, protect the tooth, control bleeding with gentle pressure, use cold compresses, and take over-the-counter pain medicine only as directed.\n    <\/p>\n  <\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Your goal while waiting is not to prove toughness. Your goal is to avoid making the injury worse.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">If the adult tooth is out<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Do this:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Keep the tooth moist in milk, saliva, saline, or preservation solution.<\/li>\n\n\n\n<li>Bring the tooth with you.<\/li>\n\n\n\n<li>Avoid chewing on the injured side.<\/li>\n\n\n\n<li>Do not store the tooth dry.<\/li>\n\n\n\n<li>Do not scrub the root.<\/li>\n\n\n\n<li>Do not wrap it in tissue.<\/li>\n\n\n\n<li>Do not place it in alcohol, hydrogen peroxide, or mouthwash.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">If there is bleeding<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Apply gentle, steady pressure with clean gauze or cloth for 10 to 15 minutes. Some bleeding is expected.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Heavy bleeding that does not slow with pressure needs urgent medical attention.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">If there is swelling<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Use a cold compress on the outside of the face for 15 to 20 minutes at a time. Do not place ice directly on the gum or tooth root.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">If you need pain relief<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Many adults can use over-the-counter pain relievers such as ibuprofen or acetaminophen, but follow the label and avoid medications that are unsafe for you.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Do not place aspirin directly on the gum. Aspirin can burn the tissue and does not treat the dental injury.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ask a medical professional before taking pain relievers if you:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Have kidney disease<\/li>\n\n\n\n<li>Have liver disease<\/li>\n\n\n\n<li>Have stomach ulcers<\/li>\n\n\n\n<li>Take blood thinners<\/li>\n\n\n\n<li>Are pregnant<\/li>\n\n\n\n<li>Have been told to avoid NSAIDs or acetaminophen<\/li>\n\n\n\n<li>Have medication allergies<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">If the injury happened during sports or an accident<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Do not return to play if there was any possible concussion, dizziness, confusion, nausea, vomiting, or head impact. Dental treatment matters. Brain safety comes first.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">Step 11: Understand ER Costs, Dental Costs, and PPO Benefits<\/h2>\n\n\n\n<style data-wp-block-html=\"css\">\n:root {\n  --fab-purple: #613091;\n  --fab-purple-dark: #4b2178;\n  --fab-purple-light: #f8f5fb;\n  --fab-purple-soft: #eee5f6;\n  --fab-purple-border: #d8c5e8;\n  --fab-text: #333333;\n  --fab-white: #ffffff;\n}\n\n\/* =========================\n   BASE GENERAL\n========================= *\/\n\n.fab-info-callout {\n  max-width: 900px;\n  margin: 30px auto;\n  font-family: sans-serif;\n  box-sizing: border-box;\n}\n\n.fab-info-callout *,\n.fab-info-callout *::before,\n.fab-info-callout *::after {\n  box-sizing: border-box;\n}\n\n.callout-content p {\n  color: var(--fab-text);\n  font-size: 16px;\n  line-height: 1.6;\n  margin: 0;\n}\n\n.callout-content strong {\n  color: var(--fab-purple);\n  font-weight: 800;\n  text-transform: uppercase;\n  font-size: 13px;\n  letter-spacing: 1px;\n}\n\n\/* =========================\n   OPCI\u00d3N 1\n   Panel morado lateral fuerte\n========================= *\/\n\n.fab-info-callout--purple-panel {\n  display: flex;\n  background-color: var(--fab-white);\n  border-radius: 16px;\n  overflow: hidden;\n  border: 1px solid var(--fab-purple-border);\n  box-shadow: 0 12px 28px rgba(97, 48, 145, 0.14);\n}\n\n.fab-info-callout--purple-panel::before {\n  content: \"!\";\n  flex: 0 0 64px;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 34px;\n  font-weight: 800;\n  font-family: Georgia, serif;\n}\n\n.fab-info-callout--purple-panel .callout-content {\n  padding: 24px 28px;\n}\n\n\/* =========================\n   OPCI\u00d3N 2\n   Card con encabezado morado\n========================= *\/\n\n.fab-info-callout--header-card {\n  background-color: var(--fab-white);\n  border-radius: 18px;\n  border: 1px solid var(--fab-purple-border);\n  overflow: hidden;\n  box-shadow: 0 14px 32px rgba(97, 48, 145, 0.16);\n}\n\n.fab-info-callout--header-card::before {\n  content: \"Important information\";\n  display: block;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  padding: 12px 24px;\n  font-size: 13px;\n  font-weight: 800;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.fab-info-callout--header-card .callout-content {\n  padding: 24px 28px;\n}\n\n.fab-info-callout--header-card .callout-content strong {\n  color: var(--fab-purple-dark);\n}\n\n\/* =========================\n   OPCI\u00d3N 3\n   Fondo morado degradado\n========================= *\/\n\n.fab-info-callout--purple-gradient {\n  position: relative;\n  background: linear-gradient(135deg, #613091 0%, #7a45aa 100%);\n  color: var(--fab-white);\n  padding: 28px 32px;\n  border-radius: 20px;\n  box-shadow: 0 16px 36px rgba(97, 48, 145, 0.28);\n  overflow: hidden;\n}\n\n.fab-info-callout--purple-gradient::before {\n  content: \"\";\n  position: absolute;\n  width: 160px;\n  height: 160px;\n  right: -55px;\n  top: -55px;\n  background-color: rgba(255, 255, 255, 0.12);\n  border-radius: 50%;\n}\n\n.fab-info-callout--purple-gradient::after {\n  content: \"\";\n  position: absolute;\n  width: 90px;\n  height: 90px;\n  right: 48px;\n  bottom: -38px;\n  background-color: rgba(255, 255, 255, 0.10);\n  border-radius: 50%;\n}\n\n.fab-info-callout--purple-gradient .callout-content {\n  position: relative;\n  z-index: 1;\n}\n\n.fab-info-callout--purple-gradient .callout-content p,\n.fab-info-callout--purple-gradient .callout-content strong {\n  color: var(--fab-white);\n}\n\n.fab-info-callout--purple-gradient .callout-content strong {\n  display: inline-block;\n  margin-right: 6px;\n  opacity: 0.9;\n}\n\n\/* =========================\n   OPCI\u00d3N 4\n   Alert box premium\n========================= *\/\n\n.fab-info-callout--premium-alert {\n  position: relative;\n  background-color: var(--fab-white);\n  border: 2px solid var(--fab-purple);\n  border-radius: 18px;\n  padding: 28px 30px 28px 92px;\n  box-shadow: 0 12px 30px rgba(97, 48, 145, 0.18);\n}\n\n.fab-info-callout--premium-alert::before {\n  content: \"!\";\n  position: absolute;\n  left: 28px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 42px;\n  height: 42px;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  border-radius: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 26px;\n  font-weight: 800;\n  font-family: Georgia, serif;\n  box-shadow: 0 8px 18px rgba(97, 48, 145, 0.25);\n}\n\n.fab-info-callout--premium-alert::after {\n  content: \"\";\n  position: absolute;\n  inset: 8px;\n  border: 1px solid rgba(97, 48, 145, 0.14);\n  border-radius: 12px;\n  pointer-events: none;\n}\n\n.fab-info-callout--premium-alert .callout-content {\n  position: relative;\n  z-index: 1;\n}\n\n\/* =========================\n   OPCI\u00d3N 5\n   Etiqueta flotante\n========================= *\/\n\n.fab-info-callout--floating-label {\n  position: relative;\n  background-color: var(--fab-purple-light);\n  border: 1px solid var(--fab-purple-border);\n  border-radius: 18px;\n  padding: 34px 28px 24px;\n  box-shadow: 0 10px 26px rgba(97, 48, 145, 0.13);\n}\n\n.fab-info-callout--floating-label::before {\n  content: \"Note\";\n  position: absolute;\n  top: -14px;\n  left: 24px;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  padding: 7px 16px;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 800;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  box-shadow: 0 6px 14px rgba(97, 48, 145, 0.22);\n}\n\n.fab-info-callout--floating-label .callout-content strong {\n  display: none;\n}\n\n\/* =========================\n   OPCI\u00d3N 6\n   Esquina destacada\n========================= *\/\n\n.fab-info-callout--corner-accent {\n  position: relative;\n  background-color: var(--fab-white);\n  border-radius: 18px;\n  padding: 26px 30px;\n  border: 1px solid var(--fab-purple-border);\n  box-shadow: 0 12px 30px rgba(97, 48, 145, 0.14);\n  overflow: hidden;\n}\n\n.fab-info-callout--corner-accent::before {\n  content: \"\";\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 90px;\n  height: 90px;\n  background-color: var(--fab-purple);\n  clip-path: polygon(100% 0, 0 0, 100% 100%);\n}\n\n.fab-info-callout--corner-accent::after {\n  content: \"i\";\n  position: absolute;\n  right: 18px;\n  top: 12px;\n  color: var(--fab-white);\n  font-size: 20px;\n  font-weight: 800;\n  font-family: Georgia, serif;\n}\n\n.fab-info-callout--corner-accent .callout-content {\n  position: relative;\n  z-index: 1;\n  max-width: calc(100% - 40px);\n}\n\n\/* =========================\n   OPCI\u00d3N 7\n   Banner destacado\n========================= *\/\n\n.fab-info-callout--bold-banner {\n  background-color: var(--fab-purple-light);\n  border-radius: 20px;\n  padding: 28px 32px;\n  border-left: 12px solid var(--fab-purple);\n  border-right: 1px solid var(--fab-purple-border);\n  border-top: 1px solid var(--fab-purple-border);\n  border-bottom: 1px solid var(--fab-purple-border);\n  box-shadow: 0 14px 32px rgba(97, 48, 145, 0.16);\n}\n\n.fab-info-callout--bold-banner .callout-content p {\n  font-size: 17px;\n  line-height: 1.65;\n}\n\n.fab-info-callout--bold-banner .callout-content strong {\n  display: block;\n  margin-bottom: 8px;\n  color: var(--fab-purple);\n  font-size: 13px;\n}\n\n\/* =========================\n   OPCI\u00d3N 8\n   Fondo dividido\n========================= *\/\n\n.fab-info-callout--split-box {\n  display: grid;\n  grid-template-columns: 110px 1fr;\n  background-color: var(--fab-white);\n  border-radius: 20px;\n  overflow: hidden;\n  border: 1px solid var(--fab-purple-border);\n  box-shadow: 0 14px 34px rgba(97, 48, 145, 0.16);\n}\n\n.fab-info-callout--split-box::before {\n  content: \"NOTE\";\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  writing-mode: vertical-rl;\n  transform: rotate(180deg);\n  font-size: 14px;\n  font-weight: 900;\n  letter-spacing: 2px;\n}\n\n.fab-info-callout--split-box .callout-content {\n  padding: 26px 30px;\n}\n\n.fab-info-callout--split-box .callout-content strong {\n  display: none;\n}\n\n\/* =========================\n   OPCI\u00d3N 9\n   Fondo con patr\u00f3n sutil\n========================= *\/\n\n.fab-info-callout--pattern {\n  position: relative;\n  background-color: var(--fab-purple-light);\n  background-image:\n    radial-gradient(circle at 18px 18px, rgba(97, 48, 145, 0.12) 2px, transparent 2px);\n  background-size: 28px 28px;\n  border: 1px solid var(--fab-purple-border);\n  border-radius: 20px;\n  padding: 28px 32px;\n  box-shadow: 0 12px 30px rgba(97, 48, 145, 0.12);\n  overflow: hidden;\n}\n\n.fab-info-callout--pattern .callout-content {\n  position: relative;\n  background-color: rgba(255, 255, 255, 0.82);\n  padding: 22px 24px;\n  border-radius: 14px;\n  backdrop-filter: blur(3px);\n}\n\n\/* =========================\n   RESPONSIVE\n========================= *\/\n\n@media (max-width: 640px) {\n  .fab-info-callout {\n    margin: 24px 16px;\n  }\n\n  .callout-content p {\n    font-size: 15px;\n    line-height: 1.55;\n  }\n\n  .fab-info-callout--purple-panel {\n    display: block;\n  }\n\n  .fab-info-callout--purple-panel::before {\n    width: 100%;\n    height: 54px;\n    flex: none;\n  }\n\n  .fab-info-callout--purple-panel .callout-content,\n  .fab-info-callout--header-card .callout-content,\n  .fab-info-callout--split-box .callout-content {\n    padding: 22px;\n  }\n\n  .fab-info-callout--purple-gradient,\n  .fab-info-callout--bold-banner,\n  .fab-info-callout--pattern {\n    padding: 24px 22px;\n  }\n\n  .fab-info-callout--premium-alert {\n    padding: 72px 22px 24px;\n  }\n\n  .fab-info-callout--premium-alert::before {\n    top: 24px;\n    left: 22px;\n    transform: none;\n  }\n\n  .fab-info-callout--floating-label {\n    padding: 34px 22px 22px;\n  }\n\n  .fab-info-callout--corner-accent {\n    padding: 24px 22px;\n  }\n\n  .fab-info-callout--corner-accent .callout-content {\n    max-width: 100%;\n    padding-right: 36px;\n  }\n\n  .fab-info-callout--split-box {\n    grid-template-columns: 1fr;\n  }\n\n  .fab-info-callout--split-box::before {\n    writing-mode: horizontal-tb;\n    transform: none;\n    padding: 12px;\n  }\n\n  .fab-info-callout--pattern .callout-content {\n    padding: 20px;\n  }\n}\n<\/style>\n\n<div class=\"fab-info-callout fab-info-callout--corner-accent\" role=\"note\">\n  <div class=\"callout-content\">\n    <p>\n      ER and dental costs depend on the setting and treatment needed. Dental pricing requires an exam, X-rays, procedure complexity review, and insurance benefits verification.\n    <\/p>\n  <\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Cost is a rational concern in emergencies. Patients often ask:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u201cShould I go to the ER because my medical insurance may cover it?\u201d<\/li>\n\n\n\n<li>\u201cWill dental insurance cover a knocked-out tooth?\u201d<\/li>\n\n\n\n<li>\u201cCan I wait because I\u2019m worried about cost?\u201d<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">The honest answer: it depends on your medical plan, dental plan, injury severity, and required treatment.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">ER costs<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">An ER visit may involve:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Facility fees<\/li>\n\n\n\n<li>Physician evaluation<\/li>\n\n\n\n<li>Imaging<\/li>\n\n\n\n<li>Medication<\/li>\n\n\n\n<li>Wound care<\/li>\n\n\n\n<li>Referral<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">If the ER does not provide definitive dental treatment, you may still need a dental visit afterward. That can mean two bills. If you are trying to understand the financial side, this guide on the <a href=\"https:\/\/fab.dental\/blog\/cost-of-visiting-an-emergency-dentist\/\">cost of visiting an emergency dentist<\/a> explains common factors that affect pricing.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Dental emergency costs<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A dental emergency visit may involve:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Emergency exam<\/li>\n\n\n\n<li>X-rays<\/li>\n\n\n\n<li>Reimplantation<\/li>\n\n\n\n<li>Splinting<\/li>\n\n\n\n<li>Temporary restoration<\/li>\n\n\n\n<li>Root canal treatment<\/li>\n\n\n\n<li>Extraction if the tooth cannot be saved<\/li>\n\n\n\n<li>Replacement planning<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Final pricing depends on clinical findings, X-rays, procedure complexity, materials, and whether additional injuries are present.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">PPO insurance<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Fab Dental is a PPO-focused office. PPO benefits may help with exams, X-rays, emergency treatment, root canal treatment, crowns, or replacement options depending on your plan. If you are new to how PPO dental plans work locally, read our guide to <a href=\"https:\/\/fab.dental\/blog\/ppo-dental-insurance-hayward\/\">PPO dental insurance in Hayward<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Benefits vary widely. One patient\u2019s plan may cover a significant portion of emergency care. Another may have deductibles, waiting periods, annual maximums, downgrades, or exclusions.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">That is why benefits verification matters. The dental team can help estimate coverage, but insurance estimates are not guarantees of payment.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Cost tradeoffs<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">For a knocked-out adult tooth, the cheapest choice in the first hour is not always the least expensive choice long term.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Consider the sequence:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Delaying care may reduce the chance of saving the tooth.<\/li>\n\n\n\n<li>Losing the tooth may require an implant, bridge, or removable replacement later.<\/li>\n\n\n\n<li>Reimplantation may still require root canal treatment and monitoring.<\/li>\n\n\n\n<li>Even successful emergency care can involve follow-up costs.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">My clear opinion: if an adult tooth is knocked out, do not let fear of cost consume the rescue window. Call first. Get guidance. Ask about fees and PPO benefits. Then decide with facts instead of panic.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">Step 12: Call Fab Dental for Emergency Guidance in Hayward<\/h2>\n\n\n\n<style data-wp-block-html=\"css\">\n:root {\n  --fab-purple: #613091;\n  --fab-purple-dark: #4c2079;\n  --fab-purple-soft: #f8f5fb;\n  --fab-purple-tint: #efe6f7;\n  --fab-purple-border: #dccce8;\n  --fab-text: #333333;\n  --fab-muted: #5f5f5f;\n  --fab-white: #ffffff;\n}\n\n\/* Base *\/\n.fab-callout {\n  box-sizing: border-box;\n  max-width: 900px;\n  margin: 30px auto;\n  font-family: sans-serif;\n  color: var(--fab-text);\n}\n\n.fab-callout,\n.fab-callout * {\n  box-sizing: border-box;\n}\n\n.fab-callout__content p {\n  margin: 0;\n  color: var(--fab-text);\n  font-size: 16px;\n  line-height: 1.6;\n}\n\n.fab-callout strong {\n  color: var(--fab-purple);\n  font-weight: 700;\n  text-transform: uppercase;\n  font-size: 14px;\n  letter-spacing: 1px;\n}\n\n\/* Variante 1: Barra lateral cl\u00e1sica *\/\n.fab-callout--bar {\n  background-color: var(--fab-purple-soft);\n  border-left: 6px solid var(--fab-purple);\n  padding: 20px 25px;\n  border-radius: 4px 10px 10px 4px;\n  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);\n}\n\n\/* Variante 2: Card suave elevada *\/\n.fab-callout--soft-card {\n  background-color: var(--fab-white);\n  border: 1px solid var(--fab-purple-border);\n  padding: 24px 28px;\n  border-radius: 14px;\n  box-shadow: 0 8px 24px rgba(97, 48, 145, 0.10);\n}\n\n.fab-callout--soft-card strong {\n  display: inline-block;\n  margin-right: 6px;\n}\n\n\/* Variante 3: Callout con \u00edcono circular *\/\n.fab-callout--icon {\n  position: relative;\n  background-color: var(--fab-purple-soft);\n  border: 1px solid var(--fab-purple-border);\n  padding: 22px 26px 22px 72px;\n  border-radius: 14px;\n  box-shadow: 0 5px 16px rgba(97, 48, 145, 0.08);\n}\n\n.fab-callout--icon::before {\n  content: \"i\";\n  position: absolute;\n  left: 24px;\n  top: 24px;\n  width: 30px;\n  height: 30px;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  border-radius: 50%;\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 30px;\n  text-align: center;\n  font-family: Georgia, serif;\n}\n\n\/* Variante 4: Acento superior *\/\n.fab-callout--top-accent {\n  background-color: var(--fab-white);\n  border: 1px solid var(--fab-purple-border);\n  border-top: 6px solid var(--fab-purple);\n  padding: 22px 26px;\n  border-radius: 14px;\n  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);\n}\n\n\/* Variante 5: Outline elegante *\/\n.fab-callout--outline {\n  background-color: transparent;\n  border: 2px solid var(--fab-purple-border);\n  padding: 22px 26px;\n  border-radius: 14px;\n  position: relative;\n}\n\n.fab-callout--outline::after {\n  content: \"\";\n  position: absolute;\n  inset: 6px;\n  border-radius: 10px;\n  border: 1px solid rgba(97, 48, 145, 0.12);\n  pointer-events: none;\n}\n\n\/* Variante 6: Gradiente sutil *\/\n.fab-callout--gradient {\n  background: linear-gradient(135deg, #ffffff 0%, var(--fab-purple-soft) 100%);\n  border: 1px solid var(--fab-purple-border);\n  padding: 24px 28px;\n  border-radius: 16px;\n  box-shadow: 0 10px 28px rgba(97, 48, 145, 0.10);\n  position: relative;\n  overflow: hidden;\n}\n\n.fab-callout--gradient::before {\n  content: \"\";\n  position: absolute;\n  width: 90px;\n  height: 90px;\n  right: -28px;\n  top: -28px;\n  background-color: rgba(97, 48, 145, 0.08);\n  border-radius: 50%;\n}\n\n.fab-callout--gradient .fab-callout__content {\n  position: relative;\n  z-index: 1;\n}\n\n\/* Variante 7: Compacta con label tipo pill *\/\n.fab-callout--compact {\n  background-color: var(--fab-purple-soft);\n  border: 1px solid var(--fab-purple-border);\n  padding: 18px 22px;\n  border-radius: 999px;\n  box-shadow: 0 4px 12px rgba(97, 48, 145, 0.07);\n}\n\n.fab-callout--compact strong {\n  display: inline-block;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  padding: 4px 10px;\n  border-radius: 999px;\n  margin-right: 8px;\n  font-size: 12px;\n  letter-spacing: 0.8px;\n}\n\n\/* Responsive *\/\n@media (max-width: 640px) {\n  .fab-callout {\n    margin: 24px 16px;\n  }\n\n  .fab-callout__content p {\n    font-size: 15px;\n    line-height: 1.55;\n  }\n\n  .fab-callout--bar,\n  .fab-callout--soft-card,\n  .fab-callout--top-accent,\n  .fab-callout--outline,\n  .fab-callout--gradient {\n    padding: 18px 20px;\n  }\n\n  .fab-callout--icon {\n    padding: 20px 20px 20px 62px;\n  }\n\n  .fab-callout--icon::before {\n    left: 20px;\n    top: 21px;\n  }\n\n  .fab-callout--compact {\n    border-radius: 16px;\n  }\n\n  .fab-callout--compact strong {\n    margin-bottom: 6px;\n  }\n}\n<\/style>\n\n<aside class=\"fab-callout fab-callout--icon\" role=\"note\">\n  <div class=\"fab-callout__content\">\n    <p>\n     If an adult tooth is knocked out in Hayward, call Fab Dental immediately for emergency guidance, same-day availability, tooth storage instructions, and PPO benefits help.\n    <\/p>\n  <\/div>\n<\/aside>\n\n\n\n<p class=\"wp-block-paragraph\">A knocked-out tooth is stressful because decisions happen fast while someone is bleeding, scared, or in pain. You do not need to assemble a treatment plan from search results.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Fab Dental serves patients in Hayward and nearby communities, including Castro Valley, San Leandro, Union City, San Lorenzo, Newark, Fremont, and the East Bay. The office is family-focused, PPO-oriented, and built for practical emergency guidance.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Call Fab Dental if:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>An adult tooth was knocked out<\/li>\n\n\n\n<li>A tooth is loose after trauma<\/li>\n\n\n\n<li>A tooth was pushed out of place<\/li>\n\n\n\n<li>A tooth broke and hurts<\/li>\n\n\n\n<li>You are unsure whether to go to the ER or dentist<\/li>\n\n\n\n<li>You need a same day dentist in Hayward, CA<\/li>\n\n\n\n<li>You want help checking PPO benefits for emergency care<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">When you call, be ready to share:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Your location<\/li>\n\n\n\n<li>When the injury happened<\/li>\n\n\n\n<li>Whether the tooth is adult or baby<\/li>\n\n\n\n<li>How the tooth is being stored<\/li>\n\n\n\n<li>Whether there was head trauma<\/li>\n\n\n\n<li>Whether bleeding is controlled<\/li>\n\n\n\n<li>Whether there is facial swelling<\/li>\n\n\n\n<li>Your dental insurance information, if available<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">If there are life-threatening symptoms, call 911 or go to the ER first. If the issue is tooth-specific and the person is medically stable, call Fab Dental now.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ==========================================\n   SECCI\u00d3N DE PREGUNTAS FRECUENTES (FAQ) \n   ========================================== *\/\n\n\/* Contenedor Principal *\/\n.faq-container {\n    background-color: #f8f9fa; \n    padding: 40px 20px;\n    font-family: 'Segoe UI', Roboto, sans-serif;\n    border-radius: 12px;\n    max-width: 900px;\n    margin: 40px auto;\n}\n\n.faq-main-title {\n    font-size: 32px;\n    font-weight: 800;\n    color: #1e285a;\n    margin-bottom: 35px;\n    margin-top: 0;\n}\n\n.faq-card {\n    background-color: #ffffff;\n    border-radius: 10px;\n    margin-bottom: 12px;\n    border: 1px solid #efefef;\n    overflow: hidden;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n}\n\n\/* Pregunta Plegable usando Summary *\/\n.faq-question {\n    font-size: 18px;\n    font-weight: 700;\n    color: #000000;\n    padding: 20px 25px;\n    margin: 0;\n    cursor: pointer;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    line-height: 1.4;\n    list-style: none; \/* Elimina la flecha nativa del navegador *\/\n    transition: background-color 0.2s ease;\n}\n\n\/* Ocultar flecha nativa en navegadores WebKit (Safari\/Chrome) *\/\n.faq-question::-webkit-details-marker {\n    display: none;\n}\n\n.faq-question:hover { \n    background-color: #fcfcfc; \n}\n\n.faq-icon {\n    font-size: 22px;\n    color: #1e285a;\n    transition: transform 0.3s ease, color 0.3s ease;\n}\n\n\/* Respuesta *\/\n.faq-answer {\n    padding: 0 25px 25px 25px;\n    background-color: #fff;\n    font-size: 16px;\n    color: #444444;\n    line-height: 1.6;\n    border-top: 1px solid #eee;\n}\n\n\/* Espaciado entre p\u00e1rrafos *\/\n.faq-answer p {\n    margin-top: 10px;\n    margin-bottom: 15px;\n}\n\n.faq-answer p:last-child {\n    margin-bottom: 0;\n}\n\n.faq-answer strong {\n    color: #000000;\n    display: block; \n    margin-top: 10px;\n    margin-bottom: 10px;\n    font-weight: 700;\n}\n\n\/* Estado Activo (Detecta autom\u00e1ticamente cuando details est\u00e1 abierto) *\/\ndetails[open] .faq-icon {\n    transform: rotate(45deg);\n    color: #e74c3c;\n}\n\n\/* Adaptaci\u00f3n responsiva optimizada para m\u00f3viles *\/\n@media (max-width: 600px) {\n    .faq-main-title { \n        font-size: 24px; \n    }\n    .faq-question { \n        font-size: 16px; \n        padding: 15px 20px; \n    }\n    .faq-container { \n        padding: 20px 10px; \n        margin: 20px auto;\n    }\n    .faq-answer {\n        padding: 0 20px 20px 20px;\n        font-size: 15px;\n    }\n}\n<\/style>\n\n<div class=\"faq-container\">\n    <h2 class=\"faq-main-title\">FAQ<\/h2>\n\n    <details class=\"faq-card\">\n        <summary class=\"faq-question\">\n            What should I do first if an adult tooth gets knocked out?\n            <span class=\"faq-icon\">+<\/span>\n        <\/summary>\n        <div class=\"faq-answer\">\n            <p>Pick up the tooth by the crown, not the root. If it is dirty, rinse it gently for a few seconds without scrubbing. If it is a permanent adult tooth and the person is alert, try to place it back into the socket gently.<\/p>\n            <p>If you cannot reinsert it, store it in milk, saliva, saline, or a tooth preservation solution. Then call an emergency dentist immediately.<\/p>\n        <\/div>\n    <\/details>\n\n    <details class=\"faq-card\">\n        <summary class=\"faq-question\">\n            How fast do I need to see a dentist for a knocked-out adult tooth?\n            <span class=\"faq-icon\">+<\/span>\n        <\/summary>\n        <div class=\"faq-answer\">\n            <p>Ideally, within 30 minutes. Treatment may still be possible after that, but faster care improves the odds because the root surface cells begin to dry out once the tooth is out of the mouth.<\/p>\n            <p>Do not wait until the next day if you can avoid it.<\/p>\n        <\/div>\n    <\/details>\n\n    <details class=\"faq-card\">\n        <summary class=\"faq-question\">\n            Should I go to the ER or dentist for a knocked-out tooth?\n            <span class=\"faq-icon\">+<\/span>\n        <\/summary>\n        <div class=\"faq-answer\">\n            <p>Call an emergency dentist first if you are medically stable and the main problem is the tooth.<\/p>\n            <p>Go to the ER or call 911 if there is trouble breathing, uncontrolled bleeding, loss of consciousness, confusion, repeated vomiting, severe facial trauma, suspected broken jaw, swelling near the eye or neck, or symptoms of concussion.<\/p>\n        <\/div>\n    <\/details>\n\n    <details class=\"faq-card\">\n        <summary class=\"faq-question\">\n            Can a knocked-out adult tooth be saved?\n            <span class=\"faq-icon\">+<\/span>\n        <\/summary>\n        <div class=\"faq-answer\">\n            <p>Sometimes, yes. The chances depend on how long the tooth was out, how it was stored, whether the root is damaged, whether the socket is intact, and how quickly dental treatment begins.<\/p>\n            <p>A dentist needs to examine the tooth and take X-rays before giving a realistic prognosis.<\/p>\n        <\/div>\n    <\/details>\n\n    <details class=\"faq-card\">\n        <summary class=\"faq-question\">\n            Should I put a knocked-out tooth in water?\n            <span class=\"faq-icon\">+<\/span>\n        <\/summary>\n        <div class=\"faq-answer\">\n            <p>Milk is usually better than water because it is gentler on the root cells. A tooth preservation solution is ideal if available. Saliva is often better than letting the tooth dry out.<\/p>\n            <p>If water is the only option, a brief gentle rinse is acceptable, but do not store the tooth in plain water for a long period if milk, saline, saliva, or preservation solution is available.<\/p>\n        <\/div>\n    <\/details>\n\n    <details class=\"faq-card\">\n        <summary class=\"faq-question\">\n            Can I put the tooth back in myself?\n            <span class=\"faq-icon\">+<\/span>\n        <\/summary>\n        <div class=\"faq-answer\">\n            <p>Yes, if it is a permanent adult tooth, the person is alert, and the tooth slides in easily. Hold it by the crown, orient it correctly, and gently place it into the socket.<\/p>\n            <p>Do not force it. If it will not go in easily, store it in milk or saliva and call a dentist immediately.<\/p>\n        <\/div>\n    <\/details>\n\n    <details class=\"faq-card\">\n        <summary class=\"faq-question\">\n            What if the knocked-out tooth is a baby tooth?\n            <span class=\"faq-icon\">+<\/span>\n        <\/summary>\n        <div class=\"faq-answer\">\n            <p>Do not reinsert a knocked-out baby tooth unless a dentist specifically tells you to. Reimplanting a baby tooth can damage the developing permanent tooth underneath.<\/p>\n            <p>Call a dentist urgently for guidance.<\/p>\n        <\/div>\n    <\/details>\n\n    <details class=\"faq-card\">\n        <summary class=\"faq-question\">\n            Will I need a root canal after a knocked-out tooth?\n            <span class=\"faq-icon\">+<\/span>\n        <\/summary>\n        <div class=\"faq-answer\">\n            <p>Many mature adult teeth that are knocked out eventually need root canal treatment because the nerve and blood supply are often damaged. The timing depends on the tooth, root development, injury severity, and healing response.<\/p>\n            <p>Your dentist will monitor the tooth and explain the next step after the emergency visit.<\/p>\n        <\/div>\n    <\/details>\n\n    <details class=\"faq-card\">\n        <summary class=\"faq-question\">\n            What is a dental splint?\n            <span class=\"faq-icon\">+<\/span>\n        <\/summary>\n        <div class=\"faq-answer\">\n            <p>A dental splint is a temporary stabilizer that bonds the injured tooth to nearby teeth. It helps limit movement while the ligament and socket begin healing.<\/p>\n            <p>It is different from braces and is usually used for a limited healing period.<\/p>\n        <\/div>\n    <\/details>\n\n    <details class=\"faq-card\">\n        <summary class=\"faq-question\">\n            How much does emergency treatment for a knocked-out tooth cost?\n            <span class=\"faq-icon\">+<\/span>\n        <\/summary>\n        <div class=\"faq-answer\">\n            <p>Cost depends on the exam, X-rays, whether the tooth can be reimplanted, whether splinting is needed, whether root canal treatment is required, whether other teeth are injured, and your insurance benefits.<\/p>\n            <p>Fab Dental can help PPO patients verify benefits, but final pricing depends on clinical findings and insurance processing.<\/p>\n        <\/div>\n    <\/details>\n\n    <details class=\"faq-card\">\n        <summary class=\"faq-question\">\n            Does Fab Dental offer same-day emergency dental care in Hayward?\n            <span class=\"faq-icon\">+<\/span>\n        <\/summary>\n        <div class=\"faq-answer\">\n            <p>Fab Dental offers strong emergency access and helps patients with urgent dental problems, including knocked-out, broken, loose, and painful teeth. Same-day availability depends on the schedule and the nature of the emergency, so call as soon as possible.<\/p>\n        <\/div>\n    <\/details>\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n:root {\n  --fab-purple: #613091;\n  --fab-purple-dark: #4b2178;\n  --fab-purple-light: #f8f5fb;\n  --fab-purple-soft: #eee5f6;\n  --fab-purple-border: #d8c5e8;\n  --fab-navy: #1e285a;\n  --fab-text: #333333;\n  --fab-muted: #5f5f5f;\n  --fab-white: #ffffff;\n}\n\n\/* ==========================================\n   BASE GENERAL CTA EMERGENCIA\n========================================== *\/\n\n.fab-emergency-callout {\n  position: relative;\n  max-width: 900px;\n  margin: 40px auto;\n  padding: 34px 30px;\n  font-family: 'Segoe UI', Roboto, sans-serif;\n  line-height: 1.6;\n  text-align: center;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n.fab-emergency-callout *,\n.fab-emergency-callout *::before,\n.fab-emergency-callout *::after {\n  box-sizing: border-box;\n}\n\n.fab-emergency-title {\n  color: var(--fab-navy);\n  font-size: 32px;\n  line-height: 1.2;\n  margin: 0 0 14px;\n  font-weight: 800;\n}\n\n.fab-emergency-text {\n  color: var(--fab-text);\n  font-size: 17px;\n  line-height: 1.65;\n  max-width: 760px;\n  margin: 0 auto 24px;\n}\n\n.fab-emergency-callout .my-cta-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  padding: 14px 28px;\n  border-radius: 999px;\n  font-size: 15px;\n  font-weight: 800;\n  text-decoration: none;\n  line-height: 1.2;\n  letter-spacing: 0.2px;\n  box-shadow: 0 8px 18px rgba(97, 48, 145, 0.22);\n  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;\n}\n\n.fab-emergency-callout .my-cta-button:hover {\n  background-color: var(--fab-purple-dark);\n  transform: translateY(-2px);\n  box-shadow: 0 12px 24px rgba(97, 48, 145, 0.28);\n}\n\n.fab-emergency-callout .my-cta-button:focus-visible {\n  outline: 3px solid rgba(97, 48, 145, 0.28);\n  outline-offset: 4px;\n}\n\n\/* ==========================================\n   OPCI\u00d3N 1\n   Card suave premium\n========================================== *\/\n\n.fab-emergency-callout--soft-card {\n  background-color: var(--fab-white);\n  border: 1px solid var(--fab-purple-border);\n  border-radius: 22px;\n  box-shadow: 0 14px 34px rgba(97, 48, 145, 0.14);\n}\n\n.fab-emergency-callout--soft-card::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 50%;\n  width: 140px;\n  height: 6px;\n  background-color: var(--fab-purple);\n  border-radius: 0 0 999px 999px;\n  transform: translateX(-50%);\n}\n\n\/* ==========================================\n   OPCI\u00d3N 2\n   Fondo morado degradado\n========================================== *\/\n\n.fab-emergency-callout--purple-gradient {\n  background: linear-gradient(135deg, #613091 0%, #7c46af 100%);\n  border-radius: 24px;\n  box-shadow: 0 18px 42px rgba(97, 48, 145, 0.30);\n  color: var(--fab-white);\n}\n\n.fab-emergency-callout--purple-gradient::before {\n  content: \"\";\n  position: absolute;\n  width: 180px;\n  height: 180px;\n  right: -60px;\n  top: -70px;\n  background-color: rgba(255, 255, 255, 0.12);\n  border-radius: 50%;\n}\n\n.fab-emergency-callout--purple-gradient::after {\n  content: \"\";\n  position: absolute;\n  width: 105px;\n  height: 105px;\n  left: -32px;\n  bottom: -38px;\n  background-color: rgba(255, 255, 255, 0.10);\n  border-radius: 50%;\n}\n\n.fab-emergency-callout--purple-gradient .fab-emergency-title,\n.fab-emergency-callout--purple-gradient .fab-emergency-text {\n  position: relative;\n  z-index: 1;\n  color: var(--fab-white);\n}\n\n.fab-emergency-callout--purple-gradient .my-cta-button {\n  position: relative;\n  z-index: 1;\n  background-color: var(--fab-white);\n  color: var(--fab-purple);\n  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);\n}\n\n.fab-emergency-callout--purple-gradient .my-cta-button:hover {\n  background-color: #f4edf9;\n  color: var(--fab-purple-dark);\n}\n\n\/* ==========================================\n   OPCI\u00d3N 3\n   Panel dividido horizontal\n========================================== *\/\n\n.fab-emergency-callout--split-panel {\n  display: grid;\n  grid-template-columns: 1fr 1.6fr auto;\n  align-items: center;\n  gap: 22px;\n  text-align: left;\n  background-color: var(--fab-white);\n  border: 1px solid var(--fab-purple-border);\n  border-left: 12px solid var(--fab-purple);\n  border-radius: 20px;\n  box-shadow: 0 14px 34px rgba(97, 48, 145, 0.16);\n}\n\n.fab-emergency-callout--split-panel .fab-emergency-title {\n  margin: 0;\n  font-size: 28px;\n}\n\n.fab-emergency-callout--split-panel .fab-emergency-text {\n  max-width: none;\n  margin: 0;\n  font-size: 16px;\n}\n\n.fab-emergency-callout--split-panel .my-cta-button {\n  white-space: nowrap;\n}\n\n\/* ==========================================\n   OPCI\u00d3N 4\n   Card con encabezado morado\n========================================== *\/\n\n.fab-emergency-callout--header-band {\n  padding: 0;\n  background-color: var(--fab-white);\n  border: 1px solid var(--fab-purple-border);\n  border-radius: 22px;\n  box-shadow: 0 16px 38px rgba(97, 48, 145, 0.16);\n}\n\n.fab-emergency-callout--header-band::before {\n  content: \"Emergency Dental Care\";\n  display: block;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  padding: 13px 24px;\n  font-size: 13px;\n  font-weight: 900;\n  letter-spacing: 1.2px;\n  text-transform: uppercase;\n}\n\n.fab-emergency-callout--header-band .fab-emergency-title {\n  padding: 28px 30px 0;\n}\n\n.fab-emergency-callout--header-band .fab-emergency-text {\n  padding: 0 30px;\n}\n\n.fab-emergency-callout--header-band .my-cta-button {\n  margin-bottom: 30px;\n}\n\n\/* ==========================================\n   OPCI\u00d3N 5\n   Outline urgente con \u00edcono\n========================================== *\/\n\n.fab-emergency-callout--urgent-outline {\n  text-align: left;\n  background-color: var(--fab-white);\n  border: 2px solid var(--fab-purple);\n  border-radius: 22px;\n  padding: 32px 34px 32px 104px;\n  box-shadow: 0 14px 34px rgba(97, 48, 145, 0.18);\n}\n\n.fab-emergency-callout--urgent-outline::before {\n  content: \"!\";\n  position: absolute;\n  left: 32px;\n  top: 34px;\n  width: 48px;\n  height: 48px;\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  border-radius: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: Georgia, serif;\n  font-size: 30px;\n  font-weight: 900;\n  box-shadow: 0 10px 22px rgba(97, 48, 145, 0.26);\n}\n\n.fab-emergency-callout--urgent-outline::after {\n  content: \"\";\n  position: absolute;\n  inset: 9px;\n  border: 1px solid rgba(97, 48, 145, 0.14);\n  border-radius: 15px;\n  pointer-events: none;\n}\n\n.fab-emergency-callout--urgent-outline .fab-emergency-title,\n.fab-emergency-callout--urgent-outline .fab-emergency-text,\n.fab-emergency-callout--urgent-outline .my-cta-button {\n  position: relative;\n  z-index: 1;\n}\n\n.fab-emergency-callout--urgent-outline .fab-emergency-text {\n  margin-left: 0;\n  margin-right: 0;\n}\n\n\/* ==========================================\n   OPCI\u00d3N 6\n   Banner destacado con borde grueso\n========================================== *\/\n\n.fab-emergency-callout--bold-banner {\n  background-color: var(--fab-purple-light);\n  border-radius: 24px;\n  border-left: 14px solid var(--fab-purple);\n  border-top: 1px solid var(--fab-purple-border);\n  border-right: 1px solid var(--fab-purple-border);\n  border-bottom: 1px solid var(--fab-purple-border);\n  box-shadow: 0 16px 36px rgba(97, 48, 145, 0.16);\n}\n\n.fab-emergency-callout--bold-banner .fab-emergency-title {\n  font-size: 34px;\n}\n\n.fab-emergency-callout--bold-banner .fab-emergency-text {\n  font-size: 17px;\n}\n\n\/* ==========================================\n   OPCI\u00d3N 7\n   Badge flotante superior\n========================================== *\/\n\n.fab-emergency-callout--floating-badge {\n  margin-top: 54px;\n  background-color: var(--fab-white);\n  border: 1px solid var(--fab-purple-border);\n  border-radius: 24px;\n  box-shadow: 0 16px 38px rgba(97, 48, 145, 0.15);\n}\n\n.fab-emergency-callout--floating-badge::before {\n  content: \"Same-day emergency help\";\n  position: absolute;\n  top: -17px;\n  left: 50%;\n  transform: translateX(-50%);\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  padding: 8px 18px;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 900;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n  box-shadow: 0 8px 18px rgba(97, 48, 145, 0.24);\n  white-space: nowrap;\n}\n\n.fab-emergency-callout--floating-badge .fab-emergency-title {\n  margin-top: 6px;\n}\n\n\/* ==========================================\n   OPCI\u00d3N 8\n   Premium oscuro con morado\n========================================== *\/\n\n.fab-emergency-callout--dark-premium {\n  background: linear-gradient(135deg, #1e285a 0%, #2a3570 100%);\n  border-radius: 24px;\n  border: 1px solid rgba(255, 255, 255, 0.12);\n  box-shadow: 0 18px 44px rgba(30, 40, 90, 0.24);\n}\n\n.fab-emergency-callout--dark-premium::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 7px;\n  width: 100%;\n  background: linear-gradient(90deg, var(--fab-purple) 0%, #9b6ac2 100%);\n}\n\n.fab-emergency-callout--dark-premium .fab-emergency-title,\n.fab-emergency-callout--dark-premium .fab-emergency-text {\n  color: var(--fab-white);\n}\n\n.fab-emergency-callout--dark-premium .fab-emergency-text {\n  opacity: 0.92;\n}\n\n.fab-emergency-callout--dark-premium .my-cta-button {\n  background-color: var(--fab-purple);\n  color: var(--fab-white);\n  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);\n}\n\n.fab-emergency-callout--dark-premium .my-cta-button:hover {\n  background-color: #7c46af;\n}\n\n\/* ==========================================\n   OPCI\u00d3N 9\n   CTA compacto horizontal\n========================================== *\/\n\n.fab-emergency-callout--compact-horizontal {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 22px;\n  text-align: left;\n  background-color: var(--fab-purple-light);\n  border: 1px solid var(--fab-purple-border);\n  border-radius: 999px;\n  padding: 22px 24px 22px 34px;\n  box-shadow: 0 12px 28px rgba(97, 48, 145, 0.13);\n}\n\n.fab-emergency-callout--compact-horizontal .fab-emergency-title {\n  flex: 0 0 250px;\n  margin: 0;\n  font-size: 25px;\n}\n\n.fab-emergency-callout--compact-horizontal .fab-emergency-text {\n  flex: 1;\n  max-width: none;\n  margin: 0;\n  font-size: 15.5px;\n  line-height: 1.5;\n}\n\n.fab-emergency-callout--compact-horizontal .my-cta-button {\n  flex: 0 0 auto;\n  white-space: nowrap;\n}\n\n\/* ==========================================\n   OPCI\u00d3N 10\n   Esquina destacada\n========================================== *\/\n\n.fab-emergency-callout--corner-accent {\n  background-color: var(--fab-white);\n  border: 1px solid var(--fab-purple-border);\n  border-radius: 24px;\n  box-shadow: 0 16px 38px rgba(97, 48, 145, 0.15);\n}\n\n.fab-emergency-callout--corner-accent::before {\n  content: \"\";\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 115px;\n  height: 115px;\n  background-color: var(--fab-purple);\n  clip-path: polygon(100% 0, 0 0, 100% 100%);\n}\n\n.fab-emergency-callout--corner-accent::after {\n  content: \"+\";\n  position: absolute;\n  right: 20px;\n  top: 12px;\n  color: var(--fab-white);\n  font-size: 28px;\n  font-weight: 900;\n  line-height: 1;\n}\n\n.fab-emergency-callout--corner-accent .fab-emergency-title,\n.fab-emergency-callout--corner-accent .fab-emergency-text,\n.fab-emergency-callout--corner-accent .my-cta-button {\n  position: relative;\n  z-index: 1;\n}\n\n.fab-emergency-callout--corner-accent .fab-emergency-title,\n.fab-emergency-callout--corner-accent .fab-emergency-text {\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* ==========================================\n   RESPONSIVE\n========================================== *\/\n\n@media (max-width: 768px) {\n  .fab-emergency-callout {\n    margin: 34px 16px;\n    padding: 28px 22px;\n  }\n\n  .fab-emergency-title {\n    font-size: 27px;\n  }\n\n  .fab-emergency-text {\n    font-size: 16px;\n  }\n\n  .fab-emergency-callout .my-cta-button {\n    width: 100%;\n    max-width: 360px;\n    padding: 14px 22px;\n  }\n\n  .fab-emergency-callout--split-panel {\n    grid-template-columns: 1fr;\n    text-align: center;\n    border-left: 1px solid var(--fab-purple-border);\n    border-top: 10px solid var(--fab-purple);\n  }\n\n  .fab-emergency-callout--split-panel .fab-emergency-title {\n    font-size: 27px;\n  }\n\n  .fab-emergency-callout--split-panel .fab-emergency-text {\n    margin: 0 auto;\n  }\n\n  .fab-emergency-callout--header-band {\n    padding: 0;\n  }\n\n  .fab-emergency-callout--header-band .fab-emergency-title {\n    padding: 26px 22px 0;\n  }\n\n  .fab-emergency-callout--header-band .fab-emergency-text {\n    padding: 0 22px;\n  }\n\n  .fab-emergency-callout--header-band .my-cta-button {\n    margin-bottom: 26px;\n  }\n\n  .fab-emergency-callout--urgent-outline {\n    text-align: center;\n    padding: 82px 22px 28px;\n  }\n\n  .fab-emergency-callout--urgent-outline::before {\n    top: 24px;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n\n  .fab-emergency-callout--bold-banner {\n    border-left: 1px solid var(--fab-purple-border);\n    border-top: 10px solid var(--fab-purple);\n  }\n\n  .fab-emergency-callout--bold-banner .fab-emergency-title {\n    font-size: 28px;\n  }\n\n  .fab-emergency-callout--floating-badge::before {\n    width: calc(100% - 44px);\n    text-align: center;\n    white-space: normal;\n  }\n\n  .fab-emergency-callout--compact-horizontal {\n    display: block;\n    text-align: center;\n    border-radius: 24px;\n    padding: 28px 22px;\n  }\n\n  .fab-emergency-callout--compact-horizontal .fab-emergency-title {\n    margin-bottom: 12px;\n    font-size: 27px;\n  }\n\n  .fab-emergency-callout--compact-horizontal .fab-emergency-text {\n    margin-bottom: 22px;\n  }\n\n  .fab-emergency-callout--corner-accent::before {\n    width: 90px;\n    height: 90px;\n  }\n\n  .fab-emergency-callout--corner-accent::after {\n    right: 16px;\n    top: 10px;\n    font-size: 24px;\n  }\n}\n    text-transform: uppercase;\n}\n\n.fab-emergency-text {\n    color: #333333; \n    font-size: 17px; \n    margin-bottom: 25px;\n}\n\n.my-cta-button {\n    background-color: #613091;\n    color: #ffffff !important;\n    padding: 12px 24px;\n    text-decoration: none;\n    border-radius: 6px;\n    font-weight: bold;\n    display: inline-block;\n    transition: background-color 0.3s ease;\n    cursor: pointer;\n    font-size: 16px;\n}\n\n.my-cta-button:hover {\n    background-color: #4b2570;\n    text-decoration: underline; \n}\n\n\/* Optimizaci\u00f3n para que el t\u00edtulo no quede gigante en m\u00f3viles *\/\n@media (max-width: 600px) {\n    .fab-emergency-title {\n        font-size: 26px;\n    }\n    .fab-emergency-text {\n        font-size: 16px;\n    }\n}\n<\/style>\n\n<div class=\"fab-emergency-callout fab-emergency-callout--soft-card\">\n\n  <h3 class=\"fab-emergency-title\">\n    Need help now?\n  <\/h3>\n\n  <p class=\"fab-emergency-text\">\n   Call Fab Dental for emergency tooth guidance in Hayward.\n  <\/p>\n\n  <a href=\"tel:5103423908\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"my-cta-button\">\n    Call Fab Dental\n  <\/a>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>If an adult tooth gets knocked out, treat the next 30 minutes like a rescue window. The goal is simple: keep the tooth root alive, keep the tooth moist, and get dental care fast. The tiny living cells on the root surface can dry out quickly once the tooth leaves the socket. Dental trauma guidelines, [&hellip;]<\/p>\n","protected":false},"author":14,"featured_media":14095,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[122],"tags":[],"class_list":["post-14094","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-common-questions"],"_links":{"self":[{"href":"https:\/\/fab.dental\/ur\/wp-json\/wp\/v2\/posts\/14094","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fab.dental\/ur\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fab.dental\/ur\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fab.dental\/ur\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/fab.dental\/ur\/wp-json\/wp\/v2\/comments?post=14094"}],"version-history":[{"count":1,"href":"https:\/\/fab.dental\/ur\/wp-json\/wp\/v2\/posts\/14094\/revisions"}],"predecessor-version":[{"id":14096,"href":"https:\/\/fab.dental\/ur\/wp-json\/wp\/v2\/posts\/14094\/revisions\/14096"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fab.dental\/ur\/wp-json\/wp\/v2\/media\/14095"}],"wp:attachment":[{"href":"https:\/\/fab.dental\/ur\/wp-json\/wp\/v2\/media?parent=14094"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fab.dental\/ur\/wp-json\/wp\/v2\/categories?post=14094"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fab.dental\/ur\/wp-json\/wp\/v2\/tags?post=14094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}