/* ------------------------------------------------------
   ESTILOS ORIGINALES
------------------------------------------------------- */

.audiolibro-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 40px;
}

.audiolibro-left {
  width: 30%;
  text-align: center;
}




.audiolibro-left img {
  /* Fuerza el 100% para ocupar todo el ancho disponible */
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;

  /* Elimina margen inferior extra */
  margin-bottom: 0 !important;
}





.fake-download-buttons .fake-button {
  display: inline-block;
  margin: 0 5px;
}

.audiolibro-right {
  width: 65%;
}

.audiolibro-right h1 {
  font-size: 1.8em;
  margin-bottom: 5px;
}

.audiolibro-author-subtitle {
  font-size: 1.2em;
  color: #555;
  margin-bottom: 15px;
}

.audiolibro-presentation {
  margin-bottom: 20px;
}

.audiolibro-icons-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
}
.icon-box {
  display: flex;
  align-items: center;
  gap: 6px;
}
.icon-img {
  width: 20px;
  height: 20px;
}

.audiolibro-buttons {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}
.icon-img-btn {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  vertical-align: middle;
}

.audiolibro-share {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}
.audiolibro-share a img {
  width: 24px;
  height: 24px;
}

.download-audiobook button,
.report-broken-link button {
  width: 100%;
  box-sizing: border-box;
}

.download-countdown {
  font-weight: bold;
  color: #cc0000;
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .audiolibro-left,
  .audiolibro-right {
    width: 100%;
  }
}

/* ------------------------------------------------------
   NUEVO: CLASES USADAS EN single-mooabm_audiolibro.php
------------------------------------------------------- */
.mooabm-container {
}

.mooabm-row {
}

.mooabm-left-col {
}

.mooabm-right-col {
}

@media screen and (max-width: 768px) {
  .mooabm-container {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 20px 10px !important;
  }

  .mooabm-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .mooabm-left-col {
    order: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    margin-bottom: 20px;
  }

  .mooabm-right-col {
    order: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .mooabm-left-col > div a button {
    width: 100% !important;
    margin: 5px 0 !important;
  }
}

.mooabm-favorite-heart img {
  transition: transform 0.2s ease;
}

.mooabm-favorite-heart img:hover {
  transform: scale(1.1);
}

.mooabm-favorite-heart img {
  transition: transform 0.2s ease;
}

.mooabm-favorite-heart:hover img {
  animation: heartBeat 1s ease infinite;
}

@keyframes heartBeat {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(0.9);
  }
  75% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.animate-pulse {
  animation: clickPulse 0.3s ease;
}

@keyframes clickPulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.3); }
  100% { transform: scale(1); }
}

.mooberry-downloads-grid {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 20px !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
}

.mooberry-downloads-item {
  border: 1px solid #ddd !important;
  padding: 10px !important;
  text-align: center !important;
  background: #fff !important;
}

.mooberry-downloads-item img {
  max-width: 100% !important;
  height: auto !important;
}

.mooberry-downloads-item h3 {
  font-size: 1em !important;
  margin: 10px 0 5px !important;
  line-height: 1.2 !important;
}

@media (max-width: 768px) {
  .mooberry-downloads-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 480px) {
  .mooberry-downloads-grid {
    grid-template-columns: 1fr !important;
  }
}

.mooabm-cta-button {
  transition: box-shadow 0.3s ease, filter 0.3s ease;
}

.mooabm-cta-button:hover {
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
  filter: brightness(1.1);
}


/* === Descarga buttons estilo EspaeBook === */
.mooabm-download-top{margin-top:20px;}
.mooabm-btn{
 display:flex;
 align-items:center;
 gap:12px;
 font-weight:700;
 font-size:1.05em;
 padding:12px 20px;
 border-radius:6px;
 color:#fff;
 text-decoration:none;
 box-shadow:0 4px 6px rgba(0,0,0,.25);
 margin-bottom:12px;
 transition:transform .1s;
}
.mooabm-btn:active{transform:scale(.97);}
.mooabm-btn .btn-icon{width:24px;height:24px;filter:invert(1);}
.mooabm-btn.pdf{background:linear-gradient(180deg,#d32f2f 0%,#b71c1c 100%);}
.mooabm-btn.mobi{background:linear-gradient(180deg,#42a5f5 0%,#1e88e5 100%);}
.mooabm-btn.epub{background:linear-gradient(180deg,#4caf50 0%,#2e7d32 100%);}

/* -- ajustes icono blanco y efecto hover/press -- */
.mooabm-btn .btn-icon{
    filter: invert(1) brightness(3);
}
.mooabm-btn:hover{
    transform: translateY(2px);
    box-shadow: 0 2px 4px rgba(0,0,0,.25);
}

/* -- Ajustes extra: icono blanco real + texto siempre blanco -- */
a.mooabm-btn,
a.mooabm-btn:visited,
a.mooabm-btn:hover,
a.mooabm-btn:active{
    color:#fff !important;
}
.mooabm-btn .btn-icon{
    filter: brightness(0) invert(1) !important;
}


/* Icono blanco */
.inline-download-btn .btn-icon,

/* Hover: mantener texto blanco y aclarar ligeramente el fondo */
.inline-download-btn:hover,
.inline-report-btn:hover{
    transform:translateY(2px);
    background:rgba(255,255,255,0.15);
    color:#fff !important;
    box-shadow:0 2px 4px rgba(0,0,0,.25);
}
.inline-download-btn:active,
.inline-report-btn:active{
    transform:scale(.97);
}

.inline-report-btn .btn-icon{
    width:24px;
    height:24px;
    filter: brightness(0) invert(1);
}

.inline-download-btn:hover,
.inline-report-btn:hover{
    transform:translateY(2px);
    background:rgba(255,255,255,0.25);
    color:#fff !important;
    box-shadow:0 2px 4px rgba(0,0,0,.25);
}



/* === Diseño tipo caja gris con borde blanco como referencia imagen #2 === */
.inline-download-btn,
.inline-report-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-weight:700;
    font-size:1em;
    padding:10px 18px;
    color:#fff;
    text-decoration:none;
    border:2px solid #ffffff;
    border-radius:4px;
    background:linear-gradient(180deg,#777 0%,#5b5b5b 100%);
    box-shadow:0 0 0 1px rgba(255,255,255,0.5) inset;
    transition:transform .1s, background .2s, box-shadow .2s;
}
.inline-report-btn{
    /* Rojo degradado para reportar */
    background:linear-gradient(180deg,#ff5252 0%,#d50000 100%);
}
.inline-download-btn .btn-icon,
.inline-report-btn .btn-icon{
    width:20px;
    height:20px;
    filter:brightness(0) invert(1);
}

.inline-download-btn:hover,
.inline-report-btn:hover{
    transform:translateY(2px);
    background:linear-gradient(180deg,#8a8a8a 0%,#6b6b6b 100%);
    box-shadow:0 0 0 1px rgba(255,255,255,0.75) inset;
}

.inline-report-btn:hover{
    background:linear-gradient(180deg,#ff6666 0%,#e00 100%);
}

.inline-download-btn:active,
.inline-report-btn:active{
    transform:scale(.97);
}

.mooabm-download-container{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    margin-bottom:20px;
}