/* industria.portocarreroweb.com — hoja única.
   Minimalismo cuadrado: sin sombras, sin radios, sin degradados. */

*{ margin:0; padding:0; box-sizing:border-box; }

body{
  font-family:"Helvetica Neue", Arial, sans-serif;
  background:#f4f4f4;
  color:#111;
  line-height:1.6;
  padding:40px 24px 64px;
  -webkit-font-smoothing:antialiased;
}

.saltar{
  position:absolute; left:-9999px;
  background:#111; color:#fff; padding:10px 14px;
  font-size:.66rem; letter-spacing:.2em; text-transform:uppercase;
}
.saltar:focus{ left:24px; top:24px; z-index:10; }

.hoja{
  background:#fff;
  border:1px solid #111;
  max-width:780px;
  margin:0 auto;
  padding:52px 56px 44px;
}

/* --- cabecera --- */
.cab{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:16px;
  padding-bottom:18px;
  border-bottom:1px solid #111;
  margin-bottom:38px;
}
.sello{
  font-size:.62rem;
  letter-spacing:.26em;
  text-transform:uppercase;
  font-weight:600;
}
.sello a{ border:0; }
.paso{
  font-size:.6rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:#888;
  white-space:nowrap;
}

/* --- texto --- */
h1{
  font-size:1.75rem;
  font-weight:600;
  line-height:1.25;
  letter-spacing:-.01em;
  margin-bottom:18px;
}
.lema{
  font-size:.98rem;
  color:#444;
  max-width:60ch;
}
h2{
  font-size:.62rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#666;
  font-weight:600;
  border-top:1px solid #111;
  padding-top:14px;
  margin-bottom:18px;
}
.bloque{ margin-top:40px; }
p{ margin-bottom:14px; font-size:.92rem; }
p:last-child{ margin-bottom:0; }

a{ color:#111; text-decoration:none; border-bottom:1px solid #bbb; }
a:hover{ border-color:#111; }
a:focus-visible{ outline:2px solid #111; outline-offset:3px; }

/* --- listas --- */
.lista{ list-style:none; }
.lista li{
  position:relative;
  padding-left:20px;
  margin-bottom:12px;
  font-size:.92rem;
}
.lista li:last-child{ margin-bottom:0; }
.lista li::before{
  content:"";
  position:absolute;
  left:0; top:.6em;
  width:6px; height:6px;
  background:#111;
}
.lista li b{ font-weight:600; }

/* --- índice del método (portada) --- */
.pasos{ list-style:none; margin-top:8px; }
.pasos li{ border-top:1px solid #ddd; }
.pasos li:last-child{ border-bottom:1px solid #ddd; }
.pasos a{
  display:flex;
  gap:18px;
  align-items:baseline;
  padding:15px 4px;
  border:0;
}
.pasos a:hover{ background:#f4f4f4; }
.pasos .n{
  font-size:.62rem;
  letter-spacing:.14em;
  color:#999;
  width:22px;
  flex:none;
}
.pasos .t{ font-size:.95rem; font-weight:600; }
.pasos .d{
  display:block;
  font-size:.78rem;
  font-weight:400;
  color:#777;
  margin-top:3px;
}

/* --- avisos --- */
.nota{
  border:1px solid #111;
  padding:18px 20px;
  font-size:.85rem;
  margin-top:26px;
}
.regla{
  border-left:3px solid #111;
  padding:2px 0 2px 16px;
  margin-top:26px;
  font-size:.9rem;
}
.regla b{
  display:block;
  font-size:.58rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:#666;
  margin-bottom:6px;
}

/* --- tablas --- */
.marco{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
table{
  width:100%;
  border-collapse:collapse;
  font-size:.8rem;
  min-width:480px;
}
th{
  text-align:left;
  font-size:.55rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#666;
  font-weight:600;
  border-bottom:1px solid #111;
  padding:0 12px 9px 0;
  vertical-align:bottom;
}
td{
  border-bottom:1px solid #e2e2e2;
  padding:11px 12px 11px 0;
  vertical-align:top;
}
td:last-child, th:last-child{ padding-right:0; }
tr:last-child td{ border-bottom:0; }
.si{ font-weight:600; }
.no{ color:#999; }

/* --- fuentes --- */
.fuentes{ list-style:none; font-size:.78rem; }
.fuentes li{ padding:8px 0; border-bottom:1px solid #e2e2e2; }
.fuentes li:last-child{ border-bottom:0; }
.fuentes span{ display:block; color:#777; margin-top:2px; }

/* --- pie / paginador --- */
.pie{
  display:flex;
  justify-content:space-between;
  gap:16px;
  margin-top:52px;
  padding-top:20px;
  border-top:1px solid #111;
}
.pie a, .pie span{
  font-size:.6rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  border:0;
  color:#111;
}
.pie a:hover{ border-bottom:1px solid #111; }
.pie .vacio{ color:#ccc; }

.firma{
  max-width:780px;
  margin:22px auto 0;
  font-size:.58rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#999;
  text-align:center;
}

@media (max-width:640px){
  body{ padding:20px 14px 40px; }
  .hoja{ padding:32px 24px 30px; }
  h1{ font-size:1.4rem; }
  .cab{ margin-bottom:28px; }
}