/* LECTOR-ESCRITOS-PREMIUM-AARIV-20260714 */

.modal-frase-card-aariv{
  width:min(96vw,980px)!important;
  height:min(94dvh,920px)!important;
  max-height:min(94dvh,920px)!important;
  padding:0!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  overflow:hidden!important;
  text-align:center!important;

  background:
    linear-gradient(
      90deg,
      rgba(212,175,55,.025),
      transparent 13%,
      transparent 87%,
      rgba(212,175,55,.025)
    ),
    #08090d!important;

  border:1px solid rgba(212,175,55,.52)!important;
  border-radius:16px!important;

  box-shadow:
    0 28px 80px rgba(0,0,0,.78),
    inset 0 0 90px rgba(0,0,0,.52),
    0 0 24px rgba(212,175,55,.08)!important;
}

.modal-frase-reader-header-aariv{
  position:relative!important;
  top:auto!important;
  z-index:20!important;
  margin:0!important;
  padding:12px 18px 10px!important;
  flex:none!important;

  background:
    linear-gradient(
      180deg,
      rgba(5,5,5,.99),
      rgba(8,8,10,.98)
    )!important;

  border-bottom:1px solid rgba(212,175,55,.20)!important;
}

.modal-frase-reader-body-aariv{
  min-height:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  padding:28px 42px 36px!important;
  scroll-behavior:smooth!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
}

.modal-frase-reader-body-aariv::-webkit-scrollbar{
  width:9px;
}

.modal-frase-reader-body-aariv::-webkit-scrollbar-track{
  background:#070707;
}

.modal-frase-reader-body-aariv::-webkit-scrollbar-thumb{
  background:rgba(212,175,55,.70);
  border:2px solid #070707;
  border-radius:10px;
}

.modal-frase-reader-body-aariv{
  scrollbar-width:thin;
  scrollbar-color:rgba(212,175,55,.70) #070707;
}

/* RAIL SOCIAL DE VER ESCRITO */

.modal-frase-rail-aariv{
  position:static!important;
  inset:auto!important;
  width:100%!important;
  margin:0 auto 14px!important;
  transform:none!important;
  z-index:1!important;
  grid-row:auto!important;

  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:14px!important;
}


@media (max-width:560px){
  .modal-frase-rail-aariv{
    position:static!important;
    inset:auto!important;
    right:auto!important;
    bottom:auto!important;
    top:auto!important;
    width:100%!important;
    margin:18px auto 14px!important;
    transform:none!important;
    grid-row:auto!important;
    z-index:1!important;
    flex-direction:row!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    gap:14px!important;
  }

}

.modal-frase-reader-footer-aariv{
  position:relative!important;
  z-index:20!important;
  padding:13px 24px 15px!important;

  background:
    linear-gradient(
      180deg,
      rgba(7,7,9,.98),
      rgba(3,3,4,1)
    )!important;

  border-top:0!important;
  box-shadow:none!important;
}

.modal-frase-reader-footer-aariv
.modal-frase-acciones-aariv{
  width:100%;
  max-width:100%;
  margin:0;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px 24px;
}

.modal-frase-reader-footer-aariv
.modal-frase-acciones-aariv > .modal-accion-btn-aariv,
.modal-frase-reader-footer-aariv
.lector-seguir-btn-aariv{
  flex:0 1 auto;
  width:auto;
  min-width:0;
  max-width:100%;
  min-height:48px;
  margin:0;
  padding:10px 8px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;

  border:0;
  border-radius:0;
  background:transparent;
  color:#E8C766;

  font-family:inherit;
  font-size:14px;
  line-height:1;
  font-weight:800;
  letter-spacing:1px;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  white-space:nowrap;

  box-shadow:none;
  text-shadow:none;
  filter:none;
  transform:none;
  overflow:visible;
  cursor:pointer;

  transition:
    transform .15s ease,
    color .15s ease,
    text-shadow .15s ease;
}

