/* CSV48.9 — Tarjeta Waylet en Gestiones online Repsol */
.csv-signup-card--waylet{
  grid-column:1 / -1;
  width:min(100%,760px);
  justify-self:center;
}
.csv-signup-icon--waylet-brand img{
  width:88%;
  height:88%;
  object-fit:contain;
}
@media (max-width:820px){
  .csv-signup-card--waylet{width:100%;}
}


/* CSV48.10 — Miniatura oficial de tarjetas Waylet */
.csv-signup-card--waylet{
  grid-template-columns:190px minmax(0,1fr);
  gap:28px;
}
.csv-signup-card--waylet .csv-signup-icon--waylet-brand{
  width:190px;
  height:112px;
  border-radius:24px;
  padding:0;
  overflow:hidden;
  background:#e99a06;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.72),0 14px 28px rgba(80,49,0,.18);
}
.csv-signup-card--waylet .csv-signup-icon--waylet-brand:after{
  inset:6px 10px auto;
  height:34%;
  border-radius:18px;
  opacity:.34;
}
.csv-signup-card--waylet .csv-signup-icon--waylet-brand img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:none;
  filter:none;
}
.csv-signup-card--waylet:hover .csv-signup-icon--waylet-brand img,
.csv-signup-card--waylet:focus-visible .csv-signup-icon--waylet-brand img{
  transform:scale(1.025);
  filter:none;
}
@media(max-width:820px){
  .csv-signup-card--waylet{grid-template-columns:156px minmax(0,1fr);gap:22px;}
  .csv-signup-card--waylet .csv-signup-icon--waylet-brand{width:156px;height:94px;border-radius:21px;}
}
@media(max-width:520px){
  .csv-signup-card--waylet{grid-template-columns:1fr;gap:18px;}
  .csv-signup-card--waylet .csv-signup-icon--waylet-brand{
    width:min(100%,300px);
    height:auto;
    aspect-ratio:395/188;
    justify-self:center;
    margin:0 auto;
    border-radius:22px;
  }
}

/* CSV48.11 — Tarjeta Waylet alineada con las dos gestiones anteriores */
.csv-signup-card--waylet{
  grid-column:auto;
  width:100%;
  justify-self:stretch;
  grid-template-columns:116px minmax(0,1fr);
  gap:26px;
  min-height:268px;
  padding:34px 36px;
}
.csv-signup-card--waylet .csv-signup-icon--waylet-brand{
  width:116px;
  height:116px;
  border-radius:30px;
  padding:0;
  align-self:start;
  margin-top:2px;
  overflow:hidden;
  background:linear-gradient(145deg,#fff8ef 0%,#ffd09a 48%,#f06c42 100%);
  box-shadow:inset 0 2px 2px rgba(255,255,255,.95),inset 0 -8px 16px rgba(170,45,19,.13),0 14px 32px rgba(218,84,28,.22),0 0 0 5px rgba(236,116,53,.08);
}
.csv-signup-card--waylet .csv-signup-icon--waylet-brand:after{
  inset:7px 10px auto;
  height:34%;
  border-radius:16px;
  opacity:.42;
}
.csv-signup-card--waylet .csv-signup-icon--waylet-brand img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:none;
  filter:none;
}
.csv-signup-card--waylet:hover .csv-signup-icon--waylet-brand img,
.csv-signup-card--waylet:focus-visible .csv-signup-icon--waylet-brand img{
  transform:scale(1.035);
  filter:none;
}
@media (max-width:1100px){
  .csv-signup-card--waylet{grid-template-columns:98px minmax(0,1fr);gap:22px;min-height:250px;padding:30px;}
  .csv-signup-card--waylet .csv-signup-icon--waylet-brand{width:98px;height:98px;border-radius:27px;}
}
@media (max-width:820px){
  .csv-signup-card--waylet{grid-template-columns:104px minmax(0,1fr);gap:22px;min-height:238px;padding:30px 32px;}
  .csv-signup-card--waylet .csv-signup-icon--waylet-brand{width:104px;height:104px;border-radius:27px;}
}
@media (max-width:560px){
  .csv-signup-card--waylet{grid-template-columns:82px minmax(0,1fr);gap:17px;min-height:0;padding:22px 19px 20px;border-radius:25px;}
  .csv-signup-card--waylet .csv-signup-icon--waylet-brand{width:82px;height:82px;border-radius:23px;margin-top:0;}
}
@media (max-width:390px){
  .csv-signup-card--waylet{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:19px 16px 18px;}
  .csv-signup-card--waylet .csv-signup-icon--waylet-brand{width:72px;height:72px;border-radius:20px;}
}

/* CSV48.11.2 — Ajuste final: tercera gestión con el mismo patrón compacto */
#altas-repsol .csv-signup-card--waylet{
  grid-column:auto;
  width:100%;
  justify-self:stretch;
}
#altas-repsol .csv-signup-card--waylet .csv-signup-icon--waylet-brand img{
  width:92%;
  height:92%;
  object-fit:contain;
  object-position:center;
}
#altas-repsol .csv-signup-card--waylet .csv-signup-link{
  width:auto;
  max-width:100%;
}
@media(max-width:560px){
  #altas-repsol .csv-signup-card--waylet .csv-signup-link{
    width:100%;
  }
}