/* Tarjetas de reviews de aparatos auditivos */

.tarjeta-a1 {
  display: grid;
  grid-template-columns: 0.04fr 0.15fr 0.08fr 0.35fr 0.04fr 0.25fr 0.25fr 0.04fr;
  width: clamp(16.25rem, 14.9296rem + 5.6338vw, 20rem) !important;
  padding-block: 0.8rem;
  border: 1px solid #e4e6eb;
  border-radius: 0.375rem;
  background: #f7f8fa;
}

.tarjeta-a1 .logo {
  grid-column: 2 / 3;
  grid-row: 1 / 3;
  display: grid;
  place-content: center;
  aspect-ratio: 1;
  padding: 0.25rem;
  background: white;
  border-radius: 50%;
  position: absolute; /* necesario para Safari */
  margin: 0 !important;
}

.tarjeta-a1 :is(.titulo, .subtitulo) {
  grid-column: 4 / 8;
  padding-block: 0.1rem; /* necesario para Safari */
  margin: 0 !important;
}

.tarjeta-a1 :is(h2, h3) {
  padding-bottom: 0;
}

.tarjeta-a1 .imagen-destacada {
  grid-column: 1 / -1;
  margin-block: 0.5rem 1rem !important;
  width: 100%;
  display: grid;
  place-content: center;
  background: linear-gradient(180deg, rgba(239, 239, 239, 1) 50%, rgba(255, 255, 255, 1) 100%);
}

.tarjeta-a1 .imagen-destacada img {
  object-fit: cover;
}

.tarjeta-a1 .marca {
  grid-column: 2 / 5;
  align-self: center;
  margin: 0 !important;
}

.tarjeta-a1 .et_pb_button_module_wrapper {
  grid-column: 6 / -2;
  display: grid;
  align-self: center;
}

/* Tipos de aparatos auditivos */

.grid-de-tarjetas-a2 {
  display: flex;
  flex-wrap: wrap;
  place-content: center;
  gap: clamp(1.25rem, 0.8979rem + 1.5023vw, 2.25rem);
  margin-top: clamp(1.5rem, 1.3239rem + 0.7512vw, 2rem);
}

.carrusel-escritorio:has(.tarjeta-a2) {
  gap: clamp(0.75rem, 0.5739rem + 0.7512vw, 1.25rem);
  padding-inline: calc((100vw - clamp(55rem, 46.9014rem + 34.554vw, 78rem)) / 2) !important;

  .et_pb_image {
    height: clamp(8rem, 6.9437rem + 4.507vw, 11rem) !important;
  }

  @media (width < 767px) {
    & {
      padding-inline: 1rem !important;
    }
  }

  .et_pb_image {
    height: clamp(8rem, 6.9437rem + 4.507vw, 11rem);
    margin-top: 0.5rem !important;
    display: grid;
    place-content: center;
  }

  .tarjeta-a2 {
    height: clamp(33rem, 29.5352rem + 10.5164vw, 39rem);

    &.bte .acronimo {
      transform: translateY(0rem);
    }

    &.ric-rite .acronimo {
      transform: translateY(-1rem);
    }

    &.ite .acronimo,
    &.itc .acronimo,
    &.cic .acronimo {
      transform: translateY(-1.5rem);
    }

    &.iic .acronimo {
      transform: translateY(-2rem);
    }
  }

  .et_pb_button_module_wrapper {
    position: absolute;
    bottom: clamp(0.75rem, 0.4859rem + 1.1268vw, 1.5rem);
  }
}

.tarjeta-a2 {
  pointer-events: none; /* temporary */
  width: 31rem !important;
  position: relative; /* para posicionar etiqueta */
  overflow: visible !important;
  border: 2px solid #cacaca;
}

.tarjeta-a2 .et_pb_image {
  padding-bottom: 0.5rem;
}

.tarjeta-a2 .acronimo {
  padding-bottom: clamp(0.5rem, 0.1479rem + 1.5023vw, 1.5rem);
  margin: 0 !important;
}

.tarjeta-a2 h2 {
  padding-bottom: 0.5rem;
}

.tarjeta-a2 h3 {
  padding-bottom: clamp(0.75rem, 0.4859rem + 1.1268vw, 1.5rem);
  line-height: 1.3em !important;
}

.tarjeta-a2 .descripcion {
  padding-bottom: 1rem;
  margin: 0 !important;
}

.tarjeta-a2 .etiqueta {
  position: absolute;
  top: clamp(2rem, 1.8239rem + 0.7512vw, 2.5rem);
  left: 0;
  padding: 0.5em !important;
  padding-right: 2em !important;
  color: #fff;
  font-family: Arial;
  font-size: 1rem;
  font-weight: 700;
  background: #405be5;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.14);
  clip-path: polygon(-16px -100%, 100% 0, calc(100% - 10px) 50%, 100% 100%, -16px 100%);
  margin: 0 !important;

  &:before,
  &:after {
    position: absolute;
    content: '';
    display: block;
  }

  &:before {
    width: 16px;
    height: 100%;
    padding-bottom: 18px;
    bottom: 0;
    left: -1rem;
    background: inherit;
    border-radius: 0.99em 0 0 0.99em;
  }

  &:after {
    width: 15px;
    height: 18px;
    background: #c9ceff;
    top: -18px;
    left: -15px;
    border-radius: 0.99em 0 0 0.99em;
    box-shadow: inset -1px 2px 2px rgba(0, 0, 0, 0.3);
  }
}

.tarjeta-a2 .et_pb_image {
  margin-bottom: 0 !important;
}

.tarjeta-a2:is(.bte, .rite) .et_pb_image {
  display: grid;
  align-content: end;
  height: clamp(8rem, 7.2958rem + 3.0047vw, 10rem);
  margin-top: clamp(0.5rem, 0.1479rem + 1.5023vw, 1.5rem);
}

.tarjeta-a2:is(.ite, .cic) .et_pb_image {
  margin-top: clamp(0.5rem, -0.0282rem + 2.2535vw, 2rem);
}

.tarjeta-a2:is(.itc, .iic) .et_pb_image {
  margin-top: clampf(0.5rem, -0.3803rem + 3.7559vw, 3rem);
}

@media (width < 981px) {
  .tarjeta-a2 {
    width: 22rem !important;
    padding-bottom: 1rem !important;
  }
}

/* Tarjeta A2A */

.et_pb_row:has(.carrusel-escritorio .tarjeta-a2a) {
  width: 100vw;
  max-width: 100vw;
}

.carrusel.et_pb_column:has(.tarjeta-a2a) {
  gap: 1.5rem !important;
  padding-inline: calc((100vw - clamp(55rem, 46.9014rem + 34.554vw, 78rem)) / 2) !important;
  @media (width < 767px) {
    & {
      padding-inline: 1rem !important;
    }
  }
}

