/* ──────────────────────────────────────────────────────────
   Bloque “Comparar precios” – estilos base (sin cambios)
───────────────────────────────────────────────────────────*/
.e360-pricetable-wrapper{margin:12px 0;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;}
.e360-pricetable-heading{margin-bottom:4px;font-size:16px;font-weight:600;}
.e360-pricetable-body{width:100%;}
.e360-showmore{margin-top:6px;padding:4px 8px;font-size:13px;cursor:pointer;}

/* ───── filas de oferta ───── */
.e360-offer-row{border-bottom:1px solid #e6e6e6;padding:4px 0;}
.e360-offer-head{display:flex;align-items:center;gap:6px;}
.e360-offer-body{display:flex;align-items:center;gap:8px;font-size:13px;margin-left:34px;}
.e360-offer-price{margin-left:auto;font-weight:600;white-space:nowrap;}
.e360-offer-link{margin-left:6px;}
.e360-offer-title{flex:1;min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.e360-offer-shiptxt{color:#555;white-space:nowrap;}

/* ───── iconos y botones ───── */
.e360-offer-toggle{width:24px;height:24px;border:0;background:transparent;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;transition:transform .25s ease;}
.e360-icon-chevron,
.e360-icon-arrow{width:14px;height:14px;display:inline-block;background-size:14px;background-repeat:no-repeat;}
.e360-icon-chevron{background-image:url('../images/chevron-down.svg');}
/* estado hover/focus */
.e360-offer-toggle:hover .e360-icon-chevron,
.e360-offer-toggle:focus .e360-icon-chevron{
    background-image:url('../images/chevron-down-active.svg');
}
/* opcional: círculo sutil de 24 px */
.e360-pricetable-wrapper .e360-offer-toggle:hover,
.e360-pricetable-wrapper .e360-offer-toggle:focus,
.e360-pricetable-wrapper .e360-offer-toggle:active {
    background: #e0e0e0 !important;   /* gris claro – ajústalo si quieres */
    border-radius: 4px;               /* opcional, esquinas redondeadas   */
    outline: none !important;         /* quita el borde nativo            */
}
.e360-icon-arrow{background-image:url('../images/arrow-right.svg');}
.e360-offer-toggle.open .e360-icon-chevron{transform:rotate(180deg);}
.e360-offer-logo{
    width:38px;height:38px;object-fit:contain;border-radius:2px;
    background:#f6f6f6;
}

/* ──────────────────────────────────────────────────────────
   Modal de tienda
───────────────────────────────────────────────────────────*/
.e360-modal-wrapper{animation:e360-fade .25s both;}
@keyframes e360-fade{from{opacity:0;transform:translateY(-12px);}to{opacity:1;transform:translateY(0);}}

.e360-modal{font-size:14px;line-height:20px;padding:12px 24px;max-width:420px;}
.e360-modal-logo img{width:48px;height:48px;object-fit:contain;margin-bottom:6px;}
.e360-modal-title{font-size:22px;margin:0 0 12px;text-align:center;}
.e360-modal-section{margin-bottom:10px;}
.e360-modal-section strong{display:block;font-size:13px;color:#555;margin-bottom:4px;}
.e360-icon{width:32px;height:20px;object-fit:contain;vertical-align:middle;margin:0 4px 4px 0;}
.e360-attr{display:inline-block;padding:2px 6px;border:1px solid #ddd;border-radius:4px;font-size:12px;margin:2px 2px;}

@media (max-width:480px){
    .e360-pricetable-wrapper{font-size:13px;padding:6px;}
    .e360-offer-price{font-size:13px;}
    .e360-modal{padding:16px 16px;max-width:90vw;}
    .e360-modal-title{font-size:18px;}
}

/* ─────────  Bloque ‘tarjeta independiente’  ───────── */
.e360-offer-row{
    border:1px solid #e3e3e3;
    border-radius:8px;
    box-shadow:0 1px 2px rgba(0,0,0,.04);
    margin:10px 0;
    padding:10px 12px;
    background:#fff;
    display:grid;
    grid-template-columns:auto 1fr auto;
    column-gap:10px;
}
.e360-offer-head{ grid-column:2 / span 1; }
.e360-offer-logo{ grid-column:1 / span 1; }
.e360-offer-price{ grid-column:3 / span 1; font-size:16px; }
.e360-offer-link { grid-column:3 / span 1; margin-left:4px; }
.e360-offer-body{
    grid-column:2 / span 2;
    display:flex;
    flex-wrap:wrap;
    gap:6px 10px;
    font-size:13px;
    color:#555;
    margin-top:4px;
}
.e360-offer-title{ flex:1 1 250px; }
.e360-offer-shiptxt{ white-space:nowrap; }
.e360-offer-toggle.open .e360-icon-chevron{ transform:rotate(180deg); }
@media (max-width:480px){
    .e360-offer-row{ margin:8px 0; padding:8px; }
}
.e360-offer-age{color:#777;font-size:12px;margin-left:auto;}
.e360-price-chart {
  width: 100%;
  aspect-ratio: 4 / 1;
}
.e360-price-chart canvas {
  width: 100%;
  height: 100%;
}
/* en móviles (hasta 768px de ancho), altura = 60% del ancho */
@media (max-width: 768px) {
  .e360-price-chart {
    aspect-ratio: 1.2 / 1; /* ancho:alto = 1.67:1 → alto ≈ 60% del ancho */
  }
}