﻿body {
    padding-top: 75px;
    padding-bottom: 30px;
    /* Fondo inspirado en cielo, mar y naturaleza */
    background: linear-gradient( 135deg, #dceef7 0%, #edf7fb 55%, #e4f2ed 100% );
    min-height: 100vh;
}


/* Contenedor principal */

.body-content {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 25px;
    padding-bottom: 20px;
    background-color: rgba(255, 255, 255, 0.96);
    border-radius: 12px;
    min-height: 500px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.10);
}


/* Barra superior */

.navbar-inverse {
    background-color: #174a63;
    border-color: #174a63;
}


    /* Nombre de la aplicación */

    .navbar-inverse .navbar-brand {
        color: #ffffff;
        font-weight: bold;
    }


        /* Nombre al pasar el mouse */

        .navbar-inverse .navbar-brand:hover {
            color: #ffffff;
        }


    /* Links del menú */

    .navbar-inverse .navbar-nav > li > a {
        color: #e8f3f7;
    }


        /* Links del menú al pasar el mouse */

        .navbar-inverse .navbar-nav > li > a:hover {
            color: #ffffff;
            background-color: #216582;
        }


    /* Botón hamburguesa en pantallas pequeñas */

    .navbar-inverse .navbar-toggle {
        border-color: #ffffff;
    }

        .navbar-inverse .navbar-toggle:hover,
        .navbar-inverse .navbar-toggle:focus {
            background-color: #216582;
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #ffffff;
        }


/* Títulos */

h1,
h2,
h3,
h4 {
    color: #174a63;
}


/* Tablas */

.table {
    margin-top: 10px;
    background-color: #ffffff;
}


    /* Encabezados de tabla */

    .table > thead > tr > th,
    .table > tbody > tr:first-child > th {
        background-color: #dceef7;
        color: #174a63;
        border-bottom: 2px solid #c6dfe9;
    }


/* Filas al pasar el mouse */

.table-hover > tbody > tr:hover {
    background-color: #f1f8fb;
}


/* Links */

a {
    color: #1f6f94;
}

    a:hover,
    a:focus {
        color: #174a63;
    }


/* Formularios */

input,
select,
textarea {
    max-width: 280px;
}


/* Inputs */

.form-control:focus {
    border-color: #4c94b3;
    box-shadow: 0 0 5px rgba(76, 148, 179, 0.35);
}


/* Botón principal */

.btn-primary {
    background-color: #1f6f94;
    border-color: #1f6f94;
}

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: #174a63;
        border-color: #174a63;
    }


/* Mensajes de error */

.alert-danger {
    margin-top: 15px;
}


/* Línea divisoria */

hr {
    border-top: 1px solid #dbe5ea;
}


/* Footer */

footer {
    margin-top: 15px;
    text-align: center;
    color: #666666;
}
