/* ==========================================================
   VISTA: INFORMACIÓN
   ==========================================================
   Contiene los estilos de la sección "Información" de la
   aplicación, donde el usuario puede:

   - Enviar sugerencias.
   - Solicitar publicar su restaurante.
   - Reportar errores.
   - Consultar políticas de privacidad.
   ========================================================== */


/* ==========================================================
   CONTENEDOR PRINCIPAL
   ========================================================== */

/* Área principal de la vista de información */
#view-info{
    padding:20px;
    padding-bottom:40px;
}


/* ==========================================================
   ENCABEZADO
   ========================================================== */

/* Espaciado inferior del encabezado */
.info-header{
    margin-bottom:25px;
}

/* Título principal */
.info-header h1{
    font-size:28px;
    color:var(--primary);
    margin:0;
}


/* ==========================================================
   TARJETAS DE INFORMACIÓN
   ==========================================================
   Cada tarjeta representa una opción o sección de ayuda
   disponible para el usuario.
   ========================================================== */

/* Tarjeta individual */
.info-card{
    background:#fff;
    padding:20px;
    border-radius:var(--radius);
    margin-bottom:15px;
    box-shadow:var(--shadow-sm);
    transition:transform .1s;
}

/* Efecto visual al tocar la tarjeta */
.info-card:active{
    transform:scale(.99);
}


/* ==========================================================
   CONTENIDO DE LA TARJETA
   ========================================================== */

/* Título de la tarjeta */
.info-card h2{
    margin:0 0 8px;
    font-size:17px;
    color:var(--text-dark);

    display:flex;
    align-items:center;
    gap:8px;
}

/* Descripción de la opción */
.info-card p{
    font-size:13px;
    line-height:1.5;
    color:var(--text-light);
    margin:0 0 12px;
}


/* ==========================================================
   ENLACES / BOTONES
   ==========================================================
   Botones utilizados para acceder a acciones como:
   - Enviar sugerencias
   - Publicar restaurante
   - Reportar errores
   - Ver políticas
   ========================================================== */

.info-link{
    display:inline-block;
    color:var(--primary);
    font-size:13px;
    font-weight:600;
    text-decoration:none;

    padding:6px 12px;

    background:#fff5f0;
    border-radius:8px;
}