@import url('https://fonts.googleapis.com/css2?family=Caveat+Brush&display=swap');
/* BayMeet Landing 2026 - ready for two separate transparent image assets. */
.bm-hero--new { padding:clamp(3rem,5vw,4.7rem) 0 clamp(2.5rem,4vw,4rem); background:#fff; }
.bm-hero--new .bm-hero__grid { width:min(calc(100% - 30px),1440px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.58fr) minmax(0,1fr);gap:clamp(.5rem,2.4vw,2.4rem);align-items:center; }
.bm-hero--new .bm-hero__visual { position:relative;min-width:0;container-type:inline-size;padding-top:clamp(2rem,4.1vw,4.25rem); }
.bm-hero--new .bm-hero__visual img { width:100%;max-height:none;height:auto;object-fit:contain; filter:drop-shadow(0 12px 12px rgba(12,41,62,.06)); }
.bm-hero--new .bm-hero__content { position:relative;z-index:2;min-width:0; }
.bm-hero--new .bm-hero__content h1 {font-family:'Caveat Brush','BayMeetCaveat','Segoe Print',cursive;font-size:clamp(3.2rem,5.3vw,6.2rem);font-weight:400;line-height:.95;letter-spacing:-.015em;color:#092448;margin:.4rem 0 1.3rem;text-wrap:balance;}
.bm-hero--new .bm-hero__content>p {font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.6;margin:0 auto 1.5rem;color:#596b83;}
.bm-hero--new .bm-hero__content .bm-kicker {margin-bottom:.3rem;}
.bm-hero--new .bm-actions {justify-content:center;}
.bm-hero--new .bm-pills {margin-top:1.2rem;}
.bm-hero--new .bm-art__label {position:absolute;top:0;left:0;max-width:none;width:100%;display:block;font-family:BayMeetCaveat,"Segoe Print",cursive;font-weight:700;font-size:clamp(19px,7.7cqw,39px);white-space:normal;line-height:.9;color:#10294b;letter-spacing:-.025em;text-shadow:0 2px 1px rgba(255,255,255,.9);transform:rotate(-6deg);pointer-events:none;}
.bm-hero--new .bm-art--running .bm-art__label {left:auto;right:0;transform:rotate(5deg);}
@media(max-width:900px){.bm-hero--new .bm-hero__grid{grid-template-columns:1fr 1fr;gap:1rem;}.bm-hero--new .bm-hero__content{grid-column:1/-1;grid-row:1}.bm-hero--new .bm-hero__visual--left{grid-column:1;grid-row:2}.bm-hero--new .bm-hero__visual--right{grid-column:2;grid-row:2}.bm-hero--new .bm-hero__content h1{font-size:clamp(2.8rem,7vw,4.1rem)}}
@media(max-width:560px){.bm-hero--new{padding:2.35rem 0 2rem}.bm-hero--new .bm-hero__grid{gap:1.2rem .4rem}.bm-hero--new .bm-hero__content h1{font-size:clamp(2.7rem,10vw,3.4rem)}.bm-hero--new .bm-hero__content>p{font-size:1rem}.bm-hero--new .bm-hero__visual{padding-top:2.3rem}.bm-hero--new .bm-art__label{font-size:clamp(18px,8.5cqw,26px)}}
@media(prefers-reduced-motion:no-preference){.bm-hero--new .bm-art.is-entered .bm-art__label{animation:bm-art-letter-in .85s ease-out both}}

.bm-hero--new .bm-hero__content h1::after {content:'';display:block;width:43%;height:clamp(5px,.65vw,10px);margin:.03em auto .13em;border-radius:80% 20% 75% 25%;background:#f2ba4a;opacity:.88;transform:rotate(-2deg);}

/* BayMeet: fundido organico de las escenas de la portada, sin arista rectangular superior. */
.bm-hero--new .bm-hero__visual img {
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.22) 7%, rgba(0,0,0,.85) 17%, #000 27%, #000 83%, rgba(0,0,0,.82) 92%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.22) 7%, rgba(0,0,0,.85) 17%, #000 27%, #000 83%, rgba(0,0,0,.82) 92%, transparent 100%);
}

/* Armonizacion visual de landing BayMeet, 2026-10-08. Solo portada. */
:root { --landing-ink:#173553; --landing-muted:#61758a; --landing-soft:#f4f9f8; }
.bm-body .bm-hero--new {
  padding-bottom:clamp(3rem,6vw,5.2rem);
  background:radial-gradient(ellipse at 3% 10%,#eaf7f6 0,transparent 40%),radial-gradient(ellipse at 94% 70%,#eef5ff 0,transparent 42%),#fdfdfb;
}
.bm-body .bm-hero--new .bm-hero__content h1 {
  font-size:clamp(3rem,4.9vw,5.8rem);
  line-height:1.03;
  color:#163b58;
}
.bm-body .bm-hero--new .bm-hero__content>p {color:var(--landing-muted);max-width:560px;line-height:1.68;}
.bm-body .bm-kicker {color:#337f81;letter-spacing:.105em;font-weight:800;font-size:.76rem;}
.bm-body .bm-section {padding:clamp(3.4rem,6.2vw,5.4rem) 0;}
.bm-body .bm-section--soft {background:linear-gradient(180deg,#f3f9f8,#f8fafb);}
.bm-body .bm-section h2, .bm-body .bm-final-cta h2 {
  font-size:clamp(1.8rem,3vw,2.75rem);
  line-height:1.2;letter-spacing:-.035em;
}
.bm-body .bm-section h2 {color:var(--landing-ink);}
.bm-body .bm-section .bm-lead {color:var(--landing-muted);line-height:1.7;font-size:clamp(1rem,1.3vw,1.15rem);}
.bm-body .bm-section-head {max-width:780px;margin-bottom:2.2rem;}
.bm-body .bm-interest-card, .bm-body .bm-step, .bm-body .bm-safety-card {
  border:1px solid #e1ebed;border-radius:22px;
  background:#fff;box-shadow:0 9px 28px rgba(25,65,85,.045);
  transition:transform .2s ease,box-shadow .2s ease;
}
.bm-body .bm-interest-card:hover,.bm-body .bm-step:hover,.bm-body .bm-safety-card:hover {
 transform:translateY(-3px);box-shadow:0 13px 32px rgba(25,65,85,.085);
}
.bm-body .bm-interest-card {padding:1.35rem .65rem;gap:.7rem;}
.bm-body .bm-interest-card span {font-size:2.1rem;}
.bm-body .bm-interest-card strong {color:#25465e;font-size:.94rem;}
.bm-body .bm-step {padding:1.65rem 1.4rem;}
.bm-body .bm-step>span {color:#3a9693;font-size:1.04rem;}
.bm-body .bm-step h3,.bm-body .bm-safety-card h3 {color:#204057;font-size:1.08rem;}
.bm-body .bm-step p,.bm-body .bm-safety-card p {color:var(--landing-muted);line-height:1.65;}
.bm-body .bm-safety-card {padding:1.55rem;}
.bm-body .bm-trust-strip {background:#eff8f7;border-color:#dbeae9;}
.bm-body .bm-trust-strip__grid span {color:#395969;}
.bm-body .bm-trust-strip__grid strong {color:#358b89;}
.bm-body .bm-pills li {background:rgba(255,255,255,.85);border-color:#dce8e8;color:#526f79;border-radius:999px;}
.bm-body .bm-button--primary {background:#176d82;border-color:#176d82;box-shadow:0 5px 14px rgba(23,109,130,.12);}
.bm-body .bm-button--primary:hover {background:#125e72;border-color:#125e72;}
.bm-body .bm-button--secondary {border-color:#c9e0e1;color:#176d82;}
.bm-body .bm-final-cta {background:linear-gradient(125deg,#123e54,#176477);}
.bm-body .bm-final-cta .bm-button--primary {background:#f8fbfa;color:#165568;border-color:#f8fbfa;}
@media(max-width:720px){
 .bm-body .bm-section {padding:3.1rem 0;}
 .bm-body .bm-hero--new .bm-hero__content h1 {font-size:clamp(2.8rem,9vw,4.1rem);}
 .bm-body .bm-interest-card {border-radius:17px;padding:1rem .4rem;}
 .bm-body .bm-step,.bm-body .bm-safety-card {border-radius:18px;}
}
@media(prefers-reduced-motion:reduce){.bm-body .bm-interest-card,.bm-body .bm-step,.bm-body .bm-safety-card {transition:none;}}


/* Alinear la portada con los azules oficiales del logotipo BayMeet. */
.bm-public-header .bm-brand__word { color:#223a77; }
.bm-public-header .bm-brand__word .bm-brand__meet { color:#2D8CFF; }
.bm-body .bm-hero--new .bm-hero__content h1 { color:#223a77; }
.bm-body .bm-button--primary { background:#223a77; border-color:#223a77; box-shadow:0 5px 14px rgba(34,58,119,.12); }
.bm-body .bm-button--primary:hover { background:#1a2d60; border-color:#1a2d60; }
.bm-body .bm-button--secondary { color:#223a77; border-color:#cad7ed; }
.bm-body .bm-final-cta { background:linear-gradient(125deg,#102952,#223a77); }
.bm-body .bm-final-cta .bm-button--primary { background:#fff; border-color:#fff; color:#223a77; }
/* Marca unicolor: Meet toma el mismo azul que Bay. */
.bm-public-header .bm-brand__word .bm-brand__meet { color:#223a77; }

/* Contraste correcto para leyenda del CTA final */
.bm-body .bm-final-cta .bm-kicker { color:#c7e7ff; }

/* Portada blanca: evita que se vea el rectangulo de las fotos sobre degradados. */
.bm-body { background-color:#fff; }
.bm-body .bm-hero--new { background:#fff; }
.bm-hero--new .bm-hero__visual { background:transparent; }
.bm-hero--new .bm-hero__visual img { background:transparent; }