.modal-frase-reader-footer-aariv
.modal-frase-acciones-aariv > .modal-accion-btn-aariv:hover,
.modal-frase-reader-footer-aariv
.modal-frase-acciones-aariv > .modal-accion-btn-aariv:focus-visible,
.modal-frase-reader-footer-aariv
.lector-seguir-btn-aariv:hover,
.modal-frase-reader-footer-aariv
.lector-seguir-btn-aariv:focus-visible{
  transform:translateY(-2px);
  background:transparent;
  color:#F2D675;
  border-color:transparent;
  box-shadow:none;
  text-shadow:0 0 12px rgba(212,175,55,.32);
  filter:none;
  outline:none;
}

.modal-frase-reader-footer-aariv
.modal-frase-acciones-aariv > .modal-accion-btn-aariv:focus-visible,
.modal-frase-reader-footer-aariv
.lector-seguir-btn-aariv:focus-visible{
  outline:1px solid rgba(212,175,55,.72);
  outline-offset:3px;
  border-radius:6px;
}

.modal-frase-reader-footer-aariv
.modal-frase-acciones-aariv > .modal-accion-btn-aariv svg,
.modal-frase-reader-footer-aariv
.lector-seguir-btn-aariv svg{
  width:20px;
  height:20px;
  flex:0 0 20px;
  margin:0;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:none;
  pointer-events:none;
}



.modal-frase-reader-body-aariv
.modal-frase-legal-aariv{
  margin-top:26px!important;
  padding-bottom:8px!important;
}

@media (max-width:900px){
  .modal-frase-card-aariv{
    width:calc(100vw - 18px)!important;
    height:calc(100dvh - 18px)!important;
    max-height:calc(100dvh - 18px)!important;
  }

  .modal-frase-reader-body-aariv{
    padding:24px 24px 30px!important;
  }

}

@media (max-width:560px){
  .modal-frase-reader-body-aariv{
    padding:20px 17px 26px!important;
  }

  .modal-frase-reader-footer-aariv{
    width:100%!important;
    padding:10px 8px 12px!important;
    box-sizing:border-box!important;
  }

  .modal-frase-reader-footer-aariv
  .modal-frase-acciones-aariv{
    width:min(100%,320px);
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:center;
    justify-content:center;
    gap:8px 10px;
  }

  .modal-frase-reader-footer-aariv
  .modal-accion-btn-aariv,
  .modal-frase-reader-footer-aariv
  .lector-seguir-btn-aariv{
    width:100%;
    min-width:0;
    max-width:100%;
    min-height:44px;
    padding:8px 3px;
    gap:6px;
    font-size:11px;
    letter-spacing:.35px;
    white-space:nowrap;
    box-sizing:border-box;
  }

  .modal-frase-reader-footer-aariv
  .modal-accion-btn-aariv svg,
  .modal-frase-reader-footer-aariv
  .lector-seguir-btn-aariv svg{
    width:18px;
    height:18px;
    flex:0 0 18px;
  }

  .modal-frase-reader-footer-aariv
  .modal-frase-navegacion-aariv{
    margin-top:10px;
  }
}

/* LECTOR-LEGIBILIDAD-MAYORES-50-INICIO */

.modal-frase-card-aariv,
.modal-frase-reader-body-aariv,
.modal-frase-reader-footer-aariv{
  background-color:#0b0b0d!important;
}

.modal-frase-reader-body-aariv{
  color:#ececec!important;
}

/*
  El lector ya no decide el color artístico.
  Cada escrito lo define con clases semánticas.
*/
.modal-frase-blanco-aariv{
  color:#f5f2ea!important;
}

.modal-frase-oro-aariv{
  color:#D4AF37!important;
}

.modal-frase-cuerpo-aariv{
  font-size:20px!important;
  line-height:1.8!important;
  font-weight:400!important;
}

/*
  La línea roja permanece porque pertenece a styles.css:
  border-left:3px solid #8B1E1E;
*/

.modal-frase-legal-aariv{
  color:#c7c7c2!important;
}

.modal-frase-firma-aariv span{
  font-weight:700!important;
}

/* LECTOR-LEGIBILIDAD-MAYORES-50-FIN */


/* CABECERA-LECTOR-UNA-LINEA-INICIO */

.modal-frase-reader-header-aariv{
  position:relative!important;

  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;

  min-height:74px!important;
  margin:0!important;
  padding:7px 12px!important;

  box-sizing:border-box!important;
}

