/* estilo-35 · Promociones mas sencillas (encargo 1014, app-107). Va despues de todas.
   El selector de noches con el estilo del calendario de reservas (mismas casillas, mismo
   acento), a pantalla completa en el celular; y la promocion vista en el calendario. */

/* el boton de «Qué noches» */
.pr-rbtn{font:inherit;width:100%;min-height:48px;text-align:left;padding:10px 14px;cursor:pointer;
  border:1px solid var(--o-linea-f,#cfccc2);border-radius:var(--o-radio-ctl,10px);background:var(--o-super,#fff);color:var(--o-texto,#16232C)}
.pr-rbtn:hover{border-color:var(--o-acento,#13707F)}

/* el panel */
.pr-rpan{margin-top:10px;border:1px solid var(--o-linea,rgba(22,35,44,.1));border-radius:var(--o-radio,14px);
  background:var(--o-super,#fff);padding:12px;box-shadow:0 10px 28px rgba(15,30,40,.10)}
.pr-rcab{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.pr-rcab b{font-size:var(--o-cuerpo-f,16px);text-transform:capitalize}
.pr-rnav{font:inherit;width:44px;height:44px;border-radius:999px;border:1px solid var(--o-linea-f,#cfccc2);background:transparent;color:inherit;cursor:pointer;font-size:20px}
.pr-rnav:disabled{opacity:.35;cursor:default}
.pr-rdows,.pr-rgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.pr-rdows span{text-align:center;font-size:var(--o-nota,12px);color:var(--o-texto3,#53636D);padding:2px 0}
.pr-rd{font:inherit;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
  border:0;border-radius:var(--o-radio-ctl,10px);background:var(--o-fondo,#f4f3ee);color:var(--o-texto,#16232C);cursor:pointer;padding:4px 2px;min-width:0}
.pr-rd b{font-size:15px;font-weight:var(--o-fuerte,600)}
.pr-rd i{font-style:normal;font-size:11px;color:var(--o-texto2,#46565F);white-space:nowrap;overflow:hidden;max-width:100%}
.pr-rd small{font-size:10.5px;color:var(--o-texto3,#53636D)}
.pr-rd.otro{opacity:.45}
.pr-rd:disabled{opacity:.3;cursor:default}
.pr-rd.hoy{box-shadow:inset 2px 0 0 var(--o-acento,#13707F)}
.pr-rd.lleno small{color:var(--o-alarma,#A33A2E);font-weight:600}
.pr-rd:hover:not(:disabled){background:var(--o-acento-suave,#dff0f2)}
.pr-rd.sel{background:var(--o-acento-suave,#dff0f2)}
.pr-rd.borde{background:var(--o-acento,#13707F);color:#fff}
.pr-rd.borde i,.pr-rd.borde small{color:#fff}
.pr-rpie{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px}
.pr-rpie>span:first-child{font-size:var(--o-cuerpo,14px);color:var(--o-texto2,#46565F)}
.pr-racc{display:flex;gap:8px}
@media (max-width:699px){
  /* en el celular, el selector a pantalla completa */
  body.pr-rabierto .pr-rpan{position:fixed;inset:0;z-index:60;margin:0;border-radius:0;border:0;overflow:auto;
    padding:calc(14px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column}
  body.pr-rabierto .pr-rgrid{flex:1;align-content:start}
  body.pr-rabierto .pr-rd{min-height:64px}
  body.pr-rabierto .pr-rpie{position:sticky;bottom:0;background:var(--o-super,#fff);padding-top:10px}
}

/* el formulario corto */
.pr107 .pr107-sug{margin-top:-4px}
.pr107-mas{border-top:1px solid var(--o-linea,rgba(22,35,44,.1));margin-top:6px;padding-top:6px}
.pr107-mas>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:var(--o-fuerte,600);color:var(--o-acento-t,#0E5560)}
.pr-otros{margin-top:10px;font-size:var(--o-cuerpo,14px)}
.pr-otros summary{cursor:pointer;color:var(--o-acento-t,#0E5560);min-height:32px;display:inline-flex;align-items:center}
.pr-otros ul{margin:6px 0;padding-left:18px;display:grid;gap:4px}
.pr-quita{margin-top:6px}

/* la promocion en el calendario de reservas */
.ohkg .ohkcel.pr107-noche{position:relative}
.ohkg .ohkcel .ohkpr s{display:block;font-size:10px;opacity:.7;text-decoration-thickness:1px}
.ohkg .pr107-cal{position:absolute;top:2px;right:2px;font:600 10px/1 var(--o-mono,ui-monospace,monospace);
  padding:2px 4px;border-radius:999px;background:#7A1F5C;color:#fff;cursor:pointer}
.oh91lg .pr107-lg i,.pr107-lg i{display:inline-block;width:12px;height:12px;border-radius:999px;background:#7A1F5C;margin-right:6px;vertical-align:-1px}
/* noche con una barra encima: no se vende, no lleva marca ni precio tachado */
.ohkg .pr107-tapada .pr107-cal,.ohkg .pr107-tapada .ohkpr s{display:none}
@media (max-width:699px){.ohkg .pr107-cal{font-size:9px;padding:1px 3px}}