/* === PRR Author Box === */
.prr-author-box{
  display:flex;
  align-items:flex-start;
  background-color: #fff;
  border-radius: 12px;
gap: 1rem;
}

.prr-author-box__media{ flex: 0 0 64px; }

.prr-author-box__img{
  width: 64px;
  height: 84px;
  border-radius: 5px;
  object-fit: cover;
  display:block;
  margin-left: 1.125rem;
   margin-top: 1.125rem;

}

.prr-author-box__content{ flex: 1 1 auto; margin-top: 1.125rem; margin-bottom: 1.125rem; }

.prr-author-box__name{
  margin: 0 0 .25rem 0;
  font-size: 1.05rem;
  line-height: 1.2;
}

.prr-author-box__subtitle{
  margin: 0 0 .5rem 0;
  opacity: .8;
}

.prr-author-box__bio p{ margin: .5rem 0 0 0; }

.prr-author-box--editor .prr-author-box__media-actions{
  margin-top: .5rem;
  display:flex;
  gap: .5rem;
  flex-wrap: wrap;
}

/* Override reglas globales del blog dentro del bloque */
.blog-content .prr-author-box h3.prr-author-box__name{
  margin-top: 0;
  margin-bottom: .25rem;
  font-weight: 600;
}

.blog-content .prr-author-box p{
  margin-bottom: 0;
  font-size: 16px;
}

/* === Brand (derecha) + carrusel === */
.prr-author-box__brand{
  align-self: stretch;   /* clave: ocupa toda la altura del bloque */
  margin-left: auto;
  flex: 0 0 auto;
  opacity: .95;
  display: flex;         /* para que el marquee pueda hacer height:100% */
}


/* Ocultar en móvil */
@media (max-width: 600px){
  .prr-author-box__brand{ display:none; }
}

/* Ventana del carrusel */
.prr-logo-marquee{
  width: 44px;       /* o el tamaño que quieras */
  height: 100%;      /* clave: toda la altura de la sección */
  overflow: hidden;
  position: relative;

  /* fade arriba/abajo */
  -webkit-mask-image: linear-gradient(to bottom,
    transparent 0%,
    rgba(0,0,0,1) 18%,
    rgba(0,0,0,1) 82%,
    transparent 100%
  );
  mask-image: linear-gradient(to bottom,
    transparent 0%,
    rgba(0,0,0,1) 18%,
    rgba(0,0,0,1) 82%,
    transparent 100%
  );
}


/* Track que se mueve */
.prr-logo-marquee__track{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;                 /* arranca desde abajo */
  display: flex;
  flex-direction: column;
      gap: 22px;
    opacity: 0.6;

  align-items: center;
  will-change: transform;

  animation: prr-marquee-up 30s linear infinite;
}

/* logos */
.prr-logo-marquee__track .prr-author-box__logo{
  width: 25px;
  height: auto;
  display: block;
  opacity: .95;
  transform: perspective(220px) rotateX(10deg) scale(.98);
}


@keyframes prr-marquee-up{
  0%   { transform: translateY(0); }       /* empieza pegado abajo */
  100% { transform: translateY(50%); }    /* sube */
}



.editor-styles-wrapper .wp-block-prr-author-box{
  max-width: var(--wp--style--global--content-size, 760px);
  margin-left: auto;
  margin-right: auto;
}


.prr-author-box__kicker{
  margin: 0 0 .6rem 0;
  font-size: 14px;
  opacity: .75;
}