.tarjeta-a2a {
  --image-height: 10rem;
  --card-width: 31rem !important;
  --card-height: 34rem;
  --image-offsetX: 0;
  --image-offsetY: 0;
  --acronimo-offsetX: 0;
  --acronimo-offsetY: 0;
  --image-scale: 1;
  width: var(--card-width) !important;
  position: relative; /* para posicionar etiqueta */
  overflow: visible !important;
  border: 2px solid #cacaca;
  background-color: #f8f8f8;
  border-radius: 0.88rem 0.88rem 0.88rem 0.88rem;
  border-color: #cacaca;
  padding: 2rem 1.25rem;

  .et_pb_blurb_content {
    height: var(--card-height);
  }

  .et_pb_main_blurb_image {
    margin-bottom: 0;

    img {
      height: var(--image-height);
      object-fit: contain;
      transform: scale(var(--image-scale)) translate(var(--image-offsetX), var(--image-offsetY));
      margin-bottom: 0;
    }
  }

  .et_pb_blurb_container {
    height: calc(var(--card-height) - var(--image-height) - 2rem);

    p {
      font-size: clamp(0.82rem, 0.7126rem + 0.4582vw, 1.125rem);
    }

    .et_pb_module_header {
      font-size: clamp(1.13rem, 0.9539rem + 0.7512vw, 1.63rem) !important;
      padding-top: 3rem;
      padding-bottom: 0.25rem;
    }

    .subtitulo {
      line-height: 1.3em !important;
      font-size: clamp(0.88rem, 0.8377rem + 0.1803vw, 1rem);
      color: #727272 !important;
    }

    a {
      position: absolute;
      font-size: clamp(0.93rem, 0.8173rem + 0.4808vw, 1.25rem);
      font-weight: 700;
      font-family: 'Arial';
      bottom: 0;
    }

    .acronimo {
      position: absolute;
      top: calc(var(--image-height) + 1rem);
      left: 50%;
      transform: translate(var(--acronimo-offsetX), var(--acronimo-offsetY));
      color: #6c6c6c;
      font-size: clamp(0.75rem, 0.618rem + 0.5634vw, 1.125rem);
    }

    .etiqueta {
      position: absolute;
      top: 0;
      left: -20px;
      padding: 0.5em !important;
      padding-right: 2em !important;
      color: #fff !important;
      font-family: Arial;
      font-size: 1rem !important;
      font-weight: 700;
      background: #405be5;
      box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.14);
      clip-path: polygon(-16px -100%, 100% 0, calc(100% - 10px) 50%, 100% 100%, -16px 100%);

      &:before,
      &:after {
        position: absolute;
        content: '';
        display: block;
      }

      &:before {
        width: 16px;
        height: 100%;
        padding-bottom: 18px;
        bottom: 0;
        left: -1rem;
        background: inherit;
        border-radius: 0.99em 0 0 0.99em;
      }

      &:after {
        width: 15px;
        height: 18px;
        background: #c9ceff;
        top: -18px;
        left: -15px;
        border-radius: 0.99em 0 0 0.99em;
        box-shadow: inset -1px 2px 2px rgba(0, 0, 0, 0.3);
      }
    }
  }

  @media (width < 980px) {
    & {
      --image-height: 8rem;
      --card-width: 22rem !important;
      --card-height: 31rem;
      padding: 1rem;

      .etiqueta {
        left: -18px;
      }
    }
  }
}

.tarjeta-a2a.bte .acronimo span {
  display: block;
  position: absolute;

  &:nth-child(1) {
    transform: translateX(-11rem);
  }

  &:nth-child(2) {
    transform: translateX(2rem);
  }

  @media (width< 980px) {
    &:nth-child(1) {
      transform: translate(-8.5rem, -0.5rem);
    }

    &:nth-child(2) {
      transform: translate(1.5rem, -0.5rem);
    }
  }
}

/* Modificar imagen y acronimo de tarjetas A2A */

.tarjeta-a2a.ric-rite {
  --image-scale: 0.9;
  --image-offsetX: 2rem;
  --acronimo-offsetX: -2.5rem;
  --acronimo-offsetY: -0.5rem;
  @media (width< 980px) {
    & {
      --acronimo-offsetX: -1.5rem;
      --acronimo-offsetY: -1rem;
    }
  }
}

.tarjeta-a2a.ite {
  --image-scale: 0.5;
  --acronimo-offsetX: -1rem;
  --acronimo-offsetY: -2rem;
}

.tarjeta-a2a.itc {
  --image-scale: 0.5;
  --acronimo-offsetX: -1rem;
  --acronimo-offsetY: -2rem;
}

.tarjeta-a2a.cic {
  --image-scale: 0.5;
  --image-offsetX: -4rem;
  --acronimo-offsetX: -1rem;
  --acronimo-offsetY: -2rem;
}

.tarjeta-a2a.iic {
  --acronimo-offsetX: -1rem;
  --acronimo-offsetY: -2rem;
}

.tarjeta-a2a.otc {
  --image-scale: 1.3;
  --image-offsetX: 1rem;
  --image-offsetY: 1rem;
  --acronimo-offsetX: -7rem;

  @media (width< 980px) {
    & {
      --image-offsetX: 1.5rem;
      --image-offsetY: 1.25rem;
      --acronimo-offsetX: -4.75rem;
    }
  }
}

/* Ocultar tarjetas A2A en pagina correspondiente */

body:has(.audifonos.otc) .tarjeta-a2a.otc,
body:has(.audifonos.bte) .tarjeta-a2a.bte,
body:has(.audifonos.ric-rite) .tarjeta-a2a.ric-rite,
body:has(.audifonos.itc) .tarjeta-a2a.itc,
body:has(.audifonos.cic) .tarjeta-a2a.cic,
body:has(.audifonos.ite) .tarjeta-a2a.ite,
body:has(.audifonos.iic) .tarjeta-a2a.iic {
  display: none !important;
}

/* Tarjeta A3 (tarjetas de de audifonos con boton Comprar en Amazon) */

.grid-de-6-tarjetas-a3 {
  flex-wrap: wrap; /* tarjetas A3 fueron creadas con columnas; */
  & .et_pb_column {
    width: 19.5rem !important;
  }
}

.tarjeta-a3 {
  position: relative; /* para posicionar etiqueta */
  display: grid;
  gap: 1rem;
  width: 19.5rem !important;
  margin-inline: auto;
  padding: 1rem 0.75rem 1.25rem;
  background-color: #f8f8f8;
  border: 1px solid #e0e0e0;
  border-radius: 0.88rem 0.88rem 0.88rem 0.88rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.06);
  overflow: visible;
}

.tarjeta-a3 .et_pb_main_blurb_image {
  margin-bottom: 1rem;
  background: white;
  border-radius: 0.5rem;
  height: 12rem;
  display: grid;
}

.tarjeta-a3 img {
  height: 12rem;
  object-fit: contain;
  height: 10rem;
}

.tarjeta-a3.cover img {
  height: 12rem;
  border-radius: 0.5rem;
}

.tarjeta-a3 .precio {
  color: #1e59bc !important;
  text-align: center;
  font-size: 1.25rem !important;
  padding-block: 1rem 0;
  margin-top: auto;
}

.tarjeta-a3 p:has(.et_pb_button) {
  padding-bottom: 0;
}

.tarjeta-a3 .et_pb_blurb_description {
  font-family: 'Arial', Helvetica, Arial, Lucida, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.3em;
  height: 100%; /* para que todos las tarjetas tengan la misma altura */
  display: grid;
  align-items: flex-end;
}

