*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,system-ui,sans-serif;line-height:1.7;color:#333;background:#fff}
.frame-9831a2{max-width:780px;margin:0 auto;padding:0 20px}
header{background:#1a1a2e;color:#fff;padding:32px 0;margin-bottom:40px}
header h1{font-size:28px;margin-bottom:4px}
header p{opacity:.7;font-size:15px}
header .page-d66bc1{color:#fff;text-decoration:none;font-size:18px;font-weight:600}
.frame-84c10d{border-bottom:1px solid #eee;padding:24px 0}
.frame-84c10d h2{font-size:20px;margin-bottom:8px}
.frame-84c10d h2 a{color:#1a1a2e;text-decoration:none}
.frame-84c10d h2 a:hover{color:#e94560}
.frame-84c10d .date{font-size:13px;color:#999;margin-bottom:8px}
.container-d23454{color:#e94560;text-decoration:none;font-size:14px;font-weight:600}
.panel-f8fc6e{padding-bottom:60px}
.panel-f8fc6e h1{font-size:32px;margin-bottom:8px}
.panel-f8fc6e time{font-size:13px;color:#999;display:block;margin-bottom:24px}
.panel-f8fc6e h2{font-size:22px;margin:32px 0 12px}
.panel-f8fc6e h3{font-size:18px;margin:24px 0 8px}
.panel-f8fc6e p{margin-bottom:16px}
.panel-f8fc6e ul,.panel-f8fc6e ol{margin:0 0 16px 24px}
.panel-f8fc6e a{color:#e94560}
.panel-f8fc6e img{max-width:100%;height:auto;border-radius:8px;margin:16px 0}
footer{border-top:1px solid #eee;padding:24px 0;margin-top:40px;text-align:center;font-size:13px;color:#999}
footer a{color:#999}
.outer-2426c5{background:#f5f5f5;border-left:3px solid #999;padding:10px 14px;margin-bottom:20px;font-size:13px;color:#777;font-style:italic}
.section-cd42e3{background:#fef9e7;border:1px solid #f0c36d;padding:10px 14px;margin-top:20px;font-size:12px;color:#8a6d3b}
.footer-c957a3{font-size:13px;color:#999;margin:-16px 0 24px;font-style:italic}
.region-97d3fc{text-align:center;margin:0 0 20px}
.footer-b51681{max-width:100%;height:auto;border-radius:6px}
.header-1431c6{margin-top:40px;padding-top:24px;border-top:1px solid #eee}
.header-1431c6 h3{font-size:18px;margin-bottom:12px}
.header-1431c6 ul{list-style:none;padding:0}
.header-1431c6 li{padding:4px 0}
.header-1431c6 a{color:#e94560;text-decoration:none}
.panel-444597{padding:20px 0}
.panel-444597 ul{list-style:none;padding:0}
.panel-444597 li{padding:5px 0;font-size:15px}
.panel-444597 a{color:#1a1a2e;text-decoration:none}
.panel-444597 a:hover{color:#e94560}
/* === Theme === */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;500;600;700&family=Quicksand:wght@400;700&display=swap');
body{font-family:'Lato',sans-serif;color:#2C2C2C;background:#FDFBF7}
header{background:#2D5A27;color:#fff}
header h1{font-family:'Quicksand',serif;color:#fff}
header p{color:rgba(255,255,255,.75)}
header a{color:#fff;text-decoration:none}
.frame-84c10d h2{font-family:'Quicksand',serif}
.frame-84c10d h2 a{color:#2D5A27}
.frame-84c10d h2 a:hover{color:#FF8C42}
.container-d23454{color:#FF8C42}
.panel-f8fc6e h1{font-family:'Quicksand',serif}
.panel-f8fc6e h2{font-family:'Quicksand',serif}
.panel-f8fc6e a{color:#FF8C42}
.panel-f8fc6e img{border-radius:12px}
.affiliate-disclosure{border-radius:12px}
.ymyl-disclaimer{border-radius:12px}
/* === Custom === */
/* pl-pelu-es — Peluquería canina amateur — classic template */
/* Palette: grafito-canela · gris pimienta-y-sal #4B4340 · canela #C1652E · marfil #FBF6EF */
@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&family=Nunito+Sans:wght@300;400;600;700&display=swap');

/* ── Tokens ── */
:root {
  --color-bg:            #FBF6EF;
  --color-surface:       #F3E9D8;
  --color-text:          #332E2A;
  --color-text-muted:    #7A6F63;

  --color-primary:       #4B4340;
  --color-primary-dark:  #332D2A;
  --color-accent:        #C1652E;
  --color-accent-dark:   #9C4F22;

  --color-border:        #E3D5C0;
  --color-heading:       #332E2A;
  --color-link:          #9C4F22;
  --color-link-hover:    #C1652E;

  --font-heading: 'Bree Serif', Georgia, serif;
  --font-body:    'Nunito Sans', system-ui, sans-serif;

  --font-size-base: 17px;
  --font-size-sm:   15px;
  --font-size-h1:   2.4rem;
  --font-size-h2:   1.8rem;
  --font-size-h3:   1.35rem;

  --line-height-body:    1.7;
  --line-height-heading: 1.25;

  --para-max:      68ch;
  --space-section: 3rem;
  --radius:        8px;
}

/* ── Base ── */
:root *, :root *::before, :root *::after { box-sizing: border-box; }

:root body {
  font-family:      var(--font-body);
  font-size:        var(--font-size-base);
  font-weight:      400;
  line-height:      var(--line-height-body);
  color:            var(--color-text);
  background-color: var(--color-bg);
  margin: 0; padding: 0;
  -webkit-font-smoothing: antialiased;
}

/* ── Links ── */
:root a {
  color: var(--color-link);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.2s ease, border-color 0.2s ease;
}
:root a:hover, :root a:focus {
  color: var(--color-link-hover);
  border-color: var(--color-link-hover);
  outline: none;
}

/* ── Headings ── */
:root h1, :root h2, :root h3,
:root h4, :root h5, :root h6 {
  font-family:   var(--font-heading);
  font-weight:   400;
  line-height:   var(--line-height-heading);
  color:         var(--color-heading);
  margin-top:    1.8em;
  margin-bottom: 0.5em;
}
:root h1 { font-size: var(--font-size-h1); }
:root h2 { font-size: var(--font-size-h2); }
:root h3 { font-size: var(--font-size-h3); }
:root h4 { font-size: 1.15rem; }

/* ── Body copy ── */
:root p  { max-width: var(--para-max); margin-top: 0; margin-bottom: 1.4em; }
:root ul, :root ol { max-width: var(--para-max); padding-left: 1.6em; margin-bottom: 1.4em; }
:root li { margin-bottom: 0.45em; }
:root ul li::marker { color: var(--color-accent); }

/* ── Blockquote — "nota de sábado" ── */
:root blockquote {
  max-width:     var(--para-max);
  margin:        2rem 0;
  padding:       1.2rem 1.6rem;
  border-left:   3px solid var(--color-accent);
  background:    var(--color-surface);
  border-radius: 0 var(--radius) var(--radius) 0;
  font-family:   var(--font-heading);
  font-size:     1.1rem;
  color:         var(--color-text);
  line-height:   1.55;
}
:root blockquote p { max-width: none; margin: 0; }
:root blockquote cite {
  display: block; margin-top: 0.8rem;
  font-family: var(--font-body); font-style: normal;
  font-size: var(--font-size-sm); font-weight: 600;
  color: var(--color-text-muted);
}

/* ── HR ── */
:root hr { border: none; border-top: 1px solid var(--color-border); margin: 2rem 0; }

/* ── Site header ── */
:root .site-header {
  background-color: var(--color-primary);
  padding:          1.5rem 2rem 1.2rem;
  border-bottom:    3px solid var(--color-accent);
}
:root .site-title, :root .site-title a {
  font-family: var(--font-heading); font-size: 1.9rem;
  font-weight: 400; color: #FBF6EF; border-bottom: none;
}
:root .site-title a:hover { color: var(--color-accent); border-bottom: none; }
:root .site-description {
  font-family: var(--font-body); font-size: var(--font-size-sm);
  font-weight: 300; color: rgba(251,246,239,.7);
  letter-spacing: 0.03em;
  margin-top: 0.4rem; margin-bottom: 0;
}

/* ── Navigation ── */
:root .main-navigation { background-color: var(--color-primary); padding: 0 2rem 1rem; }
:root .main-navigation a {
  font-family: var(--font-body); font-size: var(--font-size-sm);
  font-weight: 600; letter-spacing: 0.03em;
  color: rgba(251,246,239,.8); padding: 0.2rem 0;
  border-bottom: none; margin-right: 1.6rem;
}
:root .main-navigation a:hover,
:root .main-navigation .current-menu-item > a { color: var(--color-accent); border-bottom: none; }

/* ── Content layout ── */
:root .site-content { max-width: 840px; margin: 2.5rem auto; padding: 0 1.5rem; }
:root #primary { max-width: 100%; }

/* ── Entry ── */
:root .entry-header { padding-bottom: 1.2rem; border-bottom: 1px solid var(--color-border); margin-bottom: 1.8rem; }
:root .entry-title {
  font-family: var(--font-heading); font-size: var(--font-size-h1);
  font-weight: 400; line-height: 1.15;
  color: var(--color-heading); margin-top: 0; margin-bottom: 0.6rem;
}
:root .entry-title a { color: var(--color-heading); border-bottom: none; }
:root .entry-title a:hover { color: var(--color-accent); border-bottom: none; }
:root .entry-meta {
  font-family: var(--font-body); font-size: var(--font-size-sm);
  font-weight: 300; color: var(--color-text-muted); letter-spacing: 0.02em;
}
:root .entry-meta a { color: var(--color-text-muted); border-bottom: 1px dotted var(--color-border); }
:root .entry-content { font-size: var(--font-size-base); line-height: var(--line-height-body); }

/* Cinnamon underline on h2 inside content */
:root .entry-content h2::after {
  content: ''; display: block; width: 3.5rem; height: 3px;
  background: var(--color-accent); margin-top: 0.6rem;
}

/* ── Images ── */
:root .entry-content img { max-width: 100%; height: auto; border-radius: var(--radius); display: block; margin: 1.5rem 0; }
:root .entry-content figcaption {
  font-size: 13px; font-weight: 300; font-style: italic;
  color: var(--color-text-muted); margin-top: 0.5rem; text-align: center;
}

/* ── Code ── */
:root code { font-size: 0.9em; background: var(--color-surface); padding: 0.15em 0.4em; border-radius: 4px; }

/* ── Widget ── */
:root .widget { margin-bottom: 2rem; padding: 1.2rem; background: var(--color-surface); border-radius: var(--radius); border: 1px solid var(--color-border); }
:root .widget-title {
  font-family: var(--font-heading); font-size: 1rem; font-weight: 400;
  letter-spacing: 0.03em; color: var(--color-primary);
  border-bottom: 2px solid var(--color-accent); padding-bottom: 0.4rem;
  margin-top: 0; margin-bottom: 0.9rem;
}
:root .widget ul { list-style: none; padding-left: 0; margin: 0; }
:root .widget li { padding: 0.35rem 0; border-bottom: 1px solid var(--color-border); font-size: var(--font-size-sm); }
:root .widget li:last-child { border-bottom: none; }

/* ── Pagination ── */
:root .page-numbers {
  font-family: var(--font-body); font-size: var(--font-size-sm); font-weight: 600;
  color: var(--color-primary); padding: 0.4rem 0.85rem;
  border: 1px solid var(--color-border); border-radius: var(--radius); margin: 0 0.2rem;
  display: inline-block; transition: background 0.2s ease, color 0.2s ease;
}
:root .page-numbers.current, :root .page-numbers:hover {
  background: var(--color-primary); color: #FBF6EF; border-color: var(--color-primary);
}

/* ── Footer ── */
:root .site-footer {
  background-color: var(--color-primary); color: rgba(251,246,239,.7);
  font-family: var(--font-body); font-size: var(--font-size-sm); font-weight: 300;
  text-align: center; padding: 2rem 1.5rem; margin-top: 3rem;
  border-top: 3px solid var(--color-accent);
}
:root .site-footer a { color: rgba(251,246,239,.85); border-bottom: 1px solid rgba(193,101,46,.4); }
:root .site-footer a:hover { color: var(--color-accent); border-color: var(--color-accent); }

/* ── Responsive ── */
@media (max-width: 640px) {
  :root body        { font-size: 16px; }
  :root .site-content { padding: 0 1rem; margin: 1.5rem auto; }
  :root .site-header  { padding: 1.2rem 1rem 1rem; }
  :root .main-navigation { padding: 0 1rem 0.8rem; }
  :root h1, :root .entry-title { font-size: 2rem; }
  :root h2 { font-size: 1.55rem; }
  :root h3 { font-size: 1.25rem; }
}

/* === R2 fixes (2026-07-07T04:10:08.485539+00:00) === */
/* Site title in the dark header was inheriting the near-black --color-heading
   from the generic ":root h1, h2, h3" rule, which outranks the theme's
   "header h1{color:#fff}". Restore light color with a selector specific
   enough to win regardless of the header title's markup (h1 or .site-title). */
:root header h1, :root header .site-title, :root header .site-title a {
  color: #FBF6EF;
}

/* === R3 fixes (2026-07-07T04:50:21.162898+00:00) === */
/* On interior pages the site name in <header> is a plain <a> with no
   wrapping h1/.site-title, so it fell through to the generic link color
   (accent orange). Covering "header a" directly keeps it white regardless
   of markup, while more specific rules (.entry-meta a, .entry-title a,
   .main-navigation a) still win their own colors. */
:root header a {
  color: #FBF6EF;
}

/* The "entry-content" class doesn't exist in the real markup (content is
   wrapped in generated hash classes), so the old ".entry-content h2::after"
   rule never matched. Target any h2 inside <article> that isn't the very
   first child, so it still skips a title h2 on listing/front pages. */
:root article > * + h2::after {
  content: ''; display: block; width: 3.5rem; height: 3px;
  background: var(--color-accent); margin-top: 0.6rem;
}

/* === R4 fixes (2026-07-07T05:30:14.751343+00:00) === */
/* H3 subheadings inside articles (e.g. "Cuidado con los dientes y la
   sensibilidad") had no accent mark, so next to an H2 with its underline
   they looked unfinished when scanning down the page. Same treatment,
   slightly smaller, to signal it's one level down from H2. */
:root article > * + h3::after {
  content: ''; display: block; width: 2.75rem; height: 2px;
  background: var(--color-accent); margin-top: 0.5rem;
}