/* Estilos del blog — Premium Parking VLC (3-oct-2026)
 *
 * Reutiliza las variables y los componentes de /landing.css (header, footer,
 * .section, .btn-primary, .faq-*). Aquí solo van las clases propias del blog,
 * copiadas de las landings (lp-hero / lp-wrap) para que todo se vea igual.
 */

.lp-hero{background:linear-gradient(160deg,var(--azul-dark),var(--azul));color:#fff;padding:118px 20px 56px;text-align:center}
.lp-hero h1{font-size:clamp(26px,4vw,40px);font-weight:800;max-width:840px;margin:0 auto 16px;line-height:1.22}
.lp-hero .sub{font-size:clamp(15px,1.8vw,18px);color:rgba(255,255,255,.85);max-width:660px;margin:0 auto 26px;line-height:1.6}
.lp-hero .cta{display:inline-block;background:var(--dorado);color:#1a2540;font-weight:700;padding:14px 32px;border-radius:10px;text-decoration:none;font-size:16px;transition:background .15s}
.lp-hero .cta:hover{background:var(--dorado-dark)}
.lp-wrap{max-width:840px;margin:0 auto;padding:48px 20px}
.lp-wrap h2{font-size:clamp(20px,2.6vw,27px);color:var(--azul);margin:34px 0 12px}
.lp-wrap h2:first-child{margin-top:0}
.lp-wrap h3{font-size:clamp(17px,2vw,20px);color:var(--azul-dark);margin:24px 0 8px}
.lp-wrap p{font-size:16px;line-height:1.75;color:#374151;margin-bottom:14px}
.lp-wrap ul,.lp-wrap ol{margin:0 0 16px 22px;color:#374151;line-height:1.75}
.lp-wrap li{margin-bottom:6px}
.lp-table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px}
.lp-table th,.lp-table td{border:1px solid var(--borde);padding:10px 12px;text-align:left}
.lp-table th{background:#eef1f6;color:var(--azul);font-weight:700}
.lp-note{font-size:13px;color:var(--gris);margin-top:6px}
.lp-ctaband{text-align:center;padding:8px 20px 40px}

/* Blog: migas, fecha y lista de artículos del índice */
.bl-meta{font-size:13px;color:var(--gris);margin:0 0 22px}
.bl-back{display:block;margin-top:34px;font-size:15px}
.bl-list{max-width:840px;margin:0 auto;padding:48px 20px;display:flex;flex-direction:column;gap:18px}
.bl-card{background:#fff;border:1px solid var(--borde);border-radius:12px;padding:22px 24px;transition:box-shadow .15s}
.bl-card:hover{box-shadow:0 4px 18px rgba(15,35,75,0.08)}
.bl-card h2{font-size:clamp(18px,2.2vw,22px);margin:0 0 8px;line-height:1.3}
.bl-card h2 a{color:var(--azul);text-decoration:none}
.bl-card h2 a:hover{text-decoration:underline}
.bl-card p{font-size:15px;line-height:1.7;color:#374151;margin:0 0 12px}
.bl-card .bl-link{font-size:14px;font-weight:600;color:var(--dorado-dark);text-decoration:none}
.bl-card .bl-link:hover{text-decoration:underline}

@media(max-width:600px){.lp-hero{padding:100px 16px 44px}}