/* V12.19 — proporciones naturales y carga responsive */
.pathology-page .p-hero-figure{
  overflow:hidden;
}
.pathology-page .p-hero-figure img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9;
  object-fit:cover;
  object-position:center;
  border-radius:17px;
}
.pathology-page .p-review img{
  width:160px!important;
  height:auto!important;
  aspect-ratio:6/7;
  object-fit:cover;
  object-position:center top;
}
.pathology-page .p-related-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:22px;
}
.pathology-page .p-related-link{
  display:block;
  border:1px solid var(--p-line);
  border-radius:16px;
  padding:17px;
  background:#fff;
  text-decoration:none;
  color:inherit;
}
.pathology-page .p-related-link strong{
  display:block;
  color:var(--p-navy);
  margin-bottom:5px;
}
.pathology-page .p-related-link span{
  display:block;
  color:#627887;
  font-size:13.5px;
  line-height:1.55;
}
@media(max-width:880px){
  .pathology-page .p-related-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:580px){
  .pathology-page .p-review img{
    width:130px!important;
    height:auto!important;
  }
  .pathology-page .p-related-grid{grid-template-columns:1fr}
}

/* V12.20 — arquitectura refinada de página de patología */
.pathology-page{
  --p-bg:#f6fafc;
  --p-card:#ffffff;
  --p-soft:#eef7fb;
  --p-navy:#173c58;
  --p-blue:#2876a5;
  --p-text:#536b7b;
  --p-line:#dce9f1;
}
.pathology-page .p-hero{
  padding:48px 0 38px;
  background:
    radial-gradient(circle at 90% 10%, rgba(141,207,236,.22), transparent 28%),
    linear-gradient(135deg,#f9fcfe,#eef7fb);
}
.pathology-page .p-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);
  gap:34px;
  align-items:center;
}
.pathology-page .p-hero h1{
  max-width:760px;
  margin:.22em 0 .28em;
  font-size:clamp(38px,5vw,62px);
  line-height:1.02;
}
.pathology-page .p-lead{
  max-width:760px;
  font-size:18px;
  line-height:1.75;
}
.pathology-page .p-hero-figure{
  margin:0;
  border-radius:24px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 18px 42px rgba(18,64,96,.10);
}
.pathology-page .p-hero-figure img{
  display:block;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/10;
  object-fit:cover;
  object-position:center;
  border-radius:0!important;
}
.pathology-page .p-hero-figure figcaption{
  margin:0;
  padding:12px 15px 14px;
  font-size:12.5px;
  line-height:1.55;
  color:#6d7f8b;
}
.pathology-page .p-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:24px;
}
.pathology-page .p-toc{
  position:sticky;
  top:72px;
  z-index:20;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(8px);
  border-top:1px solid var(--p-line);
  border-bottom:1px solid var(--p-line);
}
.pathology-page .p-toc-inner{
  display:flex;
  gap:8px;
  overflow-x:auto;
  scrollbar-width:none;
  padding:10px 0;
}
.pathology-page .p-toc-inner::-webkit-scrollbar{display:none}
.pathology-page .p-toc a{
  white-space:nowrap;
  border:1px solid var(--p-line);
  background:#fff;
  border-radius:999px;
  padding:8px 12px;
  font-size:12.5px;
  text-decoration:none;
  color:var(--p-navy);
}
.pathology-page .p-section{
  padding:54px 0;
}
.pathology-page .p-section.alt{
  background:var(--p-bg);
}
.pathology-page .p-two{
  display:grid;
  grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr);
  gap:44px;
  align-items:start;
}
.pathology-page .p-section h2{
  margin-top:7px;
  font-size:clamp(29px,3vw,41px);
  line-height:1.1;
}
.pathology-page .p-section p,
.pathology-page .p-section li{
  font-size:16.5px;
  line-height:1.8;
}
.pathology-page .p-note{
  margin-top:22px;
  border-left:4px solid var(--p-blue);
  background:var(--p-soft);
  border-radius:0 14px 14px 0;
  padding:16px 18px;
}
.pathology-page .p-cards,
.pathology-page .p-type-grid{
  gap:16px!important;
}
.pathology-page .p-card,
.pathology-page .p-type{
  border:1px solid var(--p-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 9px 24px rgba(18,64,96,.045);
}
.pathology-page details{
  border:1px solid var(--p-line);
  background:#fff;
  border-radius:15px;
  margin-bottom:10px;
  overflow:hidden;
}
.pathology-page details summary{
  cursor:pointer;
  padding:16px 18px;
  color:var(--p-navy);
  font-weight:700;
}
.pathology-page details > *:not(summary){
  margin-left:18px;
  margin-right:18px;
}
.pathology-page details p:last-child{
  margin-bottom:18px;
}
.pathology-page .p-review{
  border-radius:22px;
  border:1px solid var(--p-line);
  box-shadow:0 12px 30px rgba(18,64,96,.06);
}
.pathology-page .p-related-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.pathology-page .p-related-link{
  min-height:118px;
  transition:transform .2s ease,box-shadow .2s ease;
}
.pathology-page .p-related-link:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(18,64,96,.08);
}
.pathology-page .p-cta{
  border-radius:24px;
  background:linear-gradient(135deg,#173c58,#2876a5);
  color:#fff;
  box-shadow:0 18px 42px rgba(18,64,96,.16);
}
.pathology-page .p-cta h2,
.pathology-page .p-cta p{
  color:#fff;
}
@media(max-width:900px){
  .pathology-page .p-hero-grid,
  .pathology-page .p-two{
    grid-template-columns:1fr;
    gap:24px;
  }
  .pathology-page .p-toc{
    top:60px;
  }
}
@media(max-width:580px){
  .pathology-page .p-hero{
    padding-top:30px;
  }
  .pathology-page .p-hero h1{
    font-size:38px;
  }
  .pathology-page .p-section{
    padding:42px 0;
  }
  .pathology-page .p-related-grid{
    grid-template-columns:1fr!important;
  }
}

.pathology-page .p-toc-label{
  flex:0 0 auto;
  align-self:center;
  font-size:12px;
  font-weight:800;
  color:#2876a5;
  text-transform:uppercase;
  letter-spacing:.08em;
  padding-right:4px;
}

/* V12.21 — reel/galería de psoriasis con imágenes SEO */
.pathology-page .p-gallery-intro{
  max-width:820px;
  margin-bottom:22px;
}
.pathology-page .p-image-reel{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(260px, 31%);
  gap:16px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:thin;
  padding:4px 2px 14px;
}
.pathology-page .p-image-card{
  scroll-snap-align:start;
  margin:0;
  border:1px solid var(--p-line);
  border-radius:18px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(18,64,96,.05);
}
.pathology-page .p-image-card img{
  display:block;
  width:100%;
  height:auto!important;
  aspect-ratio:4/3;
  object-fit:cover;
  object-position:center;
}
.pathology-page .p-image-card figcaption{
  padding:12px 14px 14px;
  font-size:13.5px;
  line-height:1.45;
  color:#4e6879;
}
.pathology-page .p-image-disclaimer{
  margin-top:8px;
  font-size:12.5px!important;
  color:#758792;
}
@media(max-width:900px){
  .pathology-page .p-image-reel{
    grid-auto-columns:minmax(250px,78%);
  }
}
@media(max-width:580px){
  .pathology-page .p-image-reel{
    grid-auto-columns:86%;
  }
}

/* V12.22 — reel/galería de melasma */
.pathology-page .p-gallery-intro{max-width:820px;margin-bottom:22px}
.pathology-page .p-image-reel{
  display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,31%);
  gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;
  padding:4px 2px 14px
}
.pathology-page .p-image-card{
  scroll-snap-align:start;margin:0;border:1px solid var(--p-line);border-radius:18px;
  background:#fff;overflow:hidden;box-shadow:0 10px 24px rgba(18,64,96,.05)
}
.pathology-page .p-image-card img{
  display:block;width:100%;height:auto!important;aspect-ratio:4/3;
  object-fit:cover;object-position:center
}
.pathology-page .p-image-card figcaption{
  padding:12px 14px 14px;font-size:13.5px;line-height:1.45;color:#4e6879
}
.pathology-page .p-image-disclaimer{margin-top:8px;font-size:12.5px!important;color:#758792}
@media(max-width:900px){.pathology-page .p-image-reel{grid-auto-columns:minmax(250px,78%)}}
@media(max-width:580px){.pathology-page .p-image-reel{grid-auto-columns:86%}}

/* V12.23 — tipografía estable y más nítida */
.pathology-page,
.pathology-page button,
.pathology-page input,
.pathology-page textarea,
.pathology-page select{
  font-family:Arial, Helvetica, "Segoe UI", sans-serif!important;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-kerning:normal;
}
.pathology-page h1,
.pathology-page h2,
.pathology-page h3{
  font-family:Georgia, "Times New Roman", serif!important;
  font-style:normal!important;
  font-synthesis:none;
  font-kerning:normal;
  letter-spacing:-0.012em;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
.pathology-page h1{
  font-weight:700!important;
  line-height:1.08!important;
}
.pathology-page h2{
  font-weight:700!important;
  line-height:1.16!important;
}
.pathology-page h3{
  font-weight:700!important;
  line-height:1.25!important;
}
.pathology-page p,
.pathology-page li,
.pathology-page a,
.pathology-page summary,
.pathology-page figcaption{
  font-style:normal;
  font-stretch:normal;
  letter-spacing:normal;
  word-spacing:normal;
}
.pathology-page .p-lead{
  font-size:17.5px!important;
  line-height:1.72!important;
}
.pathology-page .p-section p,
.pathology-page .p-section li{
  font-size:16px!important;
  line-height:1.76!important;
}
.pathology-page .p-kicker{
  font-family:Arial, Helvetica, "Segoe UI", sans-serif!important;
  letter-spacing:.11em!important;
}
.pathology-page .p-toc a{
  font-family:Arial, Helvetica, "Segoe UI", sans-serif!important;
  font-weight:600;
}
.pathology-page details summary{
  font-family:Arial, Helvetica, "Segoe UI", sans-serif!important;
  font-weight:700;
}
@media(max-width:580px){
  .pathology-page h1{
    font-size:36px!important;
    line-height:1.10!important;
  }
  .pathology-page h2{
    font-size:29px!important;
  }
  .pathology-page h3{
    font-size:22px!important;
  }
  .pathology-page .p-lead{
    font-size:16.5px!important;
  }
  .pathology-page .p-section p,
  .pathology-page .p-section li{
    font-size:15.5px!important;
    line-height:1.72!important;
  }
}

/* V12.24 — ajuste puntual de tipografía en bloques señalados */
.pathology-page .p-type,
.pathology-page .p-card{
  padding:18px 18px 16px!important;
}
.pathology-page .p-type h3,
.pathology-page .p-card h3{
  font-family:Georgia, "Times New Roman", serif!important;
  font-size:29px!important;
  line-height:1.16!important;
  letter-spacing:-0.01em!important;
  margin:0 0 8px!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
.pathology-page .p-type p,
.pathology-page .p-card p{
  font-size:15.5px!important;
  line-height:1.72!important;
  margin:0!important;
}
.pathology-page .p-two{
  align-items:start!important;
}
.pathology-page .p-note{
  margin-top:18px!important;
  padding:14px 16px!important;
}
.pathology-page .p-note,
.pathology-page .p-note p{
  font-size:14.5px!important;
  line-height:1.65!important;
}
.pathology-page .p-section h2{
  letter-spacing:-0.015em!important;
}
@media(max-width:900px){
  .pathology-page .p-type-grid,
  .pathology-page .p-cards{
    gap:12px!important;
  }
  .pathology-page .p-type,
  .pathology-page .p-card{
    border-radius:16px!important;
  }
  .pathology-page .p-type h3,
  .pathology-page .p-card h3{
    font-size:21px!important;
    line-height:1.20!important;
    margin-bottom:7px!important;
  }
  .pathology-page .p-type p,
  .pathology-page .p-card p{
    font-size:14.5px!important;
    line-height:1.68!important;
  }
  .pathology-page .p-note,
  .pathology-page .p-note p{
    font-size:13.8px!important;
    line-height:1.62!important;
  }
}
@media(max-width:580px){
  .pathology-page .p-section{
    padding:38px 0!important;
  }
  .pathology-page .p-section h2{
    font-size:26px!important;
    line-height:1.14!important;
    margin-bottom:10px!important;
  }
  .pathology-page .p-two{
    gap:16px!important;
  }
  .pathology-page .p-type,
  .pathology-page .p-card{
    padding:14px 14px 13px!important;
  }
  .pathology-page .p-type h3,
  .pathology-page .p-card h3{
    font-size:17px!important;
    line-height:1.24!important;
    margin-bottom:6px!important;
  }
  .pathology-page .p-type p,
  .pathology-page .p-card p{
    font-size:13.8px!important;
    line-height:1.62!important;
  }
  .pathology-page .p-note{
    padding:12px 13px!important;
    border-radius:12px!important;
  }
  .pathology-page .p-note,
  .pathology-page .p-note p{
    font-size:13.2px!important;
    line-height:1.58!important;
  }
}