.modal-frase-reader-logo-aariv{
  position:static!important;

  grid-column:2!important;
  grid-row:1!important;

  justify-self:center!important;

  margin:0!important;
}

.modal-frase-reader-header-aariv
> .modal-frase-cerrar-aariv{
  position:static!important;

  grid-column:3!important;
  grid-row:1!important;

  justify-self:end!important;

  margin:0!important;
  transform:none!important;
}

.modal-frase-reader-progress-aariv{
  position:absolute!important;

  left:18px!important;
  right:18px!important;
  bottom:0!important;

  width:auto!important;
  margin:0!important;
}

@media (max-width:560px){
  .modal-frase-reader-header-aariv{
    min-height:66px!important;
    padding:6px 9px!important;
  }

  .modal-frase-reader-logo-aariv{
    width:125px!important;
  }

  .modal-frase-reader-progress-aariv{
    left:9px!important;
    right:9px!important;
  }
}

/* CABECERA-LECTOR-UNA-LINEA-FIN */


/* EQUILIBRIO-CABECERA-LECTOR-INICIO */
/* Integrado en la única regla final de cabecera. */
/* EQUILIBRIO-CABECERA-LECTOR-FIN */


/* LEGAL-BORDE-INFERIOR-INICIO */

/* La tarjeta es la referencia del borde inferior real */
.modal-frase-card-aariv{
  position:relative!important;
}

/* Reserva únicamente el espacio necesario para la frase */
.modal-frase-reader-footer-aariv{
  padding-bottom:30px!important;
}

/* Frase casi rozando la línea inferior */
.modal-frase-card-aariv
> .modal-frase-legal-aariv{
  position:absolute!important;
  left:10px!important;
  right:10px!important;
  bottom:10px!important;
  z-index:50!important;

  display:block!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;

  color:#c7c7c2!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:400!important;
  letter-spacing:0!important;

  text-align:center!important;
  text-transform:none!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  text-wrap:balance!important;

  pointer-events:none!important;
}

@media (max-width:560px){
  .modal-frase-reader-footer-aariv{
    padding-bottom:34px!important;
  }

  .modal-frase-card-aariv
  > .modal-frase-legal-aariv{
    left:4px!important;
    right:4px!important;
    bottom:10px!important;
    font-size:10px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    text-wrap:nowrap!important;
  }
}

/* LEGAL-BORDE-INFERIOR-FIN */


/* RAIL-ICONOS-VIVOS-INICIO */

@keyframes estrella-pulso-aariv{
  0%{
    transform:scale(1);
    box-shadow:0 0 0 rgba(212,175,55,0);
  }
  45%{
    transform:scale(1.20);
    box-shadow:0 0 24px rgba(212,175,55,.65);
  }
  100%{
    transform:scale(1);
    box-shadow:0 0 18px rgba(212,175,55,.42);
  }
}

.estrella-pulso-aariv{
  animation:
    estrella-pulso-aariv .55s ease!important;
}

@keyframes flotar-estrella-aariv{
  0%{
    opacity:1;
    transform:
      translate(-50%,0)
      scale(.55)
      rotate(-18deg);
  }
  40%{
    opacity:1;
    transform:
      translate(-50%,-22px)
      scale(1.20)
      rotate(12deg);
  }
  100%{
    opacity:0;
    transform:
      translate(-50%,-62px)
      scale(.85)
      rotate(30deg);
  }
}

.estrella-flotante-aariv{
  position:absolute!important;
  left:50%!important;
  top:-3px!important;
  color:#F2D675!important;
  font-size:22px!important;
  line-height:1!important;
  pointer-events:none!important;
  animation:
    flotar-estrella-aariv .9s ease-out forwards!important;
  z-index:75!important;
}

@keyframes pulso-rail-aariv{
  0%{transform:scale(1);}
  50%{transform:scale(1.18);}
  100%{transform:scale(1);}
}

.rail-pulso-aariv{
  animation:pulso-rail-aariv .3s ease!important;
}

@keyframes flotar-corazon-aariv{
  0%{opacity:1; transform:translate(-50%,0) scale(.6);}
  30%{opacity:1; transform:translate(-50%,-18px) scale(1.15);}
  100%{opacity:0; transform:translate(-50%,-60px) scale(.9);}
}

