*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;background:#1c1a16;color:#F5F0E4;font-family:'Inter',-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
[hidden]{display:none!important}
.pr{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;display:flex}
.pr__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;animation:prZoom 14s cubic-bezier(.4,0,.2,1) forwards}
@keyframes prZoom{from{transform:scale(1.08)}to{transform:scale(1)}}
.pr__veil{position:absolute;inset:0;background:linear-gradient(to right,rgba(24,19,12,.9) 0%,rgba(24,19,12,.66) 48%,rgba(24,19,12,.3) 100%),linear-gradient(to top,rgba(20,16,10,.75) 0%,rgba(20,16,10,0) 45%)}
.pr__inner{position:relative;z-index:2;width:100%;display:grid;grid-template-rows:auto 1fr auto auto;padding:clamp(28px,4vw,48px) clamp(24px,5.5vw,80px);gap:clamp(28px,4vw,48px)}
.pr__logo{height:64px;width:auto;display:block}
.pr__body{align-self:center;max-width:780px;display:flex;flex-direction:column;opacity:0;transform:translateY(16px);animation:prIn 1.2s .2s cubic-bezier(.4,0,.2,1) forwards}
@keyframes prIn{to{opacity:1;transform:none}}
.pr__tag{font-size:10.5px;letter-spacing:.32em;text-transform:uppercase;color:rgba(245,240,228,.6);margin:0 0 26px;display:flex;align-items:center;gap:14px}
.pr__tag::before{content:"";width:28px;height:1px;background:rgba(245,240,228,.4)}
.pr__title{font-family:'Cormorant Garamond','Times New Roman',serif;font-weight:300;font-size:clamp(44px,7vw,96px);line-height:.98;letter-spacing:-.015em;margin:0 0 28px}
.pr__title em{font-style:italic;color:rgba(245,240,228,.62)}
.pr__text{font-size:clamp(13.5px,1.2vw,15px);line-height:1.9;font-weight:300;color:rgba(245,240,228,.72);max-width:470px;margin:0 0 36px}
.pr__wa{display:inline-flex;align-items:center;gap:12px;width:fit-content;border:1px solid rgba(245,240,228,.4);padding:16px 26px;color:#F5F0E4;text-decoration:none;font-size:11px;letter-spacing:.22em;text-transform:uppercase;transition:background .4s,border-color .4s}
.pr__wa svg{width:16px;height:16px}
.pr__wa:hover{background:rgba(245,240,228,.1);border-color:rgba(245,240,228,.8)}
.pr__datos{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:clamp(24px,4vw,64px);padding-top:28px;border-top:1px solid rgba(245,240,228,.16);opacity:0;animation:prIn 1.2s .6s cubic-bezier(.4,0,.2,1) forwards}
.pr__dato{display:flex;flex-direction:column;gap:7px}
.pr__dato span{font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;color:rgba(245,240,228,.45)}
.pr__dato a,.pr__dato p{font-size:13.5px;font-weight:300;color:rgba(245,240,228,.88);text-decoration:none;margin:0;width:fit-content;border-bottom:1px solid transparent;transition:border-color .3s}
.pr__dato a:hover{border-color:rgba(245,240,228,.6)}
.pr__foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:10.5px;letter-spacing:.12em;color:rgba(245,240,228,.4)}
.pr__foot a{color:rgba(245,240,228,.5);text-decoration:none}
.pr__foot a:hover{color:#F5F0E4}
@media (max-width:860px){.pr__datos{grid-template-columns:1fr 1fr}}
@media (max-width:540px){
  .pr__veil{background:linear-gradient(to bottom,rgba(24,19,12,.6),rgba(24,19,12,.82) 40%,rgba(24,19,12,.92))}
  .pr__logo{height:52px}
  .pr__datos{grid-template-columns:1fr}
  .pr__wa{width:100%;justify-content:center}
  .pr__foot{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){.pr__bg,.pr__body,.pr__datos{animation:none;opacity:1;transform:none}}