/* ===== Paper_SD: CSS mínimo y robusto (WPBakery safe) ===== */

.paper-sd,
.paper-sd * ,
.paper-sd *::before,
.paper-sd *::after{
  box-sizing: border-box;
}

/* Aire lateral del bloque completo (esto es lo que te falta en la captura) */
.paper-sd{
  width: 100%;
  max-width: 100%;
  padding: 0 18px;          /* <- separación del borde */
  margin: 0;
}

/* Controles en una línea + separación con la lista */
.paper-sd .paper-sd-controls-row{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 14px 0 !important;
  flex-wrap: nowrap !important;
}

/* Si WPBakery mete <p> wrappers */
.paper-sd .paper-sd-controls-row p{
  margin: 0 !important;
  padding: 0 !important;
  display: contents !important;
}

/* La clave para que NO sobresalga con gap: proporciones flex (8/2) */
.paper-sd .paper-sd-controls-row .paper-sd-search{
  flex: 8 1 0 !important;
  min-width: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid #ddd !important;
  border-radius: 12px !important;
  background: #fff !important;
}

.paper-sd .paper-sd-controls-row .paper-sd-year{
  flex: 2 0 0 !important;
  min-width: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid #ddd !important;
  border-radius: 12px !important;
  background: #fff !important;
}