.et_pb_blurb_description p:first-child {
  align-self: flex-start;
}

.tarjeta-a3 .etiqueta {
  position: absolute;
  top: 0;
  left: -12px;
  padding: 0.5em !important;
  padding-right: 2em !important;
  color: #fff !important;
  font-family: Arial;
  font-size: 1rem !important;
  font-weight: 700;
  background: #405be5;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.14);
  clip-path: polygon(-16px -100%, 100% 0, calc(100% - 10px) 50%, 100% 100%, -16px 100%);
}

.tarjeta-a3 .etiqueta:before,
.tarjeta-a3 .etiqueta:after {
  position: absolute;
  content: '';
  display: block;
}

.tarjeta-a3 .etiqueta:before {
  width: 16px;
  height: 100%;
  padding-bottom: 18px;
  bottom: 0;
  left: -1rem;
  background: inherit;
  border-radius: 0.99em 0 0 0.99em;
}

.tarjeta-a3 .etiqueta:after {
  width: 15px;
  height: 18px;
  background: #c9ceff;
  top: -18px;
  left: -15px;
  border-radius: 0.99em 0 0 0.99em;
  box-shadow: inset -1px 2px 2px rgba(0, 0, 0, 0.3);
}

.tarjeta-a3 .et_pb_blurb_container {
  height: calc(100% - 13rem);
}

.tarjeta-a3.titulo-en-dos-lineas .et_pb_blurb_container {
  height: calc(100% - 13rem - 1.5rem);
}

@media (width < 981px) {
  .carrusel:has(.tarjeta-a3) {
    padding-inline: 1.5rem; /* para mostrar etiqueta completa */
  }
}

.tarjeta-a3 .et_pb_blurb_container:has(.et_pb_module_header) {
  height: calc(100% - 14.5rem); /* tarjeta A3 con titulo */
}

.tarjeta-a3.titulo-en-dos-lineas .et_pb_blurb_container:has(.et_pb_module_header) {
  height: calc(100% - 14.5rem - 1.5rem); /* tarjeta A3 con titulo */
}

.et_pb_column:has(.tarjeta-a3) .et_pb_text h5 {
  font-family: 'Poppins'; /* temporal */
}

.et_pb_column:has(.tarjeta-a3) .et_pb_text h3 {
  font-family: 'Poppins';
  color: #1e59bc !important;
  font-size: clamp(1.05rem, 1.0236rem + 0.1127vw, 1.125rem) !important;
}

.et_pb_column:has(.tarjeta-a3) .et_pb_text {
  max-width: 19.5rem; /* importante en carrusel */
}

.tarjeta-a3 .et_pb_module_header {
  /* estilos si tarjeta A3 tiene header */
  font-family: 'Poppins';

  & + .et_pb_blurb_description {
    color: #404040;
    padding-top: 1rem;
    font-size: 0.9375rem;
  }

  & + .et_pb_blurb_description li {
    color: #101010;
  }

  #page-container #main-content & + .et_pb_blurb_description a {
    color: #101010 !important;
    border-radius: 0.38rem;
    font-size: 1rem;
    font-weight: 300 !important;
    background-image: linear-gradient(180deg, #f6d993 0%, #f0c75c 100%);
    padding: 0.6em 1em 0.6em 3em !important;
    display: block;
    width: 100%;
    line-height: 1.7em !important;
    position: relative;
    text-align: center;

    &:before {
      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='16' height='16' viewBox='0 0 512.000000 512.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)' fill='%23000000' stroke='none'%3E%3Cpath d='M0 4865 l0 -255 257 -2 256 -3 436 -920 c240 -506 447 -944 460 -972 l24 -52 -180 -308 c-160 -275 -182 -319 -203 -398 -54 -211 -10 -386 131 -525 31 -31 83 -70 116 -88 123 -65 30 -62 1751 -62 l1562 0 0 255 0 255 -1488 0 c-1631 0 -1532 -4 -1532 57 0 15 51 122 112 239 l113 213 995 3 995 3 65 22 c116 40 202 109 263 211 19 31 236 422 482 867 246 446 456 819 466 830 43 49 51 132 19 218 -23 60 -67 108 -125 134 -38 17 -136 18 -1970 21 l-1931 2 -114 255 -115 255 -422 0 -423 0 0 -255z'/%3E%3Cpath d='M1380 997 c-269 -91 -416 -379 -329 -645 56 -171 224 -313 406 -344 260 -43 523 139 579 401 18 89 18 134 -5 222 -46 180 -182 321 -360 373 -81 24 -211 21 -291 -7z'/%3E%3Cpath d='M3940 997 c-269 -91 -416 -379 -329 -645 56 -171 224 -313 406 -344 260 -43 523 139 579 401 18 89 18 134 -5 222 -46 180 -182 321 -360 373 -81 24 -211 21 -291 -7z'/%3E%3C/g%3E%3C/svg%3E") !important;
      opacity: 1;
      position: absolute;
      display: inline-block;
      top: 50%;
      transform: translateY(-45%);
      font-size: unset;
      margin-left: -2em;
    }
  }
}

/* Tarjeta A3A (tarjetas de de audifonos con boton Comprar en Amazon) */

.tarjeta-a3a {
  position: relative; /* para posicionar etiqueta */
  display: grid;
  gap: 1rem;
  width: min(24.25rem, 100%) !important;
  margin-inline: auto;
  padding: 1rem 1rem 1.25rem;
  background-color: #f8f8f8;
  border: 1px solid #e0e0e0;
  border-radius: 0.88rem 0.88rem 0.88rem 0.88rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.06);
  overflow: visible;

  & .et_pb_main_blurb_image {
    margin-bottom: 1rem;
    border-radius: 0.5rem;
    height: 15rem;
    display: grid;
    & img {
      height: 15rem;
      object-fit: contain;
    }
  }

  & .et_pb_module_header {
    font-size: 1.13rem !important;
  }

  & .precio {
    color: #1e59bc !important;
    font-size: 1.5rem !important;
    font-weight: 600;
  }

  & .et_pb_blurb_description {
    font-size: 0.75rem;
    text-align: justify;
    line-height: 1.55em;
    height: 100%; /* para que todos las tarjetas tengan la misma altura */
    display: grid;
    align-items: flex-end;

    & .subtitulo {
      font-family: 'Arial';
      font-weight: 700;
      color: #727272;
      font-size: 0.75rem !important;
    }

    & div:has(.precio) {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-block: 2rem 1rem;
      margin-inline: 2.5rem 1.5rem;
    }

    & p:has(.logo) {
      margin-top: 0 !important;

      & .logo {
        transform: translateY(-0.125rem);
      }
    }

    & p:has(.et_pb_button.boton-amarillo-con-carrito) {
      display: inline-block;
      margin-inline: 1.5rem;
      padding-bottom: 0;
      & a {
        font-size: 0.93rem !important;
      }
    }
  }

  & .etiqueta {
    position: absolute;
    top: 0;
    left: -12px;
    padding: 0.5em !important;
    padding-right: 2em !important;
    color: #fff !important;
    font-family: Arial;
    font-size: 1rem !important;
    font-weight: 700;
    background: #405be5;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.14);
    clip-path: polygon(-16px -100%, 100% 0, calc(100% - 10px) 50%, 100% 100%, -16px 100%);

    &:after,
    &:before {
      position: absolute;
      content: '';
      display: block;
    }

    &:before {
      width: 16px;
      height: 100%;
      padding-bottom: 18px;
      bottom: 0;
      left: -1rem;
      background: inherit;
      border-radius: 0.99em 0 0 0.99em;
    }

    &:after {
      width: 15px;
      height: 18px;
      background: #c9ceff;
      top: -18px;
      left: -15px;
      border-radius: 0.99em 0 0 0.99em;
      box-shadow: inset -1px 2px 2px rgba(0, 0, 0, 0.3);
    }
  }

  & .et_pb_blurb_container {
    height: calc(100% - 15rem); /* para alinear tarjetas (boton, precio y lgoo al final de la tarjeta) */

    &:has(.et_pb_module_header) {
      height: calc(100% - 17.5rem); /* tarjeta A3 con titulo */
    }
  }
}

