@charset "UTF-8";

.consulta-equipo main .principal article {
  padding-bottom: 3rem;
}

.consulta-equipo-intro,
.consulta-equipo-form,
.consulta-equipo-mensaje,
.consulta-equipo-resultado {
  margin-right: 1rem;
  margin-left: 1rem;
}

.consulta-equipo-intro {
  max-width: 68rem;
  margin-top: 1.8rem;
}

.consulta-equipo-periodo {
  color: #62686b;
}

.consulta-equipo-form {
  max-width: 42rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.consulta-equipo-form label {
  display: block;
  margin-bottom: .5rem;
  color: #555b5e;
  font-size: 1.1rem;
  line-height: 1.4rem;
  text-transform: uppercase;
}

.consulta-equipo-form__fila {
  display: flex;
  align-items: stretch;
}

.consulta-equipo-campo {
  position: relative;
  min-width: 0;
  flex: 1 1 auto;
}

.consulta-equipo-form input {
  width: 100%;
  min-width: 0;
  height: 100%;
  padding: .8rem 3.4rem .8rem 1rem;
  border: .1rem solid #9ea5a8;
  border-right: 0;
  border-radius: 0;
  background: #fff;
  color: #111;
  font-family: "Arimo", Arial, Helvetica, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.5rem;
  text-transform: lowercase;
}

.consulta-equipo-form input::-webkit-search-cancel-button {
  display: none;
}

.consulta-equipo-form .consulta-equipo-limpiar {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: .7rem;
  width: 2.2rem;
  height: 2.2rem;
  padding: 0;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  color: #656b6e;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2rem;
  text-align: center;
  text-transform: none;
  cursor: pointer;
}

.consulta-equipo-form .consulta-equipo-limpiar[hidden] {
  display: none;
}

.consulta-equipo-form .consulta-equipo-limpiar:hover,
.consulta-equipo-form .consulta-equipo-limpiar:focus-visible {
  border: 0;
  background: transparent;
  color: #b1121b;
  outline: .1rem solid #b1121b;
}

.consulta-equipo-form input:focus {
  position: relative;
  z-index: 1;
  border-color: #00b0e5;
  outline: .2rem solid rgba(0,176,229,.18);
}

.consulta-equipo-form button,
.consulta-equipo-acciones button {
  padding: .7rem 1.2rem;
  border: .1rem solid #333;
  border-radius: 0;
  background: #666;
  color: #fff;
  font-family: "Arimo", Arial, Helvetica, sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.6rem;
  text-transform: uppercase;
  cursor: pointer;
}

.consulta-equipo-form button:hover,
.consulta-equipo-form button:focus-visible,
.consulta-equipo-acciones button:hover,
.consulta-equipo-acciones button:focus-visible {
  border-color: #0094bf;
  background: #00b0e5;
  outline: 0;
}

.consulta-equipo-mensaje {
  max-width: 68rem;
  margin-top: 1.5rem;
  padding: 1rem 1.2rem;
  border-left: .4rem solid #899195;
  background: #fff;
  color: #303638;
  font-size: 1.2rem;
  line-height: 1.7rem;
}

.consulta-equipo-mensaje.es-error {
  padding-left: 1.7rem;
  border-left-color: #b1121b;
  background: #f7dddd;
  color: #760b12;
}

.consulta-equipo-mensaje.es-aviso {
  border-left-color: #d1a600;
  background: #fff3c5;
  color: #5d4a00;
}

.consulta-equipo-resultado {
  margin-top: 3rem;
}

.consulta-equipo-resultado__titulo {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2rem;
  padding-bottom: .7rem;
  border-bottom: .2rem solid #000;
}

.consulta-equipo-resultado__eyebrow {
  margin: 0 0 .2rem;
  color: #747b7e;
  font-size: 1rem;
  line-height: 1.2rem;
  text-transform: uppercase;
}

.consulta-equipo main .principal .consulta-equipo-resultado__titulo h3 {
  margin: 0;
  padding: 0;
  border: 0;
  color: #000;
  font-size: 3.2rem;
  line-height: 3.3rem;
}

.consulta-equipo-resultado__titulo a {
  flex: 0 0 auto;
  padding: .4rem .7rem;
  border-bottom: .1rem solid #777;
  font-size: 1.1rem;
  line-height: 1.5rem;
  text-transform: uppercase;
}

.consulta-equipo-resultado__titulo a:hover {
  border-bottom-color: #00b0e5;
  color: #007a9f;
}

.consulta-equipo-resumen {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 1.2rem 0 2rem;
  border-top: .1rem solid #c9cdcf;
  border-bottom: .1rem solid #c9cdcf;
}

.consulta-equipo-resumen > div {
  min-width: 0;
  padding: .9rem 1rem;
  border-right: .1rem solid #c9cdcf;
}

.consulta-equipo-resumen > div:first-child { padding-left: 0; }
.consulta-equipo-resumen > div:last-child { border-right: 0; }
.consulta-equipo-resumen dt {
  margin-bottom: .2rem;
  color: #747b7e;
  font-size: .9rem;
  line-height: 1.2rem;
  text-transform: uppercase;
}
.consulta-equipo-resumen dd {
  overflow: hidden;
  color: #1b1f20;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.7rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.consulta-equipo-acciones {
  display: flex;
  gap: .5rem;
  margin: 0;
}

.consulta-equipo-controles {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.5rem;
  margin: 0 0 .35rem;
}

.consulta-equipo-filtro {
  width: 100%;
  max-width: 42rem;
  margin: 0;
}

.consulta-equipo-filtro > label {
  display: block;
  margin-bottom: .45rem;
  color: #555b5e;
  font-size: 1rem;
  line-height: 1.4rem;
  text-transform: uppercase;
}

.consulta-equipo-filtro__campo {
  position: relative;
}

.consulta-equipo-filtro__campo input {
  box-sizing: border-box;
  width: 100%;
  min-height: 3.5rem;
  padding: .7rem 3.2rem .7rem .9rem;
  border: .1rem solid #9ea5a8;
  border-radius: 0;
  background: #fff;
  color: #202526;
  font-family: "Arimo", Arial, Helvetica, sans-serif;
  font-size: 1.2rem;
  line-height: 1.7rem;
}

.consulta-equipo-filtro__campo input:focus {
  border-color: #00b0e5;
  outline: .2rem solid rgba(0,176,229,.18);
}

.consulta-equipo-filtro__campo input::-webkit-search-cancel-button {
  display: none;
}

.consulta-equipo-filtro__limpiar {
  position: absolute;
  top: 50%;
  right: .6rem;
  width: 2.2rem;
  height: 2.2rem;
  padding: 0;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  color: #656b6e;
  font-size: 2rem;
  line-height: 2rem;
  cursor: pointer;
}

.consulta-equipo-filtro__limpiar[hidden] { display: none; }
.consulta-equipo-filtro__limpiar:hover,
.consulta-equipo-filtro__limpiar:focus-visible {
  color: #b1121b;
  outline: .1rem solid #b1121b;
}

.consulta-equipo-filtro__estado {
  min-height: 1.4rem;
  margin: 0 0 .45rem;
  color: #62686b;
  font-size: .95rem;
  line-height: 1.4rem;
}

.consulta-equipo-acciones button {
  padding: .45rem .8rem;
  border-color: #777;
  background: transparent;
  color: #4d5457;
  font-size: .95rem;
  font-weight: 400;
  white-space: nowrap;
}

.consulta-equipo-acciones button:hover,
.consulta-equipo-acciones button:focus-visible {
  color: #fff;
}

.consulta-equipo-arbol {
  --consulta-cols: minmax(20rem, 1fr) 15rem 9rem;
  overflow: hidden;
  border-top: .1rem solid #aeb4b7;
  border-bottom: .1rem solid #aeb4b7;
  background: rgba(255,255,255,.42);
}

.consulta-equipo-arbol__encabezado,
.consulta-equipo-arbol__fila {
  display: grid;
  grid-template-columns: var(--consulta-cols);
  align-items: center;
}

.consulta-equipo-arbol__encabezado {
  min-height: 2.8rem;
  padding: 0 .8rem;
  border-bottom: .1rem solid #aeb4b7;
  background: #dfe4e5;
  color: #5e6669;
  font-size: .9rem;
  line-height: 1.2rem;
  text-transform: uppercase;
}

.consulta-equipo-arbol__encabezado button {
  display: flex;
  width: 100%;
  min-width: 0;
  align-items: center;
  justify-content: flex-start;
  gap: .25rem;
  padding: .55rem 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: 700;
  text-align: left;
  text-transform: inherit;
  white-space: nowrap;
  cursor: pointer;
}

.consulta-equipo-arbol__encabezado button:hover,
.consulta-equipo-arbol__encabezado button:focus-visible {
  color: #007a9f;
  outline: .1rem solid #008eb7;
  outline-offset: .1rem;
}

.consulta-equipo-arbol__encabezado button:nth-child(2),
.consulta-equipo-arbol__encabezado button:nth-child(3) {
  justify-content: flex-end;
  text-align: right;
}

.consulta-equipo-arbol__encabezado button span {
  display: inline-block;
  width: 1.1rem;
  color: #007a9f;
  font-size: 1.1rem;
  text-align: center;
}

.consulta-equipo-arbol__nivel {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.consulta-equipo-arbol__nivel .consulta-equipo-arbol__nivel {
  margin-left: 2.2rem;
  border-left: .1rem solid #c8cdcf;
}

.consulta-equipo-arbol__item {
  margin: 0;
  padding: 0;
  border-bottom: .1rem solid #d8dcde;
}

.consulta-equipo-arbol__item:last-child { border-bottom: 0; }
.consulta-equipo-arbol__item::before { content: none; }
.consulta-equipo-arbol__item details { margin: 0; }
.consulta-equipo-arbol__item[hidden] { display: none; }

.consulta-equipo-arbol__sin-resultados {
  margin: 0;
  padding: 1.2rem .8rem;
  color: #62686b;
  font-size: 1.1rem;
  line-height: 1.5rem;
}

.consulta-equipo-arbol__sin-resultados[hidden] { display: none; }

.consulta-equipo-arbol__fila {
  min-height: 3.4rem;
  padding: .35rem .8rem;
  color: #2b3032;
  font-size: 1.1rem;
  line-height: 1.5rem;
}

summary.consulta-equipo-arbol__fila {
  background: rgba(255,240,177,.45);
  cursor: pointer;
  list-style: none;
}

summary.consulta-equipo-arbol__fila::-webkit-details-marker { display: none; }
summary.consulta-equipo-arbol__fila:hover { background: rgba(255,227,112,.58); }

.consulta-equipo-arbol__nombre {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: .55rem;
  overflow-wrap: anywhere;
}

a.consulta-equipo-arbol__nombre {
  border-bottom: 0;
  color: #202526;
}

a.consulta-equipo-arbol__nombre:hover { color: #0088b0; }

.consulta-equipo-arbol__fecha,
.consulta-equipo-arbol__peso {
  padding-left: 1rem;
  color: #70777a;
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
}

.consulta-equipo-arbol__flecha,
.consulta-equipo-arbol__sangria {
  width: 1rem;
  flex: 0 0 1rem;
}

.consulta-equipo-arbol__flecha {
  color: #008eb7;
  font-size: 1.8rem;
  line-height: 1;
  text-align: center;
  transition: transform .12s ease;
}

details[open] > summary .consulta-equipo-arbol__flecha { transform: rotate(90deg); }

.consulta-equipo-arbol__icono {
  position: relative;
  width: 1.5rem;
  height: 1.7rem;
  flex: 0 0 1.5rem;
  border: .1rem solid #8c969a;
  background: #fff;
}

.consulta-equipo-arbol__icono::after {
  position: absolute;
  right: .1rem;
  bottom: -.1rem;
  color: #667075;
  font-size: .55rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  content: '';
}

.consulta-equipo-arbol__icono.tipo-carpeta {
  height: 1.2rem;
  border: 0;
  background: #e4b72d;
}
.consulta-equipo-arbol__icono.tipo-carpeta::before {
  position: absolute;
  top: -.35rem;
  left: 0;
  width: .7rem;
  height: .4rem;
  background: #e4b72d;
  content: '';
}
.consulta-equipo-arbol__icono.tipo-html::after,
.consulta-equipo-arbol__icono.tipo-htm::after { content: 'H'; }
.consulta-equipo-arbol__icono.tipo-css::after { content: 'C'; color: #1688ba; }
.consulta-equipo-arbol__icono.tipo-js::after { content: 'JS'; color: #9a7600; }
.consulta-equipo-arbol__icono.tipo-jpg::after,
.consulta-equipo-arbol__icono.tipo-jpeg::after { content: 'J'; color: #a14475; }
.consulta-equipo-arbol__icono.tipo-png::after { content: 'P'; color: #a14475; }
.consulta-equipo-arbol__icono.tipo-gif::after { content: 'G'; color: #a14475; }
.consulta-equipo-arbol__icono.tipo-svg::after { content: 'S'; color: #b05a00; }
.consulta-equipo-arbol__icono.tipo-mp4::after { content: 'V'; color: #6b58a7; }

.consulta-equipo-arbol__vacia,
.consulta-equipo-arbol__aviso {
  margin: 0 1rem .7rem 4.6rem;
  color: #858c8f;
  font-size: 1rem;
  font-style: italic;
  line-height: 1.4rem;
}
.consulta-equipo-arbol__aviso { color: #8a6500; }

@media screen and (min-width: 42em) {
  .consulta-equipo-intro,
  .consulta-equipo-form,
  .consulta-equipo-mensaje,
  .consulta-equipo-resultado {
    margin-right: 0;
    margin-left: 0;
  }
}

@media screen and (max-width: 52em) {
  .consulta-equipo-controles { align-items: stretch; flex-direction: column; gap: .7rem; }
  .consulta-equipo-filtro { max-width: none; }
  .consulta-equipo-acciones { justify-content: flex-end; }
  .consulta-equipo-resumen { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .consulta-equipo-resumen > div:nth-child(2) { border-right: 0; }
  .consulta-equipo-resumen > div:nth-child(n+3) { border-top: .1rem solid #c9cdcf; }
  .consulta-equipo-resumen > div:nth-child(3) { padding-left: 0; }
}

@media screen and (max-width: 41.99em) {
  .consulta-equipo-form__fila { align-items: stretch; }
  .consulta-equipo-form input { width: 100%; }
  .consulta-equipo-resultado__titulo { align-items: flex-start; flex-direction: column; gap: .5rem; }
  .consulta-equipo-arbol { --consulta-cols: minmax(0, 1fr); }
  .consulta-equipo-arbol__encabezado button:not(:first-child) { display: none; }
  .consulta-equipo-arbol__fila { align-items: start; grid-template-columns: minmax(0, 1fr) auto; }
  .consulta-equipo-arbol__nombre { grid-column: 1 / -1; }
  .consulta-equipo-arbol__fecha,
  .consulta-equipo-arbol__peso {
    padding-top: .25rem;
    padding-left: 3.1rem;
    font-size: .95rem;
    line-height: 1.2rem;
    text-align: left;
  }
  .consulta-equipo-arbol__peso { padding-left: .8rem; text-align: right; }
  .consulta-equipo-arbol__nivel .consulta-equipo-arbol__nivel { margin-left: 1.4rem; }
}

@media screen and (max-width: 25em) {
  .consulta-equipo-form__fila { flex-direction: column; }
  .consulta-equipo-campo { width: 100%; }
  .consulta-equipo-form input { border-right: .1rem solid #9ea5a8; border-bottom: 0; }
  .consulta-equipo-form button { min-height: 3.8rem; }
  .consulta-equipo-resumen { grid-template-columns: 1fr; }
  .consulta-equipo-resumen > div,
  .consulta-equipo-resumen > div:nth-child(2) { border-top: .1rem solid #c9cdcf; border-right: 0; padding-left: 0; }
  .consulta-equipo-resumen > div:first-child { border-top: 0; }
}