.browser-link{display:block;text-decoration:none;color:inherit;transition:transform .25s}
.browser-link:hover{transform:translateY(-4px)}
.browser-link .see{display:block;margin-top:4px;color:#8a6a2a;font-weight:700}
.b-frame{position:relative;aspect-ratio:16/11;overflow:hidden;background:#fff}
.b-frame iframe{position:absolute;top:0;left:0;width:1280px;height:880px;border:0;transform-origin:0 0;pointer-events:none;background:#fff}

/* LOGO: alberseo.com en minúsculas, un pelín más grande */
.bar .logo,.foot .logo{font-size:1.55rem;text-transform:lowercase}
.logo .tld{font-style:normal;font-weight:600;color:rgba(255,255,255,.55)}

/* PORTADA: texto arriba, alineado con la caja; sin botón redundante */
.hero .hero-grid{align-items:start}
.hero .hero-copy{padding-top:6px}
.hero .hero-actions .pill-gold{display:none}
.hero .hero-actions{margin-top:26px}
.hero .hero-actions .link-gold{font-size:1.05rem}
.lead-card .lead-legal{margin:12px 0 0;font-size:.82rem;color:#9a9aa6}
.lead-card .lead-legal a{color:#ecd49a}

/* IA: caja más grande y centrada */
#ia .ai-grid{align-items:center}
#ia .chat{position:relative;margin-top:100px;padding:36px 34px;max-width:580px;width:100%;justify-self:center;display:flex;flex-direction:column;justify-content:center;gap:20px;min-height:400px}
#ia .chat .bubble{font-size:1.12rem;line-height:1.5;padding:18px 22px}
#ia .chat .b-sub{font-size:.9rem}
#ia .chat::before{content:"";position:absolute;right:28px;top:-104px;width:130px;height:130px;background:url("https://static.wixstatic.com/media/696d25_6186a92783064cfea7e6565f750152c1~mv2.webp") center bottom/contain no-repeat;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35));pointer-events:none}

/* SERVICIOS: más aire y orden */
#servicios{padding-top:96px;padding-bottom:104px}
#servicios .h2{margin-bottom:56px}
#servicios .bento{gap:26px}
#servicios .bento .tile{padding:36px 34px;min-height:230px}
#servicios .bento .tile:not(.tile-wide)::before{content:"";display:block;width:38px;height:3px;border-radius:3px;background:#c9a45c;margin-bottom:20px}
#servicios .bento .tile h3{margin-bottom:12px}
#servicios .bento .tile p{line-height:1.55}
#servicios .mini-stars{color:#c9a45c;letter-spacing:4px;margin-top:18px}
#servicios .bento .tile-wide{padding:40px 44px}

/* PIE */
.foot .foot-links{display:flex;gap:18px;flex-wrap:wrap;margin:10px 0 0}
.foot .foot-links a{color:#ecd49a;text-decoration:none;font-size:.92rem}
.foot .foot-links a:hover{text-decoration:underline}

@media (max-width:960px){
  #ia .chat{margin-top:84px;min-height:0;padding:26px 22px}
  #ia .chat::before{width:104px;height:104px;top:-86px;right:18px}
  #servicios{padding-top:64px;padding-bottom:70px}
  #servicios .bento .tile{padding:28px 24px;min-height:0}
  .bar .logo,.foot .logo{font-size:1.4rem}
}
.tile h3 a{color:inherit;text-decoration:none;border-bottom:1px solid transparent}
.tile h3 a:hover,.tile h3 a:focus-visible{border-bottom-color:currentColor}
.foot-links{flex-wrap:wrap}

/*bot*/
.chat{position:relative}
.ai-bot{display:block;width:96px;height:auto;margin:0 0 -8px 6px;filter:drop-shadow(0 10px 22px rgba(201,164,92,.3))}