.grid-de-6-tarjetas-a3a {
  flex-wrap: wrap; /* tarjetas A3A que hayan sido creadas con columnas; */
  & .et_pb_column {
    width: 24.25rem !important;
  }
}

.et_pb_column:has(.tarjeta-a3a) {
  & .et_pb_text {
    max-width: 24.25rem; /* importante en carrusel */

    & h3 {
      font-family: 'Poppins';
      color: #1e59bc !important;
      font-size: clamp(1.05rem, 1.0236rem + 0.1127vw, 1.125rem) !important;
    }
  }
}

@media (width < 981px) {
  .carrusel:has(.tarjeta-a3a) {
    & {
      padding-inline: 1.5rem; /* para mostrar etiqueta completa */
      gap: 1rem !important;
    }

    & .tarjeta-a3a {
      width: 20rem; /* para mostrar etiqueta completa */

      & .et_pb_blurb_description {
        & div:has(.precio) {
          padding-block: 1rem 0.5rem;
          margin-inline: 1rem 0rem;
        }

        & p:has(.et_pb_button.boton-amarillo-con-carrito) {
          margin-inline: 0rem;

          & a {
            font-size: 0.85rem !important;
          }
        }
      }
    }
  }
}

/* Tarjeta A4 (tarjeta de audifono con calificacion y comentarios) */

.grid-de-tarjetas-a4 .et_pb_column {
  display: flex !important;
  gap: 1rem;
}

.tarjeta-a4 {
  flex-shrink: 0;
}

.tarjeta-a4 .subtitulo {
  margin-top: 1rem;
  line-height: normal;
}

.tarjeta-a4 :is(.calificacion, .icono-info) {
  border-radius: 0.1875rem 0.1875rem 0.1875rem 0rem;
  background: #013b94;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
  padding: 0.5rem 0.2rem;
  min-width: 1.8rem;
  text-align: center;
}

.tarjeta-a4 .comentarios {
  display: inline-block;
  padding-left: 0.8rem;
}

.tarjeta-a4 .link {
  display: inline-block;
  padding-left: 0.8rem;
  font-weight: 600;
  color: #1e59bc;
}

.tarjeta-a4 .et_pb_main_blurb_image {
  margin-bottom: 1.25rem;
}

.tarjeta-a4 .et_pb_blurb_container {
  padding: 0 0.75rem 2rem;
}

.tarjeta-a4 :is(h3, p) {
  padding-bottom: 0;
}

.tarjeta-a4 img {
  height: 15rem;
  object-fit: cover;
}

.tarjeta-a4 .calificacion.olive {
  background: #948e01;
}

.tarjeta-a4 .calificacion.verde {
  background: #019419;
}

/* Grid de audifonos segun gama */

.tarjeta-a5 .et_pb_blurb_description {
  padding: 1.25rem 0.94rem;
}

.tarjeta-a5 .et_pb_main_blurb_image {
  margin-bottom: 0;
  box-shadow: 0px 0px 25px 0px rgba(30, 89, 188, 0.13) inset;
  height: 11rem;
  display: grid;
}

.tarjeta-a5 .et_pb_main_blurb_image img {
  mix-blend-mode: multiply;
  object-fit: contain;
}

.tarjeta-a5 h2 {
  color: #3c3d38;
  text-align: center;
  font-size: 1.125rem;
}

.tarjeta-a5 h2 strong {
  color: #101010;
  display: inline-block;
  font-family: Poppins;
  font-size: 1.5rem;
  font-weight: 600;
}

.tarjeta-a5 .desde {
  text-align: center;
  padding-block: 0.25rem 0.5rem;
}

.tarjeta-a5 .precio {
  color: #1e59bc !important;
  font-size: 1.25rem;
  font-weight: 600;
}

.tarjeta-a5 ul {
  list-style: none;
  padding: 0;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 155%;
  padding-top: 1rem;
}

.tarjeta-a5 ul li {
  padding-left: 2rem;
}

.tarjeta-a5 ul li.marca-de-verificacion::before {
  position: absolute;
  left: 1rem;
}

.tarjeta-a5 ul li:not(:last-of-type) {
  padding-bottom: 0.5rem;
}

/* Tarjeta de empresa grande de audifono  */

.tarjeta-a6 {
  display: flex !important;
  flex-direction: column;
}

.tarjeta-a6 .et_pb_column {
  width: 100% !important;
  margin-right: 0 !important;
}

.tarjeta-a6 .et_pb_column:not(:last-of-type) {
  margin-bottom: 1.5rem !important;
}

.tarjeta-a6 .et_pb_text:has(.marca) {
  margin: 0 !important;
}

.tarjeta-a6 .ubicacion {
  color: #727272;
  font-family: Arial;
  font-size: 1rem;
  font-weight: 700;
  padding: 0;
}

.tarjeta-a6 .calificacion {
  margin-bottom: 1rem;
}

.tarjeta-a6 .logo {
  margin-top: 0 !important;
}

.tarjeta-a6 .modelos-populares {
  display: flex;
}

.tarjeta-a6 .modelos-populares .et_pb_main_blurb_image {
  display: grid;
  place-content: center;
  margin-bottom: 1rem;
}

.tarjeta-a6 .modelos-populares .et_pb_main_blurb_image img {
  height: clamp(5rem, 3.9437rem + 4.507vw, 8rem);
  object-fit: contain;
}

.tarjeta-a6 .et_pb_button_module_wrapper {
  margin-top: 0 !important;
}

@media (width < 768px) {
  .tarjeta-a6 .modelos-populares {
    flex-direction: column;
    gap: 1rem;
  }
}

/* Tarjeta de aparato auditivo en dos columnas */

.tarjeta-a7 .et_pb_image_wrap img {
  mix-blend-mode: multiply;
  object-fit: cover;
}

.tarjeta-a7 h3 {
  text-decoration-thickness: 0.15rem !important;
  text-underline-position: unset;
}

.tarjeta-a7 .descripcion ul {
  padding-bottom: 0;
}

