/* Landing webs.estrategads.pe: usa styles.css de estrategads.pe y solo agrega su propio armado. */

.landing { background: var(--fondo, #0E0401); }
.landing main { position: relative; z-index: 1; }

.landing__nav { position: sticky; top: 0; z-index: 40; backdrop-filter: blur(14px); background: rgb(14 4 1 / 0.72); border-bottom: 1px solid var(--borde); }
.landing__barra { display: flex; align-items: center; gap: 1.5rem; min-height: 68px; }
.landing__enlaces { display: flex; gap: 1.6rem; margin-left: auto; }
.landing__enlaces a { color: var(--texto-suave); text-decoration: none; font-weight: 500; }
.landing__enlaces a:hover { color: var(--texto); }
@media (max-width: 860px) {
  .landing__enlaces { display: none; }
  .landing__barra { justify-content: space-between; }
}

.landing__portada { position: relative; min-height: min(92vh, 900px); display: grid; align-items: center; overflow: hidden; padding-block: 4rem; }
.portada__anillo { position: absolute; inset: 0; opacity: 0.55; pointer-events: none; }
.portada__anillo .rediseno3d__lienzo { pointer-events: none; }
.landing__portada-texto { position: relative; z-index: 1; max-width: 58rem; }
.landing__titulo { font-family: var(--f-display); font-weight: 800; font-size: clamp(2.8rem, 8vw, 6.4rem); line-height: 0.92; letter-spacing: -0.03em; }
.landing__acciones { display: flex; flex-wrap: wrap; align-items: center; gap: 1.2rem; margin-top: 2rem; }
.landing__secundario { color: var(--texto-suave); font-weight: 600; text-underline-offset: 4px; }

.landing .plan .boton { margin-top: 1.4rem; align-self: flex-start; }
.landing .proyecto .boton { margin-top: 1rem; }
.landing .webs-hechas { margin-top: 1rem; }

.landing__cierre { text-align: center; }
.landing__cierre .landing__acciones { justify-content: center; }

.landing__pie { display: grid; gap: 1.2rem; padding-block: 3rem; }
.landing .pie__contacto { display: flex; flex-wrap: wrap; gap: 1.4rem; }