-/* =====================================================================
 *  submission-custom.css   ·   v4.6   ·   06-ago-2025
 * ===================================================================== */

/* 1 — CONTENEDOR GRID ------------------------------------------------ */
body .rz-submission-types{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;
  gap:32px!important;
  padding:42px 22px!important;
  margin:0 auto!important;
  max-width:1200px!important;
}

/* 2 — TARJETA -------------------------------------------------------- */
body .rz-submission-types .rz--type{
  position:relative!important;
  min-height:220px!important;
  border:3px solid transparent!important;
  border-radius:20px!important;
  background:#fff!important;
  cursor:pointer!important;
  box-shadow:0 8px 24px rgba(0,0,0,.08)!important;
  transition:all .35s cubic-bezier(.4,0,.2,1)!important;
  padding:106px 24px 32px 84px!important;       /* aire p/ radio & título */
}
body .rz-submission-types .rz--type:hover{
  transform:translateY(-6px) scale(1.02)!important;
  border-color:#10b981!important;
  box-shadow:0 18px 38px rgba(0,0,0,.14)!important;
}
body .rz-submission-types .rz--type.rz--selected{
  border-color:#10b981!important;
  box-shadow:0 14px 32px rgba(16,185,129,.28)!important;
}

/* 3 — MINIATURA ------------------------------------------------------ */
body .rz-submission-types .rz--type::before{
  content:'';position:absolute;left:50%;transform:translateX(-50%);
  top:8px;width:145px;height:106px;border-radius:12px;
  background-size:cover;background-position:center;
  box-shadow:0 4px 12px rgba(0,0,0,.15);
}
/* asignamos imágenes (según orden) */
body .rz-submission-types .rz--type:nth-child(1)::before{background-image:url('https://espot.do/wp-content/uploads/2025/08/5-3.png');}
body .rz-submission-types .rz--type:nth-child(2)::before{background-image:url('https://espot.do/wp-content/uploads/2025/07/3-2.png');}
body .rz-submission-types .rz--type:nth-child(3)::before{background-image:url('https://espot.do/wp-content/uploads/2025/07/2-2.png');}
body .rz-submission-types .rz--type:nth-child(4)::before{background-image:url('https://espot.do/wp-content/uploads/2025/07/4-1.png');}

/* 4 — RADIO (único) -------------------------------------------------- */
body .rz-submission-types .rz--type > .rz-radio,
body .rz-submission-types .rz--type > input[type="radio"]{
  position:absolute!important;left:20px!important;top:118px!important;
  width:24px;height:24px;border:3px solid #d1d5db;border-radius:50%;
  margin:0!important;
}
body .rz-submission-types .rz--type > input[type="radio"]{
  opacity:0!important;pointer-events:none!important;
}
body .rz-submission-types .rz--type > input[type="radio"]:checked + label,
body .rz-submission-types .rz--type > .rz-radio.checked{
  border-color:#10b981;background:#10b981;
  box-shadow:0 0 0 4px rgba(16,185,129,.20);
}

/* 5 — TÍTULO --------------------------------------------------------- */
body .rz-submission-types .rz--type h4,
body .rz-submission-types .rz--type .rz--title{
  font-size:20px;font-weight:700;line-height:1.25;
  color:#1f2937;margin-top:14px;text-align:center;
}

/* 6 — SIN BOTÓN “Select” -------------------------------------------- */
body .rz-submission-types .rz--type .rz-button{display:none!important;}

/* 7 — MOBILE (≤768 px) ---------------------------------------------- */
@media(max-width:768px){
  body .rz-submission-types{
    grid-template-columns:1fr!important;
    gap:28px!important;padding:30px 18px!important;
  }
  body .rz-submission-types .rz--type{
    padding:94px 20px 28px 72px!important;
  }
  body .rz-submission-types .rz--type::before{
    top:6px;width:125px;height:92px;
  }
  body .rz-submission-types .rz--type > .rz-radio,
  body .rz-submission-types .rz--type > input[type="radio"]{
    left:16px!important;top:104px!important;
  }
  body .rz-submission-types .rz--type h4,
  body .rz-submission-types .rz--type .rz--title{font-size:18px;margin-top:10px;}
}

/* 8 — LIMPIEZA: oculta radios duplicados ----------------------------- */
body .rz-submission-types .rz--type .rz-radio:not(:first-child){display:none!important;}
body .rz-submission-types .rz--type::after{display:none!important;}

/* ===================================================================== */