/* BayMeet landing illustrations: responsive, translatable handwritten captions. */
@font-face {
  font-family: "BayMeetCaveat";
  src: url("../fonts/caveat-700-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
.bm-art { position:relative; display:block; width:100%; min-width:0; container-type:inline-size; }
.bm-art picture, .bm-art img { display:block; width:100%; }
.bm-art__label {
  position:absolute; z-index:2;
  display:flex; align-items:center; justify-content:center;
  margin:0; padding:0 .3em; max-width:48%;
  font-family:"BayMeetCaveat","Segoe Print",cursive;
  font-weight:700; font-style:normal;
  line-height:1; letter-spacing:-.015em; text-align:center;
  white-space:nowrap; pointer-events:none;
  text-shadow:0 1px 1px rgba(255,255,255,.16);
}
.bm-art--friends .bm-art__label {
  left:3%; bottom:7%; width:42%; height:15%;
  transform:rotate(-7deg); color:#20222a;
  font-size:clamp(9px,5.1cqw,27px);
}
.bm-art--running .bm-art__label {
  right:3%; bottom:1%; width:48%; height:15%;
  transform:rotate(3deg); color:#faf8f4;
  font-size:clamp(9px,5.1cqw,27px);
  text-shadow:0 1px 1px rgba(0,0,0,.34);
}
.bm-art--study .bm-art__label {
  right:4%; bottom:3.2%; width:40%; height:13%;
  transform:rotate(-1deg); color:#fff9f0;
  font-size:clamp(10px,4.6cqw,24px);
  text-shadow:0 1px 2px rgba(38,19,13,.35);
}
@media(max-width:560px) {
 .bm-art--friends .bm-art__label { left:2%; bottom:7%; width:44%; height:16%; }
 .bm-art--running .bm-art__label { right:4%; bottom:1%; width:46%; height:17%; }
 .bm-art--study .bm-art__label { right:2%; bottom:15%; width:42%; height:15%; }
}
@media(max-width:560px) {
 .bm-art--friends .bm-art__label, .bm-art--running .bm-art__label { font-size:clamp(12px,6.8cqw,22px); }
}
@media(max-width:720px) {
 .bm-feature > .bm-art { order:2; }
}
.bm-art.is-entered .bm-art__label {
  animation:bm-art-letter-in .78s cubic-bezier(.2,.75,.25,1) both;
}
@keyframes bm-art-letter-in {
  from { opacity:0; translate:0 7px; filter:blur(1px); }
  to { opacity:1; translate:0 0; filter:blur(0); }
}
@media(prefers-reduced-motion:reduce) {
 .bm-art.is-entered .bm-art__label { animation:none; }
}


/* Nueva portada BayMeet. Activa solamente cuando estan subidas las escenas. */
.bm-hero--fresh { padding:clamp(2.5rem,6vw,5rem) 0 1.4rem; overflow:visible; }
.bm-fresh-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);
  grid-template-areas:"copy art" "actions art"; align-items:center; column-gap:clamp(1rem,5vw,4.5rem); row-gap:1.2rem; }
.bm-fresh-hero__copy { grid-area:copy; align-self:end; }
.bm-fresh-hero__copy h1 { margin:.8rem 0 1rem; max-width:580px; font-size:clamp(2.1rem,4.1vw,3.5rem); line-height:1.12; letter-spacing:-.035em; }
.bm-fresh-hero__copy p { margin:0; max-width:520px; font-size:clamp(1.03rem,1.4vw,1.22rem); line-height:1.55; color:var(--bm-muted); }
.bm-fresh-hero__actions { grid-area:actions; align-self:start; }
.bm-fresh-hero__actions .bm-actions, .bm-fresh-hero__actions .bm-pills { justify-content:flex-start; }
.bm-fresh-hero__actions .bm-pills { margin-top:1.15rem; }
.bm-fresh-art { position:relative; min-width:0; width:100%; container-type:inline-size; text-align:center; isolation:isolate; }
.bm-fresh-art picture, .bm-fresh-art picture img { display:block; width:100%; height:auto; object-fit:contain; }
.bm-fresh-art--hero { grid-area:art; align-self:center; padding-top:7%; }
.bm-fresh-art--hero picture { width:100%; max-width:650px; margin:0 auto; }
.bm-fresh-art__label { position:absolute; top:0; left:50%; z-index:1; width:max-content; max-width:90%;
  font-family:"BayMeetCaveat","Segoe Print",cursive; font-weight:700; font-size:clamp(22px,6.5cqw,47px);
  color:#254168; line-height:.98; letter-spacing:-.01em; text-align:center;
  transform:translateX(-50%) rotate(-5deg); text-shadow:0 2px 1px rgba(255,255,255,.8);
  pointer-events:none; }
