/* RGG Group · /rgg-plus-gestion, /rgg-plus-gestion/gracias y /consultoria
   Se carga después de paginas.css. Lo marcado "sirve para otras páginas" puede pasar a paginas.css. */

/* ── Texto y lista debajo de un h2 suelto (sin .sec-cab) ── */
.sec-txt { margin-top: 16px; font-size: 18px; color: var(--texto-2); }
.sec-lista { margin-top: 24px; }
.faq .link-txt { color: var(--azul); text-decoration: underline; text-underline-offset: 2px; }

/* ── Ficha del servicio: precio y datos clave al lado del título (sirve para otras páginas de servicio) ── */
.ficha { padding: 28px 28px 30px; border-radius: var(--r-bloque); }
.ficha-nombre { font-size: 15px; font-weight: 600; color: var(--azul-claro); }
.ficha-precio { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin-top: 8px; }
.ficha-precio b { font-size: clamp(34px, 3.4vw, 42px); font-weight: 750; line-height: 1.1; letter-spacing: -.035em; color: #fff; }
.ficha-precio span { font-size: 15px; color: var(--texto-osc); }
.ficha dl { display: grid; gap: 14px; margin: 22px 0 0; padding-top: 20px; border-top: 1px solid rgba(184, 205, 232, .22); font-size: 15px; line-height: 1.45; }
.ficha dl div { display: grid; grid-template-columns: 128px 1fr; gap: 14px; }
.ficha dt { color: var(--texto-osc); }
.ficha dd { margin: 0; font-weight: 600; color: #fff; }
.ficha.oro { border-color: rgba(212, 168, 67, .45); }
.ficha.oro .ficha-nombre { color: var(--dorado-claro); }

/* ── "También incluye": lista en dos columnas dentro de un recuadro claro ── */
.incluye { margin-top: 28px; padding: 28px 30px; border-radius: var(--r-tarjeta); background: var(--claro); border: 1px solid var(--borde); }
.incluye h3 { margin-bottom: 18px; font-size: 19px; font-weight: 700; color: var(--marino); }
.incluye .lista-check { grid-template-columns: 1fr 1fr; gap: 12px 32px; }
.incluye-nota { margin-top: 18px; font-size: 14px; color: var(--texto-2); }

/* ── Hojas del informe de ejemplo: tapa atrás, página interna adelante ── */
.informe-hojas { position: relative; max-width: 500px; margin: 0 auto; padding: 0 0 24px; }
.informe-hojas img { border-radius: 6px; border: 1px solid var(--borde); background: #fff; box-shadow: 0 18px 44px rgba(15, 30, 56, .16); }
.informe-hojas .hoja-atras { position: absolute; left: 0; top: 34px; width: 58%; transform: rotate(-4deg); }
.informe-hojas .hoja-frente { position: relative; width: 76%; margin-left: auto; }
.informe-hojas figcaption { margin-top: 18px; font-size: 14px; text-align: center; color: var(--texto-2); }
.informe-link { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-top: 28px; }
.informe-link small { font-size: 14px; color: var(--texto-2); }

/* ── Otras opciones: tarjetas-link apiladas (sirve para otras páginas) ── */
.opciones-serv { display: grid; gap: 14px; }
.opciones-serv h3 { margin-bottom: 4px; }
.opciones-tit { margin-bottom: 18px; font-size: 19px; font-weight: 700; color: var(--marino); }
.precio-chico { font-weight: 600; color: var(--marino); }

/* ── Lista de espera: precio en una línea y aviso de error del formulario ── */
.precio-linea { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin-top: 22px; }
.precio-linea b { font-size: 36px; font-weight: 750; letter-spacing: -.035em; color: var(--marino); }
.precio-linea span { color: var(--texto-2); }
.lista-izq .pasos-pag { margin-top: 36px; }
.lista-izq .pasos-pag > li { padding-bottom: 26px; }
.lista-izq .pasos-pag > li:last-child { padding-bottom: 0; }
.lista-nota { margin-top: 24px; color: var(--texto-2); }
.lista-nota .link-azul { min-height: 0; }
.form-caja h3 { font-size: 21px; font-weight: 750; letter-spacing: -.02em; color: var(--marino); }
.form-caja .form-bajada { margin-top: 4px; font-size: 15px; color: var(--texto-2); }
.form-caja .form { margin-top: 24px; }
.form .btn[type="submit"] { width: 100%; }
.form .opcional { font-weight: 500; color: var(--texto-2); }

/* Aviso de error: oculto hasta que el PHP vuelve con ?error=1#error (sirve para otros formularios) */
.aviso-form { display: flex; gap: 12px; align-items: flex-start; margin-top: 20px; padding: 14px 16px; border-radius: var(--r-boton); background: #FEF2F2; border: 1px solid #FECACA; font-size: 15px; line-height: 1.5; color: #7F1D1D; }
.aviso-form[hidden] { display: none; }
.aviso-form:target { display: flex; }
.aviso-form .ico { margin-top: 2px; color: #B91C1C; }
.aviso-form a { font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }

/* ── Consultoría: recuadro de WhatsApp para enviar la cartera ── */
.enviar .destacado { display: grid; gap: 14px; justify-items: start; padding: 26px 28px; }
.enviar .destacado p { color: var(--texto); }
.enviar .btn .ico { width: 20px; height: 20px; fill: currentColor; stroke: none; }

@media (max-width: 1023px) {
  .pag-cab-2 .ficha { max-width: 520px; }
}
@media (max-width: 700px) {
  .ficha { padding: 22px; }
  .ficha dl div { grid-template-columns: 1fr; gap: 2px; }
  .incluye { padding: 22px; }
  .incluye .lista-check { grid-template-columns: 1fr; }
  .informe-hojas { max-width: 340px; }
  .informe-hojas .hoja-atras { left: 12px; }
  .pag-acciones .btn, .informe-link .btn, .enviar .btn { width: 100%; white-space: normal; text-align: center; }
}