.elementor-2387 .elementor-element.elementor-element-ff61d53{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for shortcode, class: .elementor-element-49754f8 *//* === GRID de accesos === */
.bt-tiles{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:1.2rem;
}

/* === Tarjeta de acceso === */
.bt-tile{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center;
  background:linear-gradient(180deg,#fff,#f8f9fb);
  border:1px solid #e5e7eb; border-radius:16px;
  padding:2.8rem 1.4rem;               /* aire para icono grande */
  box-shadow:0 2px 6px rgba(0,0,0,.04);
  color:#1f1f1f; text-decoration:none;
  transition:all .25s ease;
  min-height:240px;                     /* altura pareja */
  position:relative;
}
.bt-tile:hover{
  transform:translateY(-6px);
  border-color:#2A216D;
  box-shadow:0 10px 24px rgba(42,33,109,.12);
  background:#f7f8ff;
}
.bt-tile.is-locked::after{
  content:"🔒"; position:absolute; top:14px; right:16px;
  font-size:1.6rem; opacity:.85;
}

/* Contenido: ícono grande + título de ~22px */
.bt-tile .bt-tile-label{ display:flex; flex-direction:column; align-items:center; gap:1rem; }
.bt-ico{
  font-size:3.2rem;  /* ≈80px — GRANDE */
  line-height:1;
  color:#2A216D;
  transition:transform .25s ease,color .25s ease;
}
.bt-title{
  font-size:1.375rem;       /* ≈22px */
  font-weight:600; line-height:1.25; color:#1f1f1f;
}
.bt-tile:hover .bt-ico{ color:#4534CF; transform:scale(1.08); }

/* Paneles / chips / docs / botón (por si los usas en el shortcode) */
.bt-panel{ background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:16px; margin:12px 0; }
.bt-panel-title{ margin:0 0 8px; font-size:1rem; font-weight:700; }
.bt-muted{ opacity:.6; } .bt-text-danger{ color:#b91c1c; }
.bt-chip-wrap{ display:flex; flex-wrap:wrap; gap:8px; }
.bt-chip{ display:inline-block; padding:6px 10px; border:1px solid #e5e7eb; border-radius:999px; background:#fff; text-decoration:none; font-size:13px; }
.bt-chip-locked{ opacity:.55; cursor:not-allowed; }
.bt-doc-list{ list-style:none; padding-left:0; margin:8px 0 0; }
.bt-doc-item{ display:flex; justify-content:space-between; gap:8px; align-items:center; padding:6px 0; border-bottom:1px dashed #eef1f5; }
.bt-doc-item:last-child{ border-bottom:none; }
.bt-lock{ opacity:.6; }
.bt-button{ display:inline-block; padding:.5rem .9rem; border:1px solid #e5e7eb; border-radius:8px; background:#f8fafc; text-decoration:none; font-weight:600; }
.bt-button:hover{ border-color:#2A216D; background:#f0f4ff; }

/* Responsive */
@media (max-width:768px){
  .bt-tile{ min-height:200px; padding:2rem 1rem; }
  .bt-ico{ font-size:3rem; }           /* ≈48px en móvil */
  .bt-title{ font-size:1.2rem; }       /* ≈19px en móvil */
}/* End custom CSS */