.tarjeta-a7 .descripcion .caracteristicas {
  display: inline-block;
  padding-block: 1rem 0.5rem;
}

@media (width < 768px) {
  .tarjeta-a7 .precio,
  .tarjeta-a7 .et_pb_button_module_wrapper {
    position: relative;
    top: 5.25rem;
  }

  .tarjeta-a7 .titulo,
  .tarjeta-a7 .subtitulo {
    position: relative;
    top: -5rem;
  }

  .tarjeta-a7 .titulo.titulo-en-dos-lineas,
  .tarjeta-a7 .titulo.titulo-en-dos-lineas + .subtitulo {
    position: relative;
    top: -6rem;
  }
}

/* Tarjeta pequena de audifono con boton amarillo */

.tarjeta-a7a {
  border-radius: 0.875rem;
  border: 2px solid #cacaca;
  background: #f8f8f8;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.06);
  padding: 1.75rem 2rem 2rem;
}

.tarjeta-a7a .et_pb_text_inner {
  display: grid !important;
  grid-template-columns: 11rem 1fr;
  gap: 2rem;
}

.tarjeta-a7a .imagen {
  background: #f8f8f8;
}

.tarjeta-a7a .imagen img {
  mix-blend-mode: multiply;
  height: 12rem;
  object-fit: contain;
}

.tarjeta-a7a .titulo {
  font-size: 1.1875rem;
  line-height: normal;
  padding-bottom: 0.5rem;
}

.tarjeta-a7a .subtitulo {
  color: #727272;
  font-size: 0.75rem;
  line-height: normal;
  padding-bottom: 0.75rem;
}

.tarjeta-a7a .link {
  color: #1e59bc;
  font-family: Arial;
  font-size: 0.9rem;
  line-height: normal;
  text-decoration-line: underline;
  text-underline-position: unset;
  padding-bottom: 1rem;
}

.tarjeta-a7a .precio {
  color: #1e59bc;
  font-size: 1rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tarjeta-a7a .et_pb_button {
  font-size: 0.8125rem !important;
  min-width: 100% !important;
}

.tarjeta-a7a .descripcion .caracteristicas {
  display: inline-block;
  padding-block: 0 1rem;
}

.tarjeta-a7a .descripcion ul {
  padding-bottom: 0;
  line-height: 163%;
}

@media (width < 768px) {
  .tarjeta-a7a {
    padding: 1.5rem 1rem 1.75rem;
    padding-bottom: 1.75rem;
  }

  .tarjeta-a7a .et_pb_text_inner {
    display: block !important;
  }

  .tarjeta-a7a .imagen {
    height: 10rem;
    margin-bottom: 2rem;
  }

  .tarjeta-a7a .imagen img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 10rem;
    margin-bottom: 0;
  }

  .tarjeta-a7a .precio {
    justify-content: space-around;
    margin-inline: auto;
    font-size: 1.25rem;
    padding: 0.25rem;
  }

  .tarjeta-a7a .precio,
  .tarjeta-a7a .et_pb_button {
    position: relative;
    top: 3rem;
    max-width: 80%;
  }

  .tarjeta-a7a .et_pb_button {
    min-width: 80% !important;
    display: block;
    margin-inline: auto !important;
  }

  .tarjeta-a7a .titulo,
  .tarjeta-a7a .subtitulo {
    position: relative;
    top: -7rem;
    text-align: center;
  }

  .tarjeta-a7a .link {
    margin-top: 1.5rem;
  }

  .tarjeta-a7a.titulo-en-dos-lineas .titulo,
  .tarjeta-a7a.titulo-en-dos-lineas .titulo + .subtitulo {
    position: relative;
    top: -5.5rem;
  }

  .tarjeta-a7a.titulo-en-dos-lineas .precio,
  .tarjeta-a7a.titulo-en-dos-lineas .et_pb_button {
    position: relative;
    top: 4.75rem;
  }

  .tarjeta-a7a .et_pb_button {
    font-size: 1rem !important;
  }
}

/* Tarjeta de audifono en dos columnas con boton derecho */

.tarjeta-a8 {
  border: 2px solid #cacaca;
}

.tarjeta-a8 .et_pb_image_wrap img {
  mix-blend-mode: multiply;
  object-fit: contain;
}

.tarjeta-a8 h3 {
  text-decoration-thickness: 0.15rem !important;
  text-underline-position: unset;
}

.tarjeta-a8 .descripcion ul {
  margin-top: clamp(0.5rem, 0.3239rem + 0.7512vw, 1rem);
  padding-bottom: 0;
}

.tarjeta-a8 .descripcion .caracteristicas {
  display: inline-block;
  padding-block: 1rem 0.5rem;
}

.tarjeta-a8 .descripcion p:has(.caracteristicas) .caracteristicas {
  padding-top: 0;
}

.tarjeta-a8 .precio,
.tarjeta-a8 .et_pb_button_module_wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
}

.tarjeta-a8 .precio {
  bottom: 3.25rem;
  width: 15rem;
}

.tarjeta-a8 .precio {
  width: 15rem;

  & img {
    margin-left: 1rem;
    vertical-align: unset;
    padding-inline: 0;
  }
}

.tarjeta-a8 .et_pb_button {
  width: 15rem;
}

@media (width < 768px) {
  .tarjeta-a8 .precio,
  .tarjeta-a8 .et_pb_button_module_wrapper {
    position: relative;
    top: 0;
  }

  .tarjeta-a8 .precio {
    width: unset;
  }

  .tarjeta-a8 .et_pb_button {
    width: 80%;
  }
}

/* Tarjeta A9 */

.tarjeta-a9 {
  background: #fafafa;
  border-radius: 0.88rem 0.88rem 0.88rem 0.88rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-top: 1px solid rgba(0, 0, 0, 0.0625);

  & .et_pb_column:nth-child(1) {
    width: 38% !important;
    margin-right: 5% !important;
  }

  & .et_pb_column:nth-child(2) {
    width: 57% !important;
  }

  & .titulo h2 {
    font-size: clamp(1.25rem, 0.8099rem + 1.8779vw, 2.5rem) !important;
    text-align: center;
  }

  & .et_pb_image {
    text-align: center;

    & .et_pb_image_wrap {
      background: #fafafa;
    }

    & img {
      mix-blend-mode: multiply;
      object-fit: contain;
      height: 23rem;
    }
  }

  & .et_pb_button {
    width: 100%;
  }

  & .descripcion {
    margin-top: 0.4rem !important;
    font-size: clamp(0.87rem, 0.7802rem + 0.3831vw, 1.125rem);

    & .caracteristicas {
      border-top: 1px solid #dfdfdf;
      margin-top: 1rem !important;
      padding-top: 0.75rem;
    }

    & h3 {
      font-size: clamp(1rem, 0.6479rem + 1.5023vw, 2rem) !important;
    }

    & ul.lista-con-emoticones {
      margin-bottom: 0rem !important;
      padding-left: 1rem;

      & li:before {
        left: -1rem;
        font-size: clamp(0.875rem, 0.787rem + 0.3756vw, 1.125rem);
      }
    }
  }

  @media (width < 768px) {
    & .et_pb_column:nth-child(1) {
      width: 100% !important;
      margin-right: 0% !important;
    }

    & .et_pb_column:nth-child(2) {
      width: 100% !important;
    }

    & .et_pb_image .et_pb_image_wrap img {
      height: 10rem;
    }

    & .titulo h2 {
      text-align: center;
    }

    & .et_pb_button {
      margin-top: 1rem;
    }

    & .descripcion {
      margin-top: 1.75rem !important;
      line-height: 150% !important;

      & .caracteristicas {
        border-top: 0 solid #dfdfdf;
        margin-top: 1.25rem !important;
        padding-top: 0;
      }

      & ul.lista-con-emoticones li {
        padding-left: 0.5rem !important;
        margin-bottom: 1rem !important;
        line-height: 150% !important;
      }
    }
  }
}

