/* ====================================================================== */
/* 1. ESTILOS GLOBALES (Tema Claro) */
/* ====================================================================== */

body {
    background-color: #f7f7f7; 
    color: #333333;
    font-family: 'Helvetica Neue', Arial, sans-serif;
  	-webkit-user-select: none; /* Safari, Chrome, Opera */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE 10+ */
    user-select: none;         /* Estándar */
    
    /* Cambia el cursor para indicar que el texto no se puede seleccionar */
    cursor: default;
}

/* ====================================================================== */
/* 2. LAYOUT HORIZONTAL (FOTO) */
/* ====================================================================== */

.profile-pic-horizontal {
    width: 90%;
    height: 90%;
    object-fit: cover;
    /* Eliminado: border: 4px solid #007bff; */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Mantener la sombra */
    margin-bottom: 0; 
}

/* Asegura que el texto en la columna derecha se alinee bien */
.carta-body .col-md-8 p {
    text-align: justify;
}

@media (max-width: 767.98px) {
    .profile-pic-horizontal {
        margin-bottom: 20px; /* Margen solo en móvil cuando se apilan */
    }
}

/* ====================================================================== */
/* 3. CARTA DE PRESENTACIÓN (Tema Claro) */
/* ====================================================================== */

/* Colores de Acento */
.text-primary {
    color: #007bff !important; 
}
.text-secondary {
    color: #6c757d !important;
}

/* Contenedor principal de la tarjeta (el recuadro blanco) */
.carta-card {
    background-color: #ffffff;
    color: #333333;
    border-radius: 15px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    border: 1px solid #eeeeee;
}

/* Texto y Separador */
.text-muted {
    color: #6c757d !important;
}

.carta-body p {
    color: #333333; /* Ligeramente más oscuro que el #838383 inicial para mejor legibilidad */
    line-height: 1.8;
    transition: 5s ease-in-out;
    text-align: justify;
}

.carta-body p:hover {
    color: #9b9b9b; /* Ligeramente más oscuro que el #838383 inicial para mejor legibilidad */
    opacity: 1;
    line-height: 1.8;
    text-align: justify;
}

hr {
    border-top: 1px solid #dee2e6;
}

/* CITA Destacada (Fondo Oscuro/Contraste) */
.filosofia-quote {
    background-color: #333333;
    color: #ffffff;
    border-left: 5px solid #dc3545; 
    padding: 20px;
    border-radius: 4px;
}

.filosofia-quote .blockquote {
    font-size: 1.1em;
    color: #ffffff;
}

/* Pie de página de "Secreto" */
.secreto-box {
    background-color: #e9f5ff !important;
    border-color: #b8daff !important;
    color: #004085 !important;
}

.secreto-box strong {
    color: #007bff !important;
}