/* ===== CABECERA CON BOTÓN A LA DERECHA ===== */
.section__head--row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}

.btnRentals{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  border-radius:999px;
  font-weight:950;
  text-decoration:none;
  border:1px solid #cfe5ff;
  background:#eaf3ff;  /* azul clarito */
  color:#0b3a78;
  white-space:nowrap;
}
.btnRentals:hover{ filter:brightness(.98); }

@media (max-width: 680px){
  .section__head--row{
    flex-direction:column;
    align-items:flex-start;
  }
}

/* ===== GRID ===== */
.obitGrid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:18px;
  margin-top:16px;
}

@media (max-width: 1050px){
  .obitGrid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 680px){
  .obitGrid{ grid-template-columns: 1fr; }
}

/* ===== TARJETA ===== */
.obitCard{
  border:1px solid #e6e8ef;
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow: 0 14px 40px rgba(0,0,0,.08);
}

.obitCard__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 14px 10px;
  gap:12px;
}

.obitCard__title{
  margin:0;
  font-weight:950;
  letter-spacing:-0.01em;
}

.obitBadge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:#eef5ff;
  color:#0b3a78;
  border:1px solid #d8e8ff;
  font-weight:900;
  font-size:.95rem;
  white-space:nowrap;
}
.obitBadge::before{ content:"◆"; opacity:.85; }

.obitBadge--special{
  background:#f3f0ff;
  border-color:#e3ddff;
  color:#3b2a7a;
}

/* ===== PREVIEW ===== */
.obitPreview{
  display:block;
  text-decoration:none;
  color:inherit;
  padding:0 14px 14px;
}

.obitImgWrap{
  position:relative;
  border:1px solid #e6e8ef;
  background:#f6f7fb;
  border-radius:16px;
  overflow:hidden;
  min-height:340px;
}

.obitImg{
  width:100%;
  height:340px;
  object-fit:contain;
  display:block;
  background:#fff;
}

/* si no hay imagen: hueco limpio */
.obitImg.isEmpty{ display:none; }
.obitImgWrap.isEmpty{ background:#f6f7fb; }

.obitHint{
  position:absolute;
  left:16px;
  bottom:16px;
  background:rgba(17,17,17,.74);
  color:#fff;
  font-weight:900;
  font-size:1.02rem;
  padding:12px 16px;
  border-radius:999px;
  pointer-events:none;
}

.obitPreview.isDisabled .obitHint{ display:none; }

/* ===== BOTÓN TELEGRAMA EN TARJETA ===== */
.obitActions{
  display:flex;
  justify-content:flex-end;
  padding:12px 14px 16px;
  gap:10px;
}

.obitTelegramBtn{
  border:none;
  cursor:pointer;
  border-radius:999px;
  padding:12px 14px;
  font-weight:950;
  font-size:1.02rem;
  background:#eaf3ff;
  color:#0b3a78;
  border:1px solid #d7e8ff;
}
.obitTelegramBtn:hover{ filter:brightness(.98); }

/* ===== VELACIONES ABAJO ===== */
.obitVelacionesWrap{
  margin-top:18px;
}

.obitCard--wide{
  width:100%;
}

/* un poquito más alta y “especial” */
.obitImgWrap--wide{
  min-height:380px;
}
.obitImgWrap--wide .obitImg{
  height:380px;
}

@media (max-width: 680px){
  .obitImgWrap{ min-height:320px; }
  .obitImg{ height:320px; }
  .obitImgWrap--wide{ min-height:320px; }
  .obitImgWrap--wide .obitImg{ height:320px; }
}

/* ===== LIGHTBOX ===== */
.obitLB{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:16px;
  z-index:99999;
}
.obitLB.isOpen{ display:flex; }

.obitLB__backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.62);
}

.obitLB__panel{
  position:relative;
  z-index:2;
  width:min(1080px, 96vw);
  max-height:92vh;
  background:#fff;
  border-radius:22px;
  border:1px solid #e6e8ef;
  box-shadow:0 18px 70px rgba(0,0,0,.30);
  overflow:hidden;
}

.obitLB__close{
  position:absolute;
  top:12px;
  right:12px;
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid #e6e8ef;
  background:#fff;
  cursor:pointer;
  font-size:18px;
  line-height:42px;
  z-index:4;
}

.obitLB__topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 14px;
  border-bottom:1px solid #eef0f6;
  background:#fbfcff;
}

.obitLB__room{
  font-weight:950;
  font-size:1.12rem;
}

