/* Oroel: el lugar como bienvenida, con acceso inmediato a la cartera. */
.bienvenida{position:relative;min-height:760px;min-height:min(900px,100svh);display:flex;align-items:center;background:var(--bosque);color:var(--marfil);isolation:isolate;overflow:hidden}
.bienvenida-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% center;z-index:-2}
.bienvenida::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(17,35,27,.92),rgba(17,35,27,.65) 38%,rgba(17,35,27,.08) 75%),linear-gradient(0deg,rgba(17,35,27,.3),transparent 35%)}
.bienvenida .contenido{width:100%;padding-top:132px;padding-bottom:104px}
.bienvenida .kicker{color:var(--arena);font-size:12px;letter-spacing:.12em}
.bienvenida h1{font-size:clamp(42px,5.3vw,76px);line-height:1.08;max-width:14ch;margin:24px 0;letter-spacing:-.035em;text-wrap:balance}
.bienvenida h1 em{display:block;color:#EEE1C1;font:400 .94em/1.12 'Kalam',cursive;letter-spacing:-.035em;margin-top:12px}
.bienvenida .entradilla{font-size:clamp(17px,1.4vw,20px);line-height:1.65;max-width:37ch;color:#F5F1E8}
.bienvenida-acciones{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.bienvenida-acciones .boton{min-height:54px;padding-inline:25px}
.bienvenida .firma{margin-top:32px;font-size:13px;color:#E3E5DB;max-width:40ch}
.bienvenida-pie{position:absolute;bottom:22px;left:var(--margen);right:var(--margen);display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#E6E3D8}
.bienvenida-pie span:last-child{max-width:33ch;text-align:right}
.bienvenida-pie{align-items:center}
.caminos{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:var(--ancho);margin:0 auto;padding:0 var(--margen)}
.camino{display:block;padding:30px 24px;color:var(--carbon);text-decoration:none;border-bottom:1px solid var(--linea);border-right:1px solid var(--linea);transition:background .2s}
.camino:first-child{padding-left:0}.camino:last-child{border-right:0}
.camino:hover{background:var(--marfil-2)}
.camino strong{display:flex;justify-content:space-between;gap:12px;font-family:var(--titulares);font-size:24px;font-weight:500}
.camino strong span{color:var(--verde-medio)}
.camino p{font-size:14px;color:var(--carbon-2);margin-top:8px;max-width:32ch;line-height:1.6}
.cartera-error{padding:26px;background:var(--marfil-2);border-radius:var(--radio);grid-column:1/-1;font-size:16px}
.cartera-error a{color:var(--verde-medio);text-underline-offset:3px}
@media(max-width:700px){
  .bienvenida{min-height:780px;min-height:100svh;align-items:flex-end}
  .bienvenida-foto{object-position:90% center}
  .bienvenida::before{background:linear-gradient(0deg,rgba(17,35,27,.97),rgba(17,35,27,.83) 40%,rgba(17,35,27,.16) 80%)}
  .bienvenida .contenido{padding-top:220px;padding-bottom:88px}
  .bienvenida h1{font-size:clamp(38px,8.5vw,58px);max-width:16ch;margin-block:16px;line-height:1.1}
  .bienvenida .kicker{font-size:10.5px;letter-spacing:.07em}
  .bienvenida .entradilla{font-size:16px;max-width:33ch}
  .bienvenida-acciones{gap:10px;margin-top:22px}
  .bienvenida-acciones .boton{padding-inline:18px;font-size:14px;min-height:50px}
  .bienvenida .firma{font-size:12px;margin-top:20px}
  .bienvenida-pie{font-size:10px;right:80px;bottom:16px}
  .bienvenida-pie span:last-child{display:none}
  .caminos{grid-template-columns:1fr}
  .camino,.camino:first-child{padding:22px 0;border-right:0}
  .camino strong{font-size:22px}.camino p{max-width:none}
}
@media(prefers-reduced-motion:reduce){.camino{transition:none}}

/* Acabado editorial: el paisaje, la identidad y una decisión clara. */
.bienvenida{min-height:820px;min-height:100svh}
.bienvenida .contenido{padding-top:164px;padding-bottom:110px}
.bienvenida::before{background:linear-gradient(90deg,rgba(17,35,27,.88),rgba(17,35,27,.56) 42%,rgba(17,35,27,.04) 78%),linear-gradient(0deg,rgba(17,35,27,.3),transparent 35%)}
.bienvenida h1{max-width:15ch;font-size:clamp(48px,5.2vw,80px);letter-spacing:-.045em}
.bienvenida .entradilla{max-width:38ch;font-size:18px;line-height:1.7}
.bienvenida .firma{max-width:none;font-size:12px;letter-spacing:.02em}
.bienvenida-pie{bottom:26px;left:max(var(--margen),calc((100% - var(--ancho))/2 + var(--margen)));right:max(90px,var(--margen))}
.bienvenida-pie span:last-child{max-width:none}
.caminos{padding-block:6px}
.camino{padding-block:32px;border-bottom:0}
.camino strong{font-size:25px}
#propiedades>.contenido{padding-top:70px}
.busqueda .cabeza{display:flex;flex-direction:column;gap:8px}
.busqueda .cabeza h2{margin-top:0}
.ventajas .num{display:none}
.ventajas article{grid-template-columns:1fr;padding:26px 0}
.ventajas p{grid-column:1}
.agencia-texto h2{max-width:18ch}
@media(prefers-reduced-motion:no-preference){
  .bienvenida-foto{transform-origin:78% 35%;animation:oroel-respirar 12s ease-in-out infinite alternate both}
  .bienvenida h1{animation:bienvenida-entrar .85s var(--curva) both}
  .bienvenida .entradilla,.bienvenida-acciones{animation:bienvenida-entrar .8s .12s var(--curva) both}
}
@keyframes oroel-respirar{from{transform:scale(1)}to{transform:scale(1.07)}}
@keyframes bienvenida-entrar{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:700px){
  .bienvenida{min-height:780px;min-height:100svh}
  .bienvenida .contenido{padding-top:260px;padding-bottom:74px}
  .bienvenida::before{background:linear-gradient(0deg,rgba(17,35,27,.97),rgba(17,35,27,.82) 39%,rgba(17,35,27,.1) 82%)}
  .bienvenida h1{font-size:clamp(38px,9.2vw,60px);max-width:16ch;letter-spacing:-.035em}
  .bienvenida .entradilla{font-size:16px;line-height:1.65;max-width:35ch}
  .bienvenida .firma{font-size:11.5px;max-width:32ch}
  .bienvenida-pie{left:20px;bottom:18px;right:85px}
  .camino,.camino:first-child{padding-block:22px;border-bottom:1px solid var(--linea)}
  .camino:last-child{border-bottom:0}
  .camino strong{font-size:23px}
  #propiedades>.contenido{padding-top:48px}
}