#page-container #main-content .tarjeta-a9 .et_pb_button.boton-amarillo-con-carrito,
#page-container #main-content .tarjeta-a9 .et_pb_button.boton-amarillo-con-carrito:hover {
  font-weight: 600 !important;
  font-size: clamp(1rem, 0.956rem + 0.1878vw, 1.125rem) !important;
}

/* Tarjetas grises con icono */

.grid-de-tarjetas-b1 {
  display: flex;
  flex-wrap: wrap;
  place-content: center;
  gap: clamp(0.625rem, 0.1408rem + 2.0657vw, 2rem);
}

.tarjeta-b1 {
  padding: clamp(0.6rem, 0.3887rem + 0.9014vw, 1.2rem) clamp(0.3rem, -0.0169rem + 1.3521vw, 1.2rem) clamp(1rem, 0.8239rem + 0.7512vw, 1.5rem);
}

.tarjeta-b1 .et_pb_main_blurb_image {
  margin-bottom: clamp(0.6rem, 0.3711rem + 0.9765vw, 1.25rem) !important; /* sobreescribir en página de archivo  */
}

.tarjeta-b1 img {
  height: clamp(2.6rem, 1.7549rem + 3.6056vw, 5rem);
  object-fit: contain;
}

.tarjeta-b1 h2 {
  padding-bottom: clamp(0.5rem, 0.3239rem + 0.7512vw, 1rem);
}

@media (980px < width <1300px) {
  .seccion-con-menu-flotante .tarjeta-b1 .et_pb_blurb {
    width: 20rem !important;
    font-size: 1rem;
  }

  .seccion-con-menu-flotante .tarjeta-b1 h2 {
    font-size: 1rem !important;
  }
}

/* Tarjetas B1a */

.grid-de-tarjetas-b2 {
  display: flex;
  flex-wrap: wrap;
  place-content: center;
  gap: clamp(0.625rem, 0.1408rem + 2.0657vw, 2rem);
}

.tarjeta-b2 {
  padding: clamp(0.6rem, 0.3887rem + 0.9014vw, 1.2rem) clamp(0.3rem, -0.0169rem + 1.3521vw, 1.2rem) clamp(1rem, 0.8239rem + 0.7512vw, 1.5rem);
  background-size: 110%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.12);
  aspect-ratio: 23.5/17;
  border-radius: 2rem !important;
}

.tarjeta-b2:before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #f7f8fa 20%, rgba(0, 0, 0, 30%) 20%);
}

.tarjeta-b2 .et_pb_main_blurb_image {
  position: absolute;
  top: 0;
  left: -0.25rem;
}

.tarjeta-b2 img {
  width: 3rem;
  height: 3rem;
  object-fit: contain;
}

.tarjeta-b2 .et_pb_blurb_content {
  height: 100%;
}