.obitLB__cta{
  border:none;
  cursor:pointer;
  border-radius:999px;
  padding:12px 14px;
  font-weight:950;
  font-size:1.02rem;
  background:#eaf3ff;
  color:#0b3a78;
  border:1px solid #d7e8ff;
}
.obitLB__cta:hover{ filter:brightness(.98); }

.obitLB__img{
  width:100%;
  height:min(78vh, 780px);
  object-fit:contain;
  display:block;
  background:#fff;
}

/* ===== MODAL TELEGRAMA ===== */
.tg{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:16px;
  z-index:100000;
}
.tg.isOpen{ display:flex; }

.tg__backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.62);
}

.tg__panel{
  position:relative;
  z-index:2;
  width:min(720px, 96vw);
  max-height:92vh;
  overflow:auto;
  background:#fff;
  border-radius:22px;
  border:1px solid #e6e8ef;
  box-shadow:0 18px 70px rgba(0,0,0,.30);
  padding:18px;
}

.tg__close{
  position:absolute;
  top:12px;
  right:12px;
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid #e6e8ef;
  background:#fff;
  cursor:pointer;
  font-size:18px;
  line-height:42px;
}

.tg__title{ margin:6px 0 6px; font-weight:950; font-size:1.55rem; }
.tg__subtitle{ margin:0 0 14px; color:#6b7280; font-weight:700; }

.tg__grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}

