/* Iglesia con Orden · páginas públicas (presentación, guía y legales) */
body.web{background:var(--fondo)}
.web-barra{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 22px;max-width:1150px;margin:0 auto}
.web-barra .marca{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.15rem;color:var(--azul);text-decoration:none}
.web-barra .marca .ico{color:var(--oro);width:28px;height:28px}
.web-barra nav{margin-left:auto;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.web-barra nav a{color:var(--texto);text-decoration:none;font-weight:600}
.web-barra nav a.boton{color:#fff}
.seccion{max-width:1150px;margin:0 auto;padding:34px 22px}
.heroe{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;padding-top:30px}
.heroe h1{font-size:2.5rem;line-height:1.12;margin:0 0 14px}
.heroe h1 em{font-style:normal;color:var(--oro)}
.heroe .lead{font-size:1.18rem;color:var(--suave);margin:0 0 22px}
.heroe .versiculo{font-style:italic;color:var(--suave);margin-top:18px}
.maqueta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:18px;box-shadow:0 18px 40px rgba(20,30,50,.12);padding:18px}
.maqueta .fila{display:flex;justify-content:space-between;padding:9px 4px;border-top:1px solid var(--borde)}
.maqueta .fila:first-of-type{border-top:0}
.maqueta .ok{color:var(--ok);font-weight:700}
.titulo-sec{font-size:1.8rem;text-align:center;margin:0 0 8px}
.sub-sec{text-align:center;color:var(--suave);max-width:680px;margin:0 auto 26px}
.funciones{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.funcion{background:var(--tarjeta);border:1px solid var(--borde);border-radius:14px;padding:20px}
.funcion h3{margin:0 0 6px;font-size:1.08rem}
.funcion p{margin:0;color:var(--suave)}
.banda{background:var(--azul);color:#fff}
@media (prefers-color-scheme:dark){.banda{background:#0D1B2E}}
.banda .seccion{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.banda h2{font-size:1.8rem;margin:0 0 10px}
.banda p,.banda li{color:#DDE6F2}
.banda .boton{background:var(--oro)}
.precios{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.precio{background:var(--tarjeta);border:1px solid var(--borde);border-radius:14px;padding:22px;text-align:center}
.precio.destacado{border:2px solid var(--oro)}
.precio b.cifra-p{display:block;font-size:2.2rem;margin:8px 0 0}
.precio .suave{font-size:.9rem}
.faq details{background:var(--tarjeta);border:1px solid var(--borde);border-radius:12px;padding:14px 18px;margin-bottom:10px}
.faq summary{font-weight:700;cursor:pointer}
.texto-largo{max-width:780px;margin:0 auto;padding:30px 22px}
.texto-largo h1{font-size:2rem}
.texto-largo h2{margin-top:28px}
.texto-largo table{border-collapse:collapse;width:100%;margin:10px 0}
.texto-largo td,.texto-largo th{border:1px solid var(--borde);padding:8px;text-align:left}
.web-pie{text-align:center;padding:30px 16px 40px;color:var(--suave);font-size:.92rem;border-top:1px solid var(--borde);margin-top:30px}
.web-pie a{color:var(--suave)}
@media (max-width:860px){
  .heroe,.banda .seccion{grid-template-columns:1fr}
  .heroe h1{font-size:1.9rem}
  .web-barra nav{gap:12px;width:100%;margin-left:0}
}