.tarjeta-b2 .et_pb_blurb_container {
  padding-left: 22%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.tarjeta-b2 .et_pb_blurb_description {
  display: inline-block;
  border-radius: 3.125rem;
  border: 1.5px solid #fff;
  padding: clamp(0rem, -0.1761rem + 0.7512vw, 0.5rem) clamp(0.5rem, 0.412rem + 0.3756vw, 0.75rem);
  align-self: self-start;
}

@media (980px < width <1300px) {
  .seccion-con-menu-flotante .tarjeta-b2 .et_pb_blurb {
    width: 20rem !important;
    font-size: 1rem;
  }

  .seccion-con-menu-flotante .tarjeta-b2 h2 {
    font-size: 1rem !important;
  }
}

@media (width < 980px) {
  .grid-de-tarjetas-b2 {
    flex-wrap: unset;
    place-content: unset;
  }
}

@media (width < 768px) {
  .tarjeta-b2 {
    border-radius: 1.25rem !important;
    border-bottom: 0.1px solid hsl(0deg 0% 90% / 90%) !important;
  }

  .tarjeta-b2 .et_pb_main_blurb_image {
    left: 0.25rem;
  }

  .tarjeta-b2 img {
    width: 2rem;
    height: 2rem;
  }
}

/* Consejos */

.grid-de-tarjetas-c1 {
  display: flex;
  flex-wrap: wrap;
  place-content: center;
  gap: clamp(1.25rem, 0.8979rem + 1.5023vw, 2.25rem);
}

.tarjeta-c1 .et_pb_main_blurb_image {
  margin-bottom: clamp(0.625rem, 0.581rem + 0.1878vw, 0.75rem);
}

.tarjeta-c1 img {
  height: 10.5rem;
  border-radius: 0.4rem;
  object-fit: cover;
}

.tarjeta-c1 .et_pb_blurb {
  position: relative;
}

.tarjeta-c1 .titulo-sobre-imagen {
  position: absolute;
  top: 1rem;
  left: 12rem;
}

.tarjeta-c1 h3 {
  padding-bottom: 0;
}

.carrusel-escritorio:has(.tarjeta-c1) {
  padding-right: clamp(1rem, 0.6479rem + 1.5023vw, 2rem);
}

/* Tarjeta D1 (Tipo Articulo) */

.et_pb_column:has(.tarjeta-d1) {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  justify-content: space-between;
}

.tarjeta-d1 {
  line-height: 161.49%; /* 1.81675rem */
  width: 21.5rem;
  flex-shrink: 0;
}

.tarjeta-d1 .et_pb_main_blurb_image {
  width: 100%;
  height: 20rem;
  margin-bottom: 1rem;
}

.tarjeta-d1 .et_pb_main_blurb_image img {
  width: 100%;
  height: 20rem;
  object-fit: cover;
  border-radius: 0.375rem;
}

.tarjeta-d1 h3 {
  margin-bottom: 0.5rem;
}

.tarjeta-d1 h4.subtitulo {
  color: #909090 !important;
  font-size: clamp(1.12rem, 1.0365rem + 0.3561vw, 1.357rem);
  line-height: 160%; /* 2.2rem */
}

.tarjeta-d1 a {
  font-weight: 600;
  text-decoration-line: underline;
}

.tarjeta-d1 p:last-of-type a {
  display: inline-block;
  text-align: left;
}

.tarjeta-d1 ul:has(li.marca-de-verificacion) {
  list-style: none;
  padding-left: 0;
  margin-top: 1.5rem;
}

.tarjeta-d1 li.marca-de-verificacion {
  margin-bottom: 0.75rem;
}

.tarjeta-d1 li.marca-de-verificacion:last-child {
  margin-bottom: 0;
}

.tarjeta-d1 .etiqueta {
  position: absolute;
  top: 0.75em;
  left: 0.75em;
  margin: 0 !important;
}

.tarjeta-d1 .etiqueta:before {
  content: '';
  background-size: 3.75rem 3.75rem;
  display: inline-block;
  width: 3.75rem;
  height: 3.75rem;
}

.tarjeta-d1 .etiqueta.marca-de-cruz:before {
  background-image: url('https://audifonos.net/wp-content/uploads/2024/01/etiqueta-de-marca-de-cruz.webp');
}

.tarjeta-d1 .etiqueta.marca-de-verificacion:before {
  background-image: url('https://audifonos.net/wp-content/uploads/2024/01/etiqueta-de-marca-de-verificacion.webp');
}

.tarjeta-d1 ul.lista-con-emoticones {
  padding-bottom: 0;

  li {
    padding-left: 1.25rem !important;
    margin-top: 1rem;
    margin-bottom: 1rem !important;
    line-height: 150% !important;
    list-style: none;
    text-align: left;
    position: relative;
  }

  &:before {
    position: absolute;
    top: 50% !important;
    transform: translateY(-75%);
    font-size: clamp(1.5rem, 1.3239rem + 0.7512vw, 2rem);
  }
}

@media (width < 1200px) {
  .tarjeta-d1 {
    flex-shrink: 0;
    margin-inline: auto;
  }

  .tarjeta-d1 a {
    margin-top: 0 !important;
  }
}

@media (width < 768px) {
  .tarjeta-d1 {
    width: min(21.5rem, 100%) !important;
  }

  .et_pb_column:has(.tarjeta-d1) {
    gap: 3rem !important;
  }
}

/* Tarjeta D1A (Tipo Articulo con Icono) */

.tarjeta-d1a {
  line-height: 161.49%; /* 1.81675rem */
  width: 24rem;
  flex-shrink: 0;

  .et_pb_column:has(&) {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 1rem;
    justify-content: space-between;
  }

  .et_pb_main_blurb_image {
    width: 100%;
    height: 20rem;
    margin-bottom: 1rem;

    img {
      width: 100%;
      height: 20rem;
      object-fit: contain;
      border-radius: 0.375rem;
    }
  }

  h3 {
    margin-bottom: 1rem;
    text-align: center;
  }

  h4.subtitulo {
    color: #909090 !important;
    font-size: clamp(1.12rem, 1.0365rem + 0.3561vw, 1.357rem);
    line-height: 160%; /* 2.2rem */
  }

  a {
    font-weight: 600;
    text-decoration-line: underline;
  }

  p:last-of-type a {
    display: inline-block;
    text-align: left;
  }

  ul:has(li.marca-de-verificacion) {
    list-style: none;
    padding-left: 0;
    margin-top: 1.5rem;

    li.marca-de-verificacion {
      margin-bottom: 0.75rem;

      &:last-child {
        margin-bottom: 0;
      }
    }
  }

  .etiqueta {
    position: absolute;
    top: 0.75em;
    left: 0.75em;
    margin: 0 !important;

    &:before {
      content: '';
      background-size: 3.75rem 3.75rem;
      display: inline-block;
      width: 3.75rem;
      height: 3.75rem;
    }

    &.marca-de-cruz:before {
      background-image: url('https://audifonos.net/wp-content/uploads/2024/01/etiqueta-de-marca-de-cruz.webp');
    }

    &.marca-de-verificacion:before {
      background-image: url('https://audifonos.net/wp-content/uploads/2024/01/etiqueta-de-marca-de-verificacion.webp');
    }
  }

  ul.lista-con-emoticones li {
    padding-left: 1.25rem !important;
    margin-top: 1rem;
    margin-bottom: 1rem !important;
    line-height: 150% !important;
    list-style: none;
    text-align: left;
    position: relative;

    &:before {
      position: absolute;
      top: 50% !important;
      transform: translateY(-75%);
      font-size: clamp(1.5rem, 1.3239rem + 0.7512vw, 2rem);
    }
  }
}

@media (width < 1200px) {
  .tarjeta-d1a {
    flex-shrink: 0;
    margin-inline: auto;
  }

  .tarjeta-d1a a {
    margin-top: 0 !important;
  }
}

@media (width < 768px) {
  .tarjeta-d1a {
    width: min(21.5rem, 100%) !important;

    .et_pb_column:has(&) {
      gap: 3rem !important;
    }

    .et_pb_main_blurb_image {
      width: 50%;
      height: 10rem;

      img {
        height: 10rem;
      }
    }
  }
}

/* Tarjeta D2 */

.tarjeta-d2 {
  margin-block: clamp(3rem, 2.2958rem + 3.0047vw, 5rem);
}

.tarjeta-d2 .et_pb_main_blurb_image {
  width: 20rem;
  margin-bottom: 1rem;
}

.tarjeta-d2 h3 {
  margin-bottom: 1rem;
}

.tarjeta-d2 p:last-of-type a {
  font-weight: 600;
  text-decoration-line: underline;
  display: block;
  margin: clamp(1rem, 0.8239rem + 0.7512vw, 1.5rem) auto !important;
}

@media (width > 768px) {
  .tarjeta-d2 p:last-of-type a {
    text-align: center;
  }
}

/* Tarjeta D3 */

.et_pb_column:has(.tarjeta-d3) {
  display: flex !important;
  flex-direction: column;
  gap: 1.25rem;
}

.tarjeta-d3 {
  background: #fff;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.09);
  padding: 2rem;
  border-radius: 1.5rem;
  margin-top: 0 !important;
}

@media (width < 980px) {
  .et_pb_column:has(.tarjeta-d3) {
    flex-direction: row;
    gap: 0.5rem;
  }
  .tarjeta-d3 {
    width: 22rem;
    flex-shrink: 0;
    padding: 1.5rem 1rem;
  }
  .tarjeta-d3 h4 span {
    margin-top: 0.25rem;
    display: block;
  }
}

/* Tarjeta D4 */

.tarjeta-d4 {
  & h3 {
    background: #f3f3f3;
    padding: 1rem clamp(1.1rem, 0.6599rem + 1.8779vw, 2.35rem);
  }

  & p {
    padding-inline: clamp(1.1rem, 0.6599rem + 1.8779vw, 2.35rem);
    margin-top: 1em;
  }

  & a {
    font-weight: 500 !important;
  }

  @media (width < 981px) {
    & a {
      display: block;
      font-weight: 500 !important;
    }
  }
}

/* Tarjeta D4A (caja con links de mejores audifonos) */

.tarjeta-d4a {
  & h3 {
    background: #f3f3f3;
    padding: 1rem clamp(1.1rem, 0.6599rem + 1.8779vw, 2.35rem);
  }

  & p {
    padding-inline: clamp(1.1rem, 0.6599rem + 1.8779vw, 2.35rem);
    font-weight: 500;
  }

  & a {
    font-weight: 500 !important;
  }

  @media (width < 981px) {
    & a {
      display: block;
      font-weight: 500 !important;
    }
  }
}

/* Tarjeta E1 */

.et_pb_column:has(.tarjeta-e1) {
  counter-reset: lista-de-tarjetas;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 1.3239rem + 0.7512vw, 2rem) 1.25rem;
}

