/* Base compartida por los tres modelos: reset, aviso de modelo y marca de datos a confirmar. */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body { margin: 0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
img, video { display: block; max-width: 100%; }
h1, h2, h3, h4, p, ul, ol, figure, blockquote, dl, dd { margin: 0; }
h1, h2, h3 { text-wrap: balance; }
a { color: inherit; }
button { font: inherit; }
:focus-visible { outline: 2px solid var(--focus, #b0477a); outline-offset: 3px; }

.skip { position: absolute; left: 12px; top: -60px; z-index: 100; padding: 10px 14px; background: #fff; color: #2b1a24; border-radius: 6px; }
.skip:focus { top: 12px; }

/* Franja de "sitio modelo": evita que alguien lo tome por el sitio publicado */
.aviso-modelo {
  position: relative; z-index: 60; margin: 0; padding: 7px 16px; text-align: center;
  font: 500 12px/1.4 system-ui, sans-serif; letter-spacing: .02em;
  background: #2b1a24; color: #f6e6ea;
}
.aviso-modelo b { color: #e8c98f; font-weight: 600; }

/* Dato pendiente de confirmar con la escribanía */
.a-confirmar { text-decoration: underline dashed 1px; text-underline-offset: 4px; text-decoration-color: currentColor; }
.a-confirmar::after {
  content: 'a confirmar'; display: inline-block; margin-left: .5em; padding: 1px 6px; vertical-align: middle;
  font: 600 10px/1.5 system-ui, sans-serif; letter-spacing: .04em; text-transform: uppercase; text-decoration: none;
  color: #8a5a00; background: #fff3d6; border: 1px solid #ecd29a; border-radius: 99px;
}

.foto-stock { position: relative; }
/* (sin etiqueta visible de "Imagen ilustrativa"; queda en el texto alternativo) */

.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.aviso-modelo .corto { display: none; }
@media (max-width: 640px) { .aviso-modelo .largo { display: none; } .aviso-modelo .corto { display: inline; } }
