/* =========================================================
   PORTALGUARANI - ENLACE(S) RECOMENDADO(S)
   BLOQUE DEFINITIVO V2
   Incluye control de margin-top y margin-bottom de los <li>
   Pegar AL FINAL del CSS para que pise .descripcion strong y .descripcion *
   ========================================================= */

/* AJUSTES PRINCIPALES - PC */
:root {
  --pg-enlaces-titulo-font-size: 14px;       /* PC - tamaño del título */
  --pg-enlaces-item-font-size: 12px;         /* PC - tamaño de los enlaces */
  --pg-enlaces-li-margin-left: 15px;         /* PC - margen izquierdo del li */
  --pg-enlaces-li-margin-top: 0px;           /* PC - margen superior de cada li */
  --pg-enlaces-li-margin-bottom: 0px;        /* PC - margen inferior de cada li */
  --pg-enlaces-li-padding-left: 4px;         /* PC - separación interna izquierda */
  --pg-enlaces-hr-margin-bottom: 5px;        /* PC - margen inferior del hr */
  --pg-enlaces-ul-margin-bottom: 10px;       /* PC - margen inferior del ul completo */
}

/* TÍTULO: aplica al div, u y strong internos */
.descripcion .pg-enlaces-recomendados-titulo,
.descripcion .pg-enlaces-recomendados-titulo *,
.pg-enlaces-recomendados-titulo,
.pg-enlaces-recomendados-titulo * {
  font-size: var(--pg-enlaces-titulo-font-size) !important;
  line-height: 1.35 !important;
  font-family: Arial, sans-serif !important;
  font-weight: bold !important;
  text-align: left !important;
}

.descripcion .pg-enlaces-recomendados-titulo,
.pg-enlaces-recomendados-titulo {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 22px !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
}

/* Evita que .descripcion * le meta margin:auto al u/strong */
.descripcion .pg-enlaces-recomendados-titulo u,
.descripcion .pg-enlaces-recomendados-titulo strong,
.pg-enlaces-recomendados-titulo u,
.pg-enlaces-recomendados-titulo strong {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* HR */
.descripcion .pg-enlaces-recomendados-hr,
.pg-enlaces-recomendados-hr {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  border: 0 !important;
  border-top: 1px solid #656565 !important;
  height: 0 !important;
  margin-top: 6px !important;
  margin-right: 0 !important;
  margin-bottom: var(--pg-enlaces-hr-margin-bottom) !important;
  margin-left: 0 !important;
}

/* UL */
.descripcion ul.pg-enlaces-recomendados-lista,
ul.pg-enlaces-recomendados-lista {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  list-style-position: outside !important;
  list-style-type: disc !important;
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: var(--pg-enlaces-ul-margin-bottom) !important;
  margin-left: 0 !important;
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  text-align: left !important;
}

/* LI - acá se controlan margin-top y margin-bottom */
.descripcion ul.pg-enlaces-recomendados-lista > li.pg-enlaces-recomendados-item,
ul.pg-enlaces-recomendados-lista > li.pg-enlaces-recomendados-item {
  display: list-item !important;
  width: auto !important;
  max-width: 100% !important;
  font-size: var(--pg-enlaces-item-font-size) !important;
  line-height: 1.45 !important;
  text-align: left !important;
  margin-top: var(--pg-enlaces-li-margin-top) !important;
  margin-right: 0 !important;
  margin-bottom: var(--pg-enlaces-li-margin-bottom) !important;
  margin-left: var(--pg-enlaces-li-margin-left) !important;
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: var(--pg-enlaces-li-padding-left) !important;
}

/* A */
.descripcion ul.pg-enlaces-recomendados-lista > li.pg-enlaces-recomendados-item > a,
ul.pg-enlaces-recomendados-lista > li.pg-enlaces-recomendados-item > a {
  font-size: var(--pg-enlaces-item-font-size) !important;
  line-height: 1.45 !important;
  font-family: Arial, sans-serif !important;
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

/* TABLET / MÓVIL */
@media (max-width: 768px) {
  :root {
    --pg-enlaces-titulo-font-size: 14px;
    --pg-enlaces-item-font-size: 13px;
    --pg-enlaces-li-margin-left: 18px;
    --pg-enlaces-li-margin-top: 0px;
    --pg-enlaces-li-margin-bottom: 5px;
    --pg-enlaces-li-padding-left: 3px;
    --pg-enlaces-hr-margin-bottom: 8px;
    --pg-enlaces-ul-margin-bottom: 14px;
  }
}

/* MÓVIL CHICO */
@media (max-width: 480px) {
  :root {
    --pg-enlaces-titulo-font-size: 13px;
    --pg-enlaces-item-font-size: 11px;
    --pg-enlaces-li-margin-left: 13px;
    --pg-enlaces-li-margin-top: 0px;
    --pg-enlaces-li-margin-bottom: 4px;
    --pg-enlaces-li-padding-left: 2px;
    --pg-enlaces-hr-margin-bottom: 7px;
    --pg-enlaces-ul-margin-bottom: 12px;
  }
}