.tarjeta-e1 {
  width: 27rem;
  border: 1px solid #f0f0f0;
  border-radius: 1rem;
  padding: 1.25rem 2.25rem 2rem;
  line-height: 155%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.12);
  margin-top: 0 !important;
  margin-inline: auto;
  flex-shrink: 0;
}

.tarjeta-e1 .titulo {
  font-size: clamp(0.95rem, 0.8613rem + 0.293vw, 1.125rem) !important;
  color: #3c3d38;
  position: relative;
  padding-left: 2.5rem;
}

.tarjeta-e1:nth-child(n + 2) :is(.titulo, .subtitulo) {
  padding-left: 3.5rem;
}

.tarjeta-e1 .titulo:before {
  counter-increment: lista-de-tarjetas;
  content: counter(lista-de-tarjetas);
  position: absolute;
  left: 0;
  top: 0;
  color: #1e59bc;
  font-size: clamp(2rem, 1.2958rem + 3.0047vw, 4rem);
  font-family: Poppins;
  transform: translateY(1rem);
  font-weight: 600;
}

.tarjeta-e1 .subtitulo {
  font-size: clamp(1.125rem, 0.993rem + 0.5634vw, 1.5rem) !important;
  margin-top: 0.25rem;
  padding-left: 2.5rem;
}

.tarjeta-e1 p:before {
  content: url('https://audifonos.net/wp-content/uploads/2023/10/marca-de-verificacion.svg');
  display: inline-block;
  padding-right: clamp(0.5rem, 0.412rem + 0.3756vw, 0.75rem);
  position: absolute;
  left: -1rem;
  transform: translateY(10%);
}

.tarjeta-e1 p {
  padding-left: 1rem;
  font-size: 0.93rem;
}

@media (width < 980px) {
  .et_pb_column:has(.tarjeta-e1) {
    gap: 0.5rem;
  }

  .tarjeta-e1 {
    width: 22rem;
    padding: 1.25rem 1.5rem;
  }
}

/* Tarjeta E2 */

.et_pb_column:has(.tarjeta-e2) {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 1.3239rem + 0.7512vw, 2rem) 1.25rem;
}

.tarjeta-e2 {
  width: 25rem;
  border: 1px solid #f0f0f0;
  border-radius: 1rem;
  padding: 1.25rem 1.5rem 2rem;
  line-height: 155%;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.12);
  margin-top: 0 !important;
  margin-inline: 0;
  flex-shrink: 0;
}

.tarjeta-e2 .icono {
  width: 3.75rem;
  height: 3.25rem;
  object-fit: contain;
  position: absolute;
  left: -1rem;
}

.tarjeta-e2 .titulo {
  font-size: clamp(0.95rem, 0.8613rem + 0.293vw, 1.125rem) !important;
  color: #3c3d38;
  position: relative;
  padding-left: 3.5rem;
  margin-top: 0 !important;

  & span {
    display: block;
    font-size: clamp(1.125rem, 0.993rem + 0.5634vw, 1.5rem) !important;
    margin-top: 0.25rem;
    color: #101010;
  }
}

.tarjeta-e2:nth-child(n + 2) :is(.titulo, .subtitulo) {
  padding-left: 3.5rem;
}

.tarjeta-e2 p:not(:has(.icono)):before {
  content: url('https://audifonos.net/wp-content/uploads/2023/10/marca-de-verificacion.svg');
  display: inline-block;
  padding-right: clamp(0.5rem, 0.412rem + 0.3756vw, 0.75rem);
  position: absolute;
  left: -1rem;
  transform: translateY(10%);
}

.tarjeta-e2 p:not(:has(.icono)) {
  padding-left: 1rem;
  font-size: 0.93rem;
  line-height: 155%;
  font-weight: 500;
}

.tarjeta-e2 p:empty:before {
  content: none; /* in case Divi editor insert empty paragraph */
}

@media (width < 980px) {
  .et_pb_column:has(.tarjeta-e2) {
    gap: 0.5rem;
  }

  .tarjeta-e2 {
    width: 22rem;
    padding: 1.25rem 1.5rem;
  }
}

/* Tarjeta D5 */

#et-boc .et_pb_row.tarjeta-d5 {
  background: #fafafa;
  border-radius: 2.3rem;
  padding: 0.5rem 2rem 0.25rem 0.25rem !important;
  border: 2px solid #ececec;

  .et_pb_column:nth-child(1) {
    width: 24% !important;
    margin-right: 3.5% !important;
    margin-bottom: 0 !important;
  }

  .et_pb_column:nth-child(2) {
    padding-block: 1rem;
    width: 72.5% !important;
  }

  h3 + h3 {
    margin-top: 2rem;
  }

  h3 a {
    text-decoration: none !important;
  }

  p {
    margin-top: 0.5em;
  }

  @media (width < 980px) {
    & {
      padding-inline: 0 !important;
    }
    .et_pb_column:nth-child(1) {
      width: 100% !important;
      margin-right: 0% !important;
      padding-inline: 0.25rem !important;
    }

    .et_pb_column:nth-child(2) {
      padding-bottom: 1rem;
      padding-inline: 0.75rem !important;
      width: 100% !important;
    }

    p {
      font-size: 0.88rem;
    }
  }
}

/* Tarjeta D5A */

#et-boc .et_pb_row.tarjeta-d5a {
  background: #fafafa;
  border-radius: 2.3rem 2.3rem 0 0;
  padding: 2rem 2.5rem 2rem 0.25rem !important;
  border: 2px solid #ececec;
  border-bottom: 0;
  position: relative;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.12);

  & + .tarjeta-d5a {
    margin-top: 0 !important;
    border-top: 0;
    border-radius: 0;

    &:before {
      content: '';
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      height: 1px;
      width: 90%;
      border-top: 1px solid #dfdfdf;
    }

    & + .tarjeta-d5a {
      border-radius: 0 0 2.3rem 2.3rem;
      border-bottom: 2px solid #ececec;
    }
  }

  ul {
    margin-top: clamp(1rem, 0.6479rem + 1.5023vw, 2rem);
  }

  .et_pb_column:nth-child(1) {
    width: 22% !important;
    margin-right: 3% !important;
    margin-bottom: 0 !important;
  }

  .et_pb_column:nth-child(2) {
    padding-block: 1rem;
    width: 75% !important;
  }

  a {
    text-decoration: none;
  }

  @media (width < 980px) {
    & {
      padding-block: 1rem !important;
      padding-inline: 0 !important;
    }
    .et_pb_column:nth-child(1) {
      width: 100% !important;
      margin-right: 0% !important;
      padding-inline: 0.25rem !important;
    }

    .et_pb_column:nth-child(2) {
      padding-bottom: 1rem;
      padding-inline: 0.75rem !important;
      width: 100% !important;
    }

    img {
      max-height: 12rem;
    }

    :is(p, li) {
      font-size: 0.88rem;
    }
  }
}