/* Páginas de herramienta gratis (he-*): /comprobar-web y /comprobar-ssl. Encima de app.css y home.css. */
.he-heroe { padding-bottom: 48px }
.he-in > * { max-width: 780px }
.he-migas { font-size: .85rem; color: #52627A; margin-bottom: 18px }
.he-migas a { color: #52627A }
.he-heroe h1 { font-size: clamp(2.2rem, 4.6vw, 3.5rem); font-weight: 800; letter-spacing: -.05em; line-height: 1.04; color: var(--marino); margin: 0 0 18px }
.he-heroe h1 > span:not(.k-h1-eti) { display: block; color: var(--azul) }
.he-form { max-width: 640px }

.he-cuerpo { background: #FBFCFF; padding-top: 48px }
.he-rej { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 48px; align-items: start }
@media (max-width: 1000px) { .he-rej { grid-template-columns: minmax(0, 1fr) } }
.he-texto { max-width: 760px }
.he-texto h2 { font-size: clamp(1.4rem, 2.4vw, 1.8rem); font-weight: 800; letter-spacing: -.035em; color: var(--marino); margin: 44px 0 16px }
.he-texto h2:first-child { margin-top: 0 }
.he-texto p { color: #334155; font-size: 1.02rem }
.he-lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px }
@media (max-width: 640px) { .he-lista { grid-template-columns: minmax(0, 1fr) } }
.he-lista li { display: flex; gap: 14px; align-items: flex-start; background: #fff; border: 1px solid #E6ECF5; border-radius: 14px; padding: 16px; font-size: .9rem; color: #52627A }
.he-lista .ico-l { width: 40px; height: 40px; padding: 9px; border-radius: 10px; background: #EEF4FF; color: var(--azul); flex: none }
.he-lista b { display: block; color: var(--marino); font-size: .98rem; margin-bottom: 2px }
.he-tabla-env { overflow-x: auto; border: 1px solid #E6ECF5; border-radius: 14px; background: #fff }
.he-tabla { width: 100%; border-collapse: collapse; font-size: .92rem }
.he-tabla th, .he-tabla td { text-align: left; padding: 12px 16px; border-top: 1px solid #EEF2F7; vertical-align: top; color: #334155 }
.he-tabla thead th { border-top: 0; background: #F7F9FC; font-size: .8rem; color: #52627A; font-weight: 600 }
.he-tabla tbody th { color: var(--marino); font-weight: 700; white-space: nowrap }
.he-cod { display: inline-block; font: 700 .8rem var(--mono); padding: 3px 8px; border-radius: 6px; background: #E9F9EF; color: #14532D }
.he-cod.av { background: #FFF1D6; color: #7C3A00 }
.he-cod.mal { background: #FEE2E2; color: #991B1B }
.he-pasos { margin: 0; padding-left: 22px; display: grid; gap: 10px; color: #334155 }
.he-pasos b { color: var(--marino) }
.he-faq { margin-top: 8px }

.he-lado { display: grid; gap: 18px; position: sticky; top: 96px }
@media (max-width: 1000px) { .he-lado { position: static } }
.he-cta { border-radius: 18px; padding: 26px; color: #DCE6F7;
  background: radial-gradient(80% 70% at 100% 0%, rgba(59, 130, 255, .45) 0%, rgba(59, 130, 255, 0) 70%), linear-gradient(160deg, #0A2A66 0%, #061634 100%);
  box-shadow: 0 30px 60px -30px rgba(10, 31, 68, .6) }
.he-cta h2 { color: #fff; font-size: 1.35rem; font-weight: 800; letter-spacing: -.03em; margin: 14px 0 8px }
.he-cta p { font-size: .93rem; margin: 0 0 14px }
.he-cta .k-checks { color: #DCE6F7; margin: 0 0 20px; display: grid; gap: 6px }
.he-cta .k-checks li::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10.5l4 4L16 6' fill='none' stroke='%237FB0FF' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") }
.he-cta :focus-visible { outline-color: #fff }
.an-cta-ico { width: 44px; height: 44px; border-radius: 12px; background: var(--azul); color: #fff; display: grid; place-items: center }
.an-cta-ico .ico-l { width: 22px; height: 22px }
.an-cta-btn { width: 100%; min-height: 52px; font-size: 1rem }
.he-otras { background: #fff; border: 1px solid #E6ECF5; border-radius: 16px; padding: 20px; display: grid; gap: 10px; font-size: .92rem }
.he-otras b { color: var(--marino) }