﻿body {
    margin: 0; /* Elimina el margen por defecto del navegador */
    padding: 0;
    /* Adicionalmente, podrías querer verificar si hay un overflow-x: */
    overflow-x: hidden;
}
/* Estilos en línea para asegurar el comportamiento, pero es mejor mover esto a tu CSS */
.btn-regresar-fixed {
    position: fixed;
    top: 25px;
    right: 10px;
    z-index: 1100; /* Asegura que esté por encima de todo */
    background-color: #9e92fb; /* Color principal de Tinguro */
    color: white;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s;
}

    .btn-regresar-fixed:hover {
        background-color: #7d73c7;
        color: white;
    }


/* Estilos para el contenedor del contenido del modal */
.custom-modal-content {
    border-radius: 15px; /* Bordes redondeados */
}

/* Estilos para el encabezado del modal con el logo y el botón de cerrar */
.custom-modal-header {
    display: flex;
    justify-content: flex-end; /* Alinea el botón de cerrar a la derecha */
    border-bottom: none; /* Elimina la línea de separación */
    padding: 10px 20px 0 20px;
}

.modal-logo {
    position: absolute; /* Coloca el logo en la esquina superior izquierda */
    top: 20px;
    right: 20px;
    width: 60px; /* Ajusta el tamaño del logo */
    height: auto;
    z-index: 10; /* Asegura que el logo esté sobre el contenido */
}

/* Estilos para el cuerpo del modal (donde va el texto) */
.custom-modal-body {
    background-color: #fff; /* Fondo blanco */
    padding: 20px;
    border-radius: 15px;
    margin: 0 20px 20px 20px;
    padding: 1rem 1.5rem;
}

/* Contenedor del documento con scroll */
.modal-document {
    max-height: 70vh; /* Altura máxima del contenido, ajusta según necesidad */
    overflow-y: auto; /* Añade scroll si el contenido es demasiado largo */
    padding-right: 15px; /* Espacio para que el scroll no se pegue al texto */
}

/* Estilos adicionales para el título */
.modal-title {
    color: #333;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

