/* DatoYa — hero principal más compacto, ordenado y premium */
@media (min-width:901px){
  .dy-hero{
    grid-template-columns:minmax(0,1.16fr) minmax(300px,.84fr);
    gap:34px;
    padding:38px 42px;
  }

  .dy-hero-visual{
    min-height:320px;
    padding:4px;
    align-items:center;
    justify-content:center;
  }

  .dy-visual-card{
    width:min(100%,360px);
    height:305px;
    border-radius:24px;
    box-shadow:0 16px 38px rgba(7,43,99,.16);
  }

  .dy-visual-image{background-position:center 52%}

  .dy-visual-overlay{
    left:16px;
    right:16px;
    bottom:15px;
  }

  /* “Vendiendo ahora” queda como una etiqueta discreta, no como protagonista. */
  .dy-live-pill{
    padding:5px 8px;
    font-size:9px;
    line-height:1;
    margin-bottom:7px;
    gap:5px;
    box-shadow:0 5px 14px rgba(0,0,0,.08);
  }

  .dy-live-dot{
    width:6px;
    height:6px;
    box-shadow:0 0 0 3px rgba(255,138,31,.14);
  }

  .dy-visual-overlay h3{
    font-size:19px;
    line-height:1.12;
    margin:0 0 4px;
    max-width:280px;
    letter-spacing:-.2px;
  }

  .dy-visual-overlay p{
    font-size:11px;
    line-height:1.35;
    max-width:285px;
  }

  /* Tarjetas superiores compactas y contenidas dentro de la imagen. */
  .dy-floating-card{
    top:12px;
    left:12px;
    max-width:170px;
    padding:8px 10px;
    border-radius:13px;
    border:1px solid rgba(232,237,244,.9);
    box-shadow:0 7px 20px rgba(7,43,99,.10);
    gap:7px;
  }

  .dy-floating-card b{
    font-size:10px;
    line-height:1.15;
  }

  .dy-floating-card small{
    font-size:9px;
    line-height:1.15;
  }

  .dy-floating-icon{
    width:28px;
    height:28px;
    border-radius:9px;
    font-size:15px;
  }

  .dy-floating-stock{
    top:12px;
    right:12px;
    bottom:auto;
    min-width:74px;
    padding:7px 9px;
    border-radius:12px;
    border:1px solid rgba(232,237,244,.9);
    box-shadow:0 7px 20px rgba(7,43,99,.10);
    text-align:left;
  }

  .dy-floating-stock strong{
    font-size:15px;
    line-height:1;
  }

  .dy-floating-stock span{
    font-size:8px;
    line-height:1.15;
    margin-top:2px;
  }
}

@media (min-width:901px) and (max-width:1080px){
  .dy-hero{
    grid-template-columns:minmax(0,1.12fr) minmax(290px,.88fr);
    gap:24px;
    padding:32px 28px;
  }

  .dy-hero-visual{min-height:295px}
  .dy-visual-card{width:min(100%,330px);height:285px}
  .dy-floating-card{max-width:155px}
  .dy-hero h1{font-size:clamp(37px,4.4vw,48px)}
}