.corazon-flotante-aariv{
  position:absolute!important;
  left:50%!important;
  top:-4px!important;
  color:#E24B4A!important;
  font-size:20px!important;
  pointer-events:none!important;
  animation:flotar-corazon-aariv .9s ease-out forwards!important;
  z-index:60!important;
}


/* RAIL-ICONOS-VIVOS-FIN */


/* BOTONES-PREMIUM-NAV-INICIO */

.modal-frase-reader-footer-aariv
.lector-seguir-btn-aariv.is-following,
.modal-frase-reader-footer-aariv
.modal-frase-suscribirse-btn-aariv.is-suscrito{
  border:0;
  background:transparent;
  color:#E8C766;
}

.modal-frase-reader-footer-aariv
.lector-seguir-btn-aariv.is-following svg,
.modal-frase-reader-footer-aariv
.modal-frase-suscribirse-btn-aariv.is-suscrito svg{
  color:#72AE67;
  filter:drop-shadow(0 0 5px rgba(79,125,70,.45));
}

.modal-frase-reader-footer-aariv
.lector-seguir-btn-aariv
.seguir-icon-check{
  display:none;
  stroke:#72AE67;
}

.modal-frase-reader-footer-aariv
.lector-seguir-btn-aariv.is-following
.seguir-icon-plus{
  display:none;
}

.modal-frase-reader-footer-aariv
.lector-seguir-btn-aariv.is-following
.seguir-icon-check{
  display:block;
}

.modal-frase-navegacion-aariv{
  width:100%;
  margin:10px auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:nowrap;
  gap:14px;
}

.modal-frase-nav-btn-aariv{
  flex:0 0 52px;
  width:52px;
  height:52px;
  min-width:52px;
  min-height:52px;
  max-width:52px;
  max-height:52px;
  margin:0;
  padding:0;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  border:2px solid rgba(212,175,55,.72);
  border-radius:50%;

  background:
    linear-gradient(
      180deg,
      rgba(34,28,10,.98),
      rgba(7,7,8,.98)
    );

  color:#F2D675;
  font-size:0;
  box-sizing:border-box;

  box-shadow:
    0 8px 20px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 0 2px rgba(212,175,55,.08);

  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;

  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.modal-frase-nav-btn-aariv svg{
  width:23px;
  height:23px;
  stroke-width:2.5;
  pointer-events:none;
}

.modal-frase-nav-btn-aariv:hover:not(:disabled),
.modal-frase-nav-btn-aariv:focus-visible:not(:disabled){
  background:
    linear-gradient(
      180deg,
      rgba(58,46,14,.98),
      rgba(10,10,11,.98)
    );

  border-color:#F0D36B;
  color:#FFF2AE;
  transform:translateY(-1px) scale(1.03);

  box-shadow:
    0 10px 24px rgba(0,0,0,.54),
    0 0 18px rgba(212,175,55,.24),
    inset 0 1px 0 rgba(255,255,255,.14);

  outline:none;
}

.modal-frase-nav-btn-aariv:active:not(:disabled){
  transform:scale(.97);
}

.modal-frase-nav-btn-aariv:disabled{
  opacity:.28;
  cursor:default;
  transform:none;
}

.modal-frase-salir-btn-aariv{
  flex:0 0 54px;
  max-width:54px;
}

/* CONTADOR-HOJAS-LECTOR-CSS-AARIV */

.modal-frase-pagina-contador-aariv{
  flex:0 0 auto;
  min-width:58px;
  height:34px;
  padding:0 12px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  border:1px solid rgba(212,175,55,.48);
  border-radius:999px;

  background:rgba(212,175,55,.06);
  color:#E8C766;

  font-family:Inter,Arial,sans-serif;
  font-size:14px;
  line-height:1;
  font-weight:800;
  letter-spacing:.6px;

  box-sizing:border-box;
  box-shadow:
    inset 0 0 10px rgba(212,175,55,.04);

  user-select:none;
}

@media (max-width:560px){
  .modal-frase-pagina-contador-aariv{
    min-width:54px;
    height:32px;
    padding:0 10px;
    font-size:13px;
  }
}

/* BOTONES-PREMIUM-NAV-FIN */