/* Tickets Costa del Sol · V24.19.0 — Cajas y botones de compra dentro del texto ([[aff-box]], [[aff-btn]], [[aff-table]]).
   Mismo aspecto que el comparador de la ficha: vendedor y precio arriba, botón naranja «Comprar en …». */
.prose aside.aff-box{display:grid}
.aff-box{display:grid;grid-template-columns:96px minmax(0,1fr);gap:0;align-items:stretch;margin:1.6rem 0;padding:0;border:1px solid #cfe0ea;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 6px 24px rgba(2,45,89,.08)}
.aff-box.has-img{grid-template-columns:minmax(0,220px) minmax(0,1fr)}
.aff-box:not(:has(.aff-box-img)){grid-template-columns:96px minmax(0,1fr)}
.aff-box-ico{display:flex;align-items:center;justify-content:center;background:#022d59;background-image:radial-gradient(120% 90% at 100% 0%,rgba(12,179,208,.35),rgba(12,179,208,0) 60%);color:#feb923}
.aff-box-ico svg{width:40px;height:40px}
.aff-box-img{min-height:100%}
.aff-box-img img{width:100%;height:100%;min-height:150px;aspect-ratio:auto;object-fit:cover;border-radius:0;display:block}
.aff-box-body{display:grid;gap:.7rem;justify-items:stretch;align-content:center;min-width:0;padding:16px 18px}
.aff-box-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.aff-box-head>div{min-width:0}
.aff-box .aff-box-by{display:block;margin:0 0 .15rem;color:#022d59;font-size:1.15rem;font-weight:800;letter-spacing:-.01em}
.aff-box .aff-box-title{display:block;color:#64748b;font-size:.92rem;font-weight:600;line-height:1.3}
.aff-box .aff-box-price{margin:0;text-align:right;white-space:nowrap;font-weight:400}
.aff-box .aff-box-price small{display:block;color:#64748b;font-size:.78rem}
.aff-box .aff-box-price b{color:#022d59;font-size:1.45rem;font-weight:800;line-height:1.1}
.aff-box-benefits{margin:0;padding:0;list-style:none;display:grid;gap:.25rem;font-size:.92rem}
.aff-box-benefits li{position:relative;margin:0;padding-left:1.4rem}
.aff-box-benefits li::before{content:"";position:absolute;left:.2rem;top:.38em;width:.45rem;height:.75rem;border:solid #0cb3d0;border-width:0 2px 2px 0;transform:rotate(45deg)}
.aff-box-desc{margin:0;font-size:.95rem}
.aff-box-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem}
.aff-box-foot .btn-afiliacion{flex:0 1 auto}
.aff-box-checked{color:#64748b;font-size:.8rem}
.prose .aff-box a.btn-afiliacion,.prose p>a.btn-afiliacion.aff-button{color:#fff!important;text-decoration:none!important}
.aff-compare .btn-afiliacion{min-height:42px;padding:.5rem 1rem;font-size:.95rem;white-space:nowrap}
@media (max-width:640px){
  .aff-box,.aff-box.has-img,.aff-box:not(:has(.aff-box-img)){grid-template-columns:1fr}
  .aff-box-ico{display:none}
  .aff-box-img img{min-height:0;aspect-ratio:16/9}
  .aff-box-body{padding:14px}
  .aff-box-head{flex-wrap:wrap}
  .aff-box .aff-box-price{text-align:left}
  .aff-box .aff-box-price small{display:inline;margin-right:.35rem}
  .aff-box-foot .btn-afiliacion{flex:1 1 100%}
}
.rel-product .btn-afiliacion{min-height:42px;padding:.5rem .9rem;font-size:.92rem;white-space:normal}
