/* BEIBI.lat v1.14 · Pulido visual
   Capa aditiva: no modifica lógica ni datos. */
:root{
  --beibi-focus:rgba(204,122,105,.24);
  --beibi-hover-shadow:0 18px 38px rgba(74,41,28,.11);
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a,button,input,select,textarea{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background-color .18s ease,opacity .18s ease}
button,.btn,.back,.cta{touch-action:manipulation}
.btn,.back,.cta{will-change:transform}
@media (hover:hover){
  .btn:hover,.cta:hover{transform:translateY(-2px);filter:saturate(1.04)}
  .back:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(74,41,28,.08)}
  .card:hover,.room:hover{transform:translateY(-4px);box-shadow:var(--beibi-hover-shadow)}
}
.card,.room{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
input,select,textarea{outline:none}
input:focus,select:focus,textarea:focus{border-color:#cf8f7e!important;box-shadow:0 0 0 4px var(--beibi-focus)!important}
button:focus-visible,a:focus-visible{outline:3px solid rgba(204,122,105,.38);outline-offset:3px}
img{max-width:100%}
.hero,.hero-card,.panel,.story{isolation:isolate}
/* Pequeño detalle estacional, discreto */
body:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:
 radial-gradient(circle at 7% 9%,rgba(211,129,86,.06) 0 2px,transparent 3px),
 radial-gradient(circle at 93% 14%,rgba(185,101,72,.05) 0 2px,transparent 3px);background-size:86px 86px,112px 112px}
/* formularios más consistentes */
.field label,label{letter-spacing:.005em}
input[type="file"]{max-width:100%}
/* tarjetas y medios */
.card img,.room img,.hero img,.hero-card img{display:block}
/* móvil: menos aire y botones cómodos */
@media(max-width:640px){
  .wrap{padding-top:14px!important;padding-bottom:34px!important}
  .hero{margin-top:12px!important}
  .hero h1,h1{letter-spacing:-.025em}
  .btn,.back,.cta{min-height:46px}
  input,select,textarea{font-size:16px!important}
  .card,.room,.panel,.story{box-shadow:0 9px 24px rgba(74,41,28,.07)!important}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation:none!important;transition:none!important}
}