/* Páginas de reservas (ver/cancelar cita) y agenda de Andrea: mismos colores y letras que la web */
@font-face{font-family:"Cinzel";font-weight:500;font-display:swap;src:url(../fuentes/cinzel-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"EB Garamond";font-weight:400;font-display:swap;src:url(../fuentes/eb-garamond-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:400;font-display:swap;src:url(../fuentes/barlow-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:600;font-display:swap;src:url(../fuentes/barlow-latin-600-normal.woff2) format("woff2")}
:root{--fondo:#fbfaf7;--piedra:#f2efe9;--azul:#1a2b4f;--azul2:#2b4170;--azulclaro:#e8ecf3;--texto2:#5b6476;--borde:#e4ded3;--rojo:#a23b3b;--verde:#2f6b4f}
*{box-sizing:border-box}
body{margin:0;font:16px/1.6 "Barlow",system-ui,sans-serif;color:var(--azul);background:var(--piedra)}
a{color:var(--azul2)}
.cab{background:var(--azul);color:#fff;padding:14px 0}
.cab .cont{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.cab b{font:500 1rem/1.2 "Cinzel",Georgia,serif;letter-spacing:.14em}
.cab span{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:#c9d2e3}
.cab nav{margin-left:auto;display:flex;gap:16px;align-items:center}
.cab a{color:#fff}
.cont{width:min(960px,100% - 32px);margin:0 auto}
main{padding:32px 0 60px}
h1,h2{font-family:"EB Garamond",Georgia,serif;font-weight:400;line-height:1.2;margin:0 0 12px}
h1{font-size:2rem}
h2{font-size:1.45rem}
.caja{background:#fff;border:1px solid var(--borde);padding:26px 24px;margin-bottom:20px}
.ficha{width:100%;border-collapse:collapse;margin:6px 0 18px}
.ficha td{padding:9px 0;border-bottom:1px solid var(--borde);vertical-align:top}
.ficha td:first-child{color:var(--texto2);width:110px}
.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--azul);color:#fff;border:1px solid var(--azul);font:600 .95rem/1 "Barlow",sans-serif;padding:12px 18px;text-decoration:none;cursor:pointer}
.boton:hover{background:var(--azul2)}
.boton.borde{background:transparent;color:var(--azul)}
.boton.borde:hover{background:var(--azulclaro)}
.boton.peligro{background:var(--rojo);border-color:var(--rojo)}
.boton.peq{padding:8px 12px;font-size:.85rem}
.aviso{padding:12px 14px;margin-bottom:18px;border-left:4px solid var(--azul);background:var(--azulclaro)}
.aviso.ok{border-color:var(--verde);background:#e6f1eb}
.aviso.mal{border-color:var(--rojo);background:#f6e7e7}
.nota{color:var(--texto2);font-size:.92rem}
label{display:block;font-weight:600;font-size:.88rem;margin:0 0 4px}
input,select,textarea{width:100%;font:inherit;color:inherit;padding:9px 10px;border:1px solid #cfd5df;background:#fff;border-radius:0}
input:focus,select:focus,textarea:focus{outline:2px solid var(--azul2);outline-offset:0;border-color:var(--azul2)}
.campos{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px 14px;margin-bottom:14px}
.marcar{display:flex;gap:8px;align-items:center;font-weight:400}
.marcar input{width:auto}