/* Landing de emprendedores: composición del hero y mini ilustraciones de resultados.
   Lo común de las landings vive en landing.css. */

/* Hero: antes/después + calendario + respuesta de WhatsApp */
.hero-visual .ba { top: 40%; width: 74%; }
.cal-note { position: absolute; left: 6%; bottom: 6%; width: 47%; z-index: 2; display: grid; gap: 6px; }
.cal-note .cal { gap: 3px; }
.wa-note { position: absolute; right: 5%; bottom: 10%; width: 40%; z-index: 2; transform: rotate(-1.5deg); }
.promo-note { position: absolute; right: 6%; bottom: 7%; z-index: 2; }

/* Resultados */
.r-chat .bubble, .r-wa .bubble { max-width: 88%; }
.r-wa .bubble:not(.me) { background: #fff; border-color: #fff; }
.r-cal .cal { gap: 4px; }
.r-photo { grid-template-columns: repeat(3, 1fr); align-items: center; }
.r-photo .shot { border: 4px solid #fff; border-radius: 8px; }
.r-photo .shot.alt { transform: translateY(-8px) rotate(3deg); }
.r-photo .shot:first-child { transform: rotate(-3deg); }

@media (max-width: 560px) {
  .cal-note { width: 56%; left: 4%; bottom: 4%; }
  .wa-note { width: 44%; right: 3%; bottom: 8%; font-size: 10px; }
  .promo-note { display: none; }
}