.tg__field{ display:flex; flex-direction:column; gap:8px; }
.tg__field span{ font-weight:900; color:#111; }

.tg__field input, .tg__field textarea{
  border:1px solid #e6e8ef;
  border-radius:14px;
  padding:12px 12px;
  font-size:1.02rem;
  outline:none;
  background:#fff;
}

.tg__field textarea{ resize:vertical; }
.tg__field--full{ grid-column: 1 / -1; }

.tg__consent{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:10px 0 2px;
}
.tg__consent span{ font-weight:750; color:#111; }
.tg__consent input{ margin-top:3px; }

.tg__actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  padding-top:14px;
}

.tg__btn{
  border:none;
  cursor:pointer;
  border-radius:999px;
  padding:12px 16px;
  font-weight:950;
  font-size:1.02rem;
  background:#111;
  color:#fff;
}
.tg__btn--ghost{
  background:#fff;
  color:#111;
  border:1px solid #e6e8ef;
}
.tg__status{ padding-top:10px; font-weight:900; color:#111; }

@media (max-width: 560px){
  .tg__grid{ grid-template-columns: 1fr; }
}
/* =========================
   BADGE "Esquela" → naranja suave
   (no toca el fondo ni el título grande)
   ========================= */

.obitBadge{
  background:#FFE6D1;
;        /* naranja muy suave */
  color:#A64600;             /* texto naranja oscuro legible */
  border:1px solid #FFD3B3;  /* borde suave */
}

/* icono del badge (si usas un svg o pseudo-elemento) */
.obitBadge svg,
.obitBadge i{
  color: currentColor;
}

/* Si tienes badge especial (velaciones) no lo cambies */
.obitBadge--special{
  /* déjalo como esté o si quieres, comenta esta parte */
}
/* =========================
   BOTÓN ALQUILERES DE SALA
   ========================= */

.section__actions{
  display:flex;
  justify-content:flex-end;
  margin-bottom:1.5rem;
}

.btnAlquileres{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.65rem 1.1rem;
  background:#EAF3FF;          /* azul muy clarito */
  color:#1E5DBA;
  border-radius:999px;
  font-weight:600;
  text-decoration:none;
  border:1px solid #C9DEFF;
  position:relative;
  transition:all .25s ease;
}

/* flecha */
.btnAlquileres__arrow{
  font-size:1.1em;
  transition:transform .25s ease;
}

/* hover elegante */
.btnAlquileres:hover{
  background:#DDEBFF;
  border-color:#B8D3FF;
}

.btnAlquileres:hover .btnAlquileres__arrow{
  transform:translateX(4px);
}

/* pequeño guiño visual constante (muy sutil) */
@keyframes alquilerPulse{
  0%   { box-shadow:0 0 0 0 rgba(30,93,186,.25); }
  70%  { box-shadow:0 0 0 8px rgba(30,93,186,0); }
  100% { box-shadow:0 0 0 0 rgba(30,93,186,0); }
}

.btnAlquileres{
  animation:alquilerPulse 2.8s ease-in-out infinite;
}
/* =========================
   BOTÓN ALQUILERES (más llamativo pero serio)
   ========================= */
.section__actions{
  display:flex;
  justify-content:flex-end;
  margin-bottom:1.5rem;
}

.btnAlquileres{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.72rem 1.15rem;
  border-radius:999px;
  font-weight:800;
  text-decoration:none;

  /* look más premium */
  background:linear-gradient(180deg,#EAF3FF 0%, #DDEBFF 100%);
  color:#0B3A80;
  border:1px solid #BFD7FF;
  box-shadow:0 10px 26px rgba(0,0,0,.08);

  position:relative;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}

/* flecha más clara */
.btnAlquileres__arrow{
  font-size:1.15em;
  font-weight:900;
  transition:transform .2s ease;
}

/* “punta” discreta (señal visual) */
.btnAlquileres::after{
  content:"";
  position:absolute;
  right:14px;
  bottom:-8px;
  width:14px;
  height:14px;
  background:#DDEBFF;
  border-left:1px solid #BFD7FF;
  border-bottom:1px solid #BFD7FF;
  transform:rotate(45deg);
  border-bottom-left-radius:3px;
}

/* hover serio */
.btnAlquileres:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 32px rgba(0,0,0,.12);
  background:linear-gradient(180deg,#E3F0FF 0%, #D2E6FF 100%);
}
.btnAlquileres:hover .btnAlquileres__arrow{
  transform:translateX(5px);
}

/* micro “latido” elegante (solo sombra, nada chillón) */
@keyframes alquilerGlow{
  0%,100%{ box-shadow:0 10px 26px rgba(0,0,0,.08), 0 0 0 0 rgba(13,71,161,.18); }
  50%{    box-shadow:0 12px 28px rgba(0,0,0,.10), 0 0 0 8px rgba(13,71,161,0); }
}
.btnAlquileres{
  animation:alquilerGlow 3.2s ease-in-out infinite;
}

/* en móvil que no sea enorme */
@media (max-width:700px){
  .btnAlquileres{
    padding:.62rem 1rem;
    font-weight:800;
  }
  .btnAlquileres::after{ display:none; }
}
/* =========================
   BOTÓN TELEGRAMA (negro, serio)
   ========================= */
.obitLB__cta{
  background:#111 !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.20);
  font-weight:850;
}

.obitLB__cta:hover{
  background:#000 !important;
  box-shadow:0 14px 34px rgba(0,0,0,.28);
}
/* =========================================================
   1) BOTÓN "ENVIAR TELEGRAMA" → NEGRO (sin tocar el resto)
   ========================================================= */
.obitLB__cta{
  background:#111 !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.14) !important;
}
.obitLB__cta:hover{
  background:#000 !important;
}

/* =========================================================
   2) BOTÓN "ALQUILERES DE SALA" → MÁS PERCEPTIBLE Y SERIO
   (sin cambiar estructura, solo aspecto)
   ========================================================= */
.btnAlquileres{
  background:#eaf2ff !important;              /* azul clarito serio */
  border:1px solid #bcd5ff !important;        /* borde visible */
  color:#0b3a80 !important;                    /* texto legible */
  font-weight:900 !important;
  box-shadow:0 10px 26px rgba(0,0,0,.10) !important;
}

/* añade un icono simple sin tocar el HTML */
.btnAlquileres::before{
  content:"↗";
  display:inline-block;
  margin-right:10px;
  font-weight:900;
  font-size:1.05em;
  opacity:.95;
}

/* hover: más claro y “clicable” sin parecer tienda */
.btnAlquileres:hover{
  background:#dbeaff !important;
  border-color:#9fc4ff !important;
  box-shadow:0 14px 34px rgba(0,0,0,.14) !important;
  transform:translateY(-1px);
}
/* ===== Enviar telegrama → negro ===== */
.obitCard .tgBtn,
.obitCard .btnTelegram,
.obitCard button[data-telegram],
.obitCard a[data-telegram]{
  background:#111 !important;
  color:#fff !important;
  border:1px solid rgba(0,0,0,.25) !important;
}

.obitCard .tgBtn:hover,
.obitCard .btnTelegram:hover,
.obitCard button[data-telegram]:hover,
.obitCard a[data-telegram]:hover{
  background:#000 !important;
}
/* ===== Alquileres de Sala → más visible pero sobrio ===== */
.btnAlquileres{
  background:#e6f0ff !important;
  border:1px solid #b7d0ff !important;
  color:#0b3a80 !important;

  font-weight:800 !important;
  box-shadow:0 6px 18px rgba(0,0,0,.08) !important;
}

/* icono discreto para guiar la mirada */
.btnAlquileres::before{
  content:"↗";
  margin-right:8px;
  font-weight:900;
}

/* hover muy suave */
.btnAlquileres:hover{
  background:#dceaff !important;
  box-shadow:0 10px 24px rgba(0,0,0,.12) !important;
}
/* ===== Modal: botón Enviar telegrama centrado ===== */
.modal .btnTelegram,
.modal .tgBtn,
.modal button[data-telegram],
.modal a[data-telegram]{
  position:absolute !important;
  top:16px !important;
  left:50% !important;
  transform:translateX(-50%) !important;

  background:#111 !important;
  color:#fff !important;
  border-radius:999px !important;
  padding:10px 22px !important;
  font-weight:600 !important;
  z-index:5;
}
/* ===== Botón Alquileres de Sala — destacado serio ===== */
.btnAlquileres{
  background:#e3efff !important;
  color:#0b2f66 !important;

  border:2px solid #9dbcf5 !important;
  border-radius:999px !important;

  padding:14px 28px !important;
  font-weight:800 !important;
  letter-spacing:.2px;

  box-shadow:
    0 8px 20px rgba(11,47,102,.18),
    inset 0 0 0 1px rgba(255,255,255,.6);

  position:relative;
  transition:all .25s ease;
}

/* flecha clara y elegante */
.btnAlquileres::after{
  content:" →";
  font-weight:900;
  margin-left:6px;
}

/* hover: se eleva ligeramente */
.btnAlquileres:hover{
  background:#d6e7ff !important;
  box-shadow:
    0 12px 28px rgba(11,47,102,.28);
  transform:translateY(-2px);
}
/* =========================
   LIGHTBOX ESQUELAS: CTA TELEGRAMA CENTRADO Y LEGIBLE
   ========================= */

/* La barra de arriba del lightbox: que permita centrar el botón */
.obitLB__topbar{
  position: relative;
}

/* Botón "Enviar telegrama" centrado arriba (no se corta) */
#openTelegram{
  position:absolute !important;
  top:10px !important;
  left:50% !important;
  transform:translateX(-50%) !important;

  background:#111 !important;   /* negro */
  color:#fff !important;
  border:1px solid rgba(255,255,255,.25) !important;
  border-radius:999px !important;
  padding:10px 18px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  z-index:5 !important;
}

/* En pantallas pequeñas: que no se salga */
@media (max-width: 520px){
  #openTelegram{
    max-width: calc(100% - 90px) !important; /* deja espacio para la X */
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    font-size:14px !important;
    padding:9px 14px !important;
  }
}
/* =========================
   BLOQUE DESTACADO ALQUILERES DE SALA
   ========================= */

.rentalsHighlight{
  display:flex;
  align-items:center;
  gap:14px;

  padding:18px 26px;
  border-radius:18px;

  background:
    linear-gradient(135deg,#eaf2fb,#f6f9fd);
  border:1.5px solid rgba(0,90,170,.25);

  color:#0b3a66;
  text-decoration:none;

  box-shadow:
    0 10px 30px rgba(0,0,0,.08),
    inset 0 0 0 1px rgba(255,255,255,.6);

  position:relative;
  overflow:hidden;

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}

/* halo sutil */
.rentalsHighlight::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at top right,
      rgba(90,160,230,.18),
      transparent 60%);
  pointer-events:none;
}

/* icono */
.rentalsIcon{
  font-size:28px;
  line-height:1;
}

/* texto */
.rentalsText{
  display:flex;
  flex-direction:column;
  line-height:1.1;
}

.rentalsText strong{
  font-size:17px;
  font-weight:800;
}

.rentalsText em{
  font-size:13px;
  font-style:normal;
  opacity:.75;
}

/* hover elegante */
.rentalsHighlight:hover{
  transform:translateY(-3px);
  box-shadow:
    0 16px 40px rgba(0,0,0,.14),
    inset 0 0 0 1px rgba(255,255,255,.75);
}

/* foco accesible */
.rentalsHighlight:focus-visible{
  outline:3px solid rgba(0,90,170,.35);
  outline-offset:3px;
}

/* móvil */
@media (max-width:640px){
  .rentalsHighlight{
    padding:16px 20px;
  }
  .rentalsIcon{
    font-size:24px;
  }
}
<a href="alquileres.html" class="rentalsHighlight">
  <span class="rentalsIcon">🏛️</span>
  <span class="rentalsText">
    <strong>Alquileres de Sala</strong>
    <em>Servicio para otros tanatorios</em>
  </span>
</a>