/* Lista sin puntos */
.paper-sd ul.paper-sd-list{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.paper-sd ul.paper-sd-list > li{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Tarjetas */
.paper-sd .paper-sd-item{
  border: 1px solid #eee;
  border-radius: 14px;
  padding: 14px 16px;
  background: #fff;
  width: 100%;
  max-width: 100%;
}

/* Título */
.paper-sd .paper-sd-title a{ text-decoration: none; }
.paper-sd .paper-sd-title a:hover{ text-decoration: underline; }

/* Meta y ref */
.paper-sd .paper-sd-meta{
  margin-top: 8px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  color: #444;
}

.paper-sd .paper-sd-ref{
  margin-top: 8px;
  color: #333;
  font-size: 0.95em;
}

/* Responsive */
@media (max-width: 640px){
  .paper-sd{ padding: 0 12px; }
  .paper-sd .paper-sd-controls-row{
    flex-wrap: wrap !important;
  }
  .paper-sd .paper-sd-controls-row .paper-sd-search,
  .paper-sd .paper-sd-controls-row .paper-sd-year{
    flex: 0 0 100% !important;
  }
}

.paper-sd ul.paper-sd-list > li.paper-sd-item{
  padding: 22px 24px !important;
}

/* ===== Paper_SD: últimas publicaciones estilo horizontal ===== */

.paper-sd.paper-sd-latest{
  width: 100%;
  padding: 0;
  margin: 0;
  color: #ffffff;
}

.paper-sd-latest ul,
.paper-sd-latest-list{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.paper-sd-latest-item{
  list-style: none !important;
  position: relative;
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr) auto;
  gap: 32px;
  align-items: center;
  padding: 34px 0;
  border-top: 1px solid rgba(255,255,255,.18);
  transition: transform .22s ease, border-color .22s ease;
}

.paper-sd-latest-item:last-child{
  border-bottom: 1px solid rgba(255,255,255,.18);
}

.paper-sd-latest-item:hover{
  transform: translateX(10px);
  border-color: rgba(0,176,189,.45);
}

.paper-sd-latest-row-link{
  position: absolute;
  inset: 0;
  z-index: 3;
  text-decoration: none !important;
}

.paper-sd-latest-dot{
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #00b0bd;
  opacity: .95;
}

.paper-sd-latest-main{
  min-width: 0;
}

.paper-sd-latest-title{
  color: #ffffff;
  font-size: clamp(16px, 1.25vw, 21px);
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: -.025em;
  margin: 0 0 10px;
}

.paper-sd-latest-meta{
  color: rgba(255,255,255,.52);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: clamp(11px, .8vw, 13px);
  line-height: 1.5;
  letter-spacing: .01em;
}

.paper-sd-latest-link-wrap{
  align-self: center;
  white-space: nowrap;
  position: relative;
  z-index: 4;
  pointer-events: none;
}

.paper-sd-latest .paper-sd-latest-link{
  color: #00b0bd !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
  font-size: clamp(12px, .9vw, 15px) !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: color .22s ease, opacity .22s ease !important;
}

.paper-sd-latest .paper-sd-latest-link::after{
  content: "↗";
  color: #00b0bd !important;
  display: inline-block;
  margin-left: 6px;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: .95em;
  font-weight: 400;
  line-height: 1;
  transform: translateY(-1px);
}

.paper-sd-latest-item:hover .paper-sd-latest-link{
  color: #00b0bd !important;
  opacity: .78;
}

.paper-sd-latest-item:hover .paper-sd-latest-link::after{
  color: #00b0bd !important;
}


@media (max-width: 900px){
  .paper-sd-latest-item{
    grid-template-columns: 12px minmax(0, 1fr);
    gap: 20px;
    padding: 28px 0;
  }

  .paper-sd-latest-link-wrap{
    grid-column: 2;
    margin-top: 4px;
  }
}

@media (max-width: 640px){
  .paper-sd-latest-item{
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 16px;
    padding: 26px 0;
  }

  .paper-sd-latest-title{
    font-size: 18px;
  }

  .paper-sd-latest-meta{
    font-size: 12px;
  }

  .paper-sd-latest-link-wrap{
    grid-column: 2;
  }
}
/* ===== Paper_SD: listado general y destacados — mismo diseño que Latest ===== */
.paper-sd ul.paper-sd-publications-list{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

.paper-sd-publications-list > li.paper-sd-publication-item{
  list-style: none !important;
  position: relative;
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr) auto;
  gap: 32px;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin: 0 !important;
  padding: 34px 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 0 !important;
  background: transparent !important;
  transition: transform .22s ease, border-color .22s ease;
}

.paper-sd-publications-list > li.paper-sd-publication-item:last-child{
  border-bottom: 1px solid rgba(255,255,255,.18) !important;
}

.paper-sd-publication-item:hover{
  transform: translateX(10px);
  border-color: rgba(0,176,189,.45) !important;
}

.paper-sd-publication-row-link{
  position: absolute;
  inset: 0;
  z-index: 3;
  text-decoration: none !important;
}

.paper-sd-publication-dot{
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #00b0bd;
  opacity: .95;
}

.paper-sd-publication-main{
  min-width: 0;
}

.paper-sd-publication-title{
  color: #ffffff;
  font-size: clamp(16px, 1.25vw, 21px);
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: -.025em;
  margin: 0 0 10px;
}

.paper-sd-publication-meta{
  color: rgba(255,255,255,.52);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: clamp(11px, .8vw, 13px);
  line-height: 1.5;
  letter-spacing: .01em;
}

.paper-sd-publication-link-wrap{
  align-self: center;
  white-space: nowrap;
  position: relative;
  z-index: 4;
  pointer-events: none;
}

.paper-sd .paper-sd-publication-link{
  color: #00b0bd !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
  font-size: clamp(12px, .9vw, 15px) !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: color .22s ease, opacity .22s ease !important;
}

.paper-sd .paper-sd-publication-link::after{
  content: "↗";
  color: #00b0bd !important;
  display: inline-block;
  margin-left: 6px;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: .95em;
  font-weight: 400;
  line-height: 1;
  transform: translateY(-1px);
}

.paper-sd-publication-item:hover .paper-sd-publication-link{
  color: #00b0bd !important;
  opacity: .78;
}

@media (max-width: 900px){
  .paper-sd-publications-list > li.paper-sd-publication-item{
    grid-template-columns: 12px minmax(0, 1fr);
    gap: 20px;
    padding: 28px 0 !important;
  }

  .paper-sd-publication-link-wrap{
    grid-column: 2;
    margin-top: 4px;
  }
}

@media (max-width: 640px){
  .paper-sd-publications-list > li.paper-sd-publication-item{
    grid-template-columns: 10px minmax(0, 1fr);
    gap: 16px;
    padding: 26px 0 !important;
  }

  .paper-sd-publication-title{
    font-size: 18px;
  }

  .paper-sd-publication-meta{
    font-size: 12px;
  }
}


/* ===== Paper_SD: acabados de color por shortcode =====
   Uso: theme="blue" (por defecto) o theme="paper". */
.paper-sd-skin-paper{
  background-color: #F4F2EC;
  color: #102849;
}

.paper-sd-skin-paper .paper-sd-controls-row .paper-sd-search,
.paper-sd-skin-paper .paper-sd-controls-row .paper-sd-year{
  background-color: #FFFFFF !important;
  border-color: #C9D0C8 !important;
  color: #102849 !important;
}

.paper-sd-skin-paper .paper-sd-controls-row .paper-sd-search::placeholder{
  color: #68767B !important;
  opacity: 1;
}

.paper-sd-skin-paper .paper-sd-latest-item,
.paper-sd-skin-paper .paper-sd-publications-list > li.paper-sd-publication-item{
  border-color: #CCD2CC !important;
}

.paper-sd-skin-paper .paper-sd-latest-item:last-child,
.paper-sd-skin-paper .paper-sd-publications-list > li.paper-sd-publication-item:last-child{
  border-bottom-color: #CCD2CC !important;
}

.paper-sd-skin-paper .paper-sd-latest-item:hover,
.paper-sd-skin-paper .paper-sd-publication-item:hover{
  border-color: #008D99 !important;
}

.paper-sd-skin-paper .paper-sd-latest-title,
.paper-sd-skin-paper .paper-sd-publication-title{
  color: #102849 !important;
}

.paper-sd-skin-paper .paper-sd-latest-meta,
.paper-sd-skin-paper .paper-sd-publication-meta{
  color: #53646B !important;
}

.paper-sd-skin-paper .paper-sd-latest-dot,
.paper-sd-skin-paper .paper-sd-publication-dot{
  background-color: #008D99 !important;
}

.paper-sd-skin-paper .paper-sd-latest .paper-sd-latest-link,
.paper-sd-skin-paper .paper-sd-publication-link,
.paper-sd-skin-paper .paper-sd-latest .paper-sd-latest-link::after,
.paper-sd-skin-paper .paper-sd-publication-link::after{
  color: #007783 !important;
}

.paper-sd-skin-paper .paper-sd-latest-item:hover .paper-sd-latest-link,
.paper-sd-skin-paper .paper-sd-publication-item:hover .paper-sd-publication-link{
  color: #007783 !important;
}

.paper-sd-skin-paper p{
  color: #102849;
}