/* =====================================================================
   SS Ciudad Real · Base: documento sin comportamientos de web
   ===================================================================== */
*,*::before,*::after{box-sizing:border-box}
html{
  height:100%;background:var(--bg);color:var(--label);
  font-family:var(--font);font-size:var(--t-body);line-height:1.29;letter-spacing:-.022em;
  -webkit-text-size-adjust:100%;text-size-adjust:100%;
  -webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  overscroll-behavior:none;
}
body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--bg)}
img{display:block;max-width:100%;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}
button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}
input,textarea,select{font-size:max(16px, var(--t-body))}  /* sin zoom de iOS al enfocar */
button{background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:inherit}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0;padding:0}
ul,ol{list-style:none}
a,button,[role=button],label{touch-action:manipulation}
/* La interfaz no se selecciona; los textos largos sí (clase .selectable) */
#app{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.selectable,.selectable *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
::selection{background:var(--accent-soft)}
:focus{outline:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:10px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[hidden]{display:none!important}
svg.i{display:block;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tnum{font-variant-numeric:tabular-nums}

/* Estilos de texto de iOS */
.t-large{font-family:var(--serif);font-size:calc(var(--t-large) * 1.12);font-weight:600;letter-spacing:-.005em;line-height:1.08}
.t-title1{font-family:var(--serif);font-size:calc(var(--t-title1) * 1.14);font-weight:600;letter-spacing:-.005em;line-height:1.1}
.t-title2{font-family:var(--serif);font-size:calc(var(--t-title2) * 1.18);font-weight:600;letter-spacing:-.005em;line-height:1.15}
.t-title3{font-size:var(--t-title3);font-weight:600;letter-spacing:-.017em;line-height:1.25}
.t-headline{font-size:var(--t-headline);font-weight:600;letter-spacing:-.024em;line-height:1.29}
.t-body{font-size:var(--t-body);letter-spacing:-.024em;line-height:1.29}
.t-callout{font-size:var(--t-callout);letter-spacing:-.019em;line-height:1.31}
.t-subhead{font-size:var(--t-subhead);letter-spacing:-.015em;line-height:1.33}
.t-footnote{font-size:var(--t-footnote);letter-spacing:-.005em;line-height:1.38}
.t-caption{font-size:var(--t-caption);letter-spacing:0;line-height:1.33}
.c2{color:var(--label-2)} .c3{color:var(--label-3)} .ca{color:var(--accent)}
.overline{font-size:var(--t-footnote);font-weight:600;text-transform:uppercase;letter-spacing:.01em;color:var(--label-2)}

/* Títulos con esencia cofrade */
.serif{font-family:var(--serif);font-weight:600;letter-spacing:-.005em}