.bm-fresh-art--hero .bm-fresh-art__label { top:-1%; left:57%; font-size:clamp(24px,7.3cqw,48px); }
.bm-fresh-moments { padding:1.2rem 0 3.1rem; background:linear-gradient(180deg,#f8fafc,#fff); }
.bm-fresh-moments__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:end; column-gap:clamp(2rem,7vw,7rem); row-gap:3rem; }
.bm-fresh-moments .bm-fresh-art { padding-top:10%; }
.bm-fresh-moments .bm-fresh-art picture { max-width:520px; margin:0 auto; }
.bm-fresh-art--cafe .bm-fresh-art__label { top:1%; width:58%; font-size:clamp(22px,6.4cqw,45px); }
.bm-fresh-art--running .bm-fresh-art__label { top:0; left:43%; width:45%; font-size:clamp(22px,6.2cqw,43px); }
.bm-fresh-community { display:block; text-align:center; max-width:800px; }
.bm-fresh-community .bm-lead { margin-left:auto; margin-right:auto; }
.bm-art.is-entered .bm-fresh-art__label { animation:bm-fresh-label-in .8s cubic-bezier(.2,.75,.25,1) both; }
@keyframes bm-fresh-label-in { from {opacity:0; translate:0 12px; filter:blur(1px)} to {opacity:1; translate:0 0; filter:blur(0)} }
@media(max-width:760px) {
 .bm-hero--fresh { padding:2.5rem 0 1rem; }
 .bm-fresh-hero { grid-template-columns:minmax(0,1fr); grid-template-areas:"copy" "art" "actions"; row-gap:1.2rem; }
 .bm-fresh-hero__copy { text-align:center; }
 .bm-fresh-hero__copy h1 { font-size:clamp(2.2rem,8.4vw,3.2rem); margin:0 auto .9rem; }
 .bm-fresh-hero__copy p { margin:0 auto; }
 .bm-fresh-art--hero { padding-top:10%; max-width:520px; margin:0 auto; }
 .bm-fresh-art--hero .bm-fresh-art__label { top:0; }
 .bm-fresh-hero__actions .bm-actions, .bm-fresh-hero__actions .bm-pills { justify-content:center; }
 .bm-fresh-moments__grid { grid-template-columns:1fr; gap:2.5rem; }
 .bm-fresh-moments .bm-fresh-art { max-width:500px; margin:0 auto; padding-top:11%; }
 .bm-fresh-art--running .bm-fresh-art__label { left:49%; }
}
@media(max-width:420px) {
 .bm-fresh-art__label { font-size:clamp(22px,7.5cqw,36px); }
 .bm-fresh-art--hero .bm-fresh-art__label { top:-3%; font-size:clamp(23px,7.6cqw,35px); }
 .bm-fresh-art--cafe .bm-fresh-art__label { font-size:clamp(22px,7.8cqw,34px); }
 .bm-fresh-art--running .bm-fresh-art__label { font-size:clamp(22px,7.8cqw,34px); }
 .bm-fresh-hero__actions .bm-actions { flex-direction:column; }
 .bm-fresh-hero__actions .bm-actions .bm-button { width:100%; }
}
@media(prefers-reduced-motion:reduce) { .bm-art.is-entered .bm-fresh-art__label { animation:none; } }