/*body {
      background-image: linear-gradient(to right, #ef3781 0%, #ef3781 50%,white 50%, white 100%);
      }*/
.form-group {
    padding: 10px;
}

/*label {
        padding-bottom: 10px;
        color: white;
        inline-size: 50%;
        overflow-wrap: break-word;
      }
      input,select {
        border-color: #ef3781;
      }*/
thead {
    font-size: 30px;
}

table {
    text-align: center;
}

small {
    opacity: 60%;
}

.caja {
    border: dotted 1px black;
    margin: 50px 0px;
}

.rb {
    margin-right: 20px;
}

.toggle-section {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: all 0.5s ease;
}

.toggle-section.show {
    max-height: 500px;
    /* Adjust based on content size */
    opacity: 1;
}

/* === Chubb Publico (Headings) === */
@font-face {
    font-family: "Chubb Publico";
    src: url("../fonts/chubb/Chubb Publico-Roman.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Chubb Publico Bold";
    src: url("../fonts/chubb/Chubb Publico-Bold.otf") format("opentype");
    font-weight: bold;
    font-style: normal;
}

/* Add other weights/styles as needed... */

/* === Lato (Body text) === */
@font-face {
    font-family: "Lato";
    src: url("../fonts/lato/Lato-Regular.ttf") format("truetype");
    font-weight: normal;
}

@font-face {
    font-family: "Lato";
    src: url("../fonts/lato/Lato-Bold.ttf") format("truetype");
    font-weight: bold;
}

@font-face {
    font-family: "Lato";
    src: url("../fonts/lato/Lato-Semibold.ttf") format("truetype");
    font-weight: 600;
}

@font-face {
    font-family: "Lato";
    src: url("../fonts/lato/Lato-Heavy.ttf") format("truetype");
    font-weight: 800;
}

@font-face {
    font-family: "Lato";
    src: url("../fonts/lato/Lato-Black.ttf") format("truetype");
    font-weight: 900;
}

/* Default font for body text */
body,
p,
label,
span,
input,
textarea {
    font-family: "Chubb Publico", sans-serif;
    font-weight: normal;
}

/* Headings use Chubb Publico */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Chubb Publico", serif;
    font-weight: bold;
}

header {
    background-color: #ffffff;
    text-align: center;
    padding-bottom: 3rem;
}

.navbar {
    background-color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.navbar-brand img {
    height: 60px;
}

.menu-toggle {
    background-color: white;
    border-radius: 25px;
    padding: 5px 15px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
}

.contador-circulo {
    background-color: #3f326a;
    color: white;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 10px;
    font-weight: regular;
}

.contador-label {
    font-size: 0.6rem;
}

.btn:disabled {
    background-color: #ccc !important;
    border-color: #ccc !important;
    color: #666 !important;
    cursor: not-allowed;
    opacity: 1;
    /* override Bootstrap's default opacity if needed */
}

.has-error,
[id$="-error"] {
    color: #dc3545;
}

#listErrors {
    text-align: left;
    margin-left: 1.5em;
    padding-left: 0;
    padding-top: 0.5em;
    /* text-align: center; */
    text-align: justify;
}

#listErrors li {
    color: #a94442;
    /* list-style: none; */
}

button.swal2-confirm:hover,
button.swal2-confirm:focus,
button.swal2-deny:hover,
button.swal2-deny:focus,
button.swal2-cancel:hover,
button.swal2-cancel:focus {
    color: #ffffff !important;
}

/* Estilos existentes */

@media (max-width: 768px) { /* Media query para tablets y móviles */
    .swal2-popup.swal2-modal.swal2-icon-warning.swal2-show {
        padding: 1em !important;
        width: 95% !important;
    }
    button.swal2-close {
        font-size: 2em;
    }
    .swal2-icon.swal2-warning.swal2-icon-show {
        font-size: 0.75em;
    }
    .swal2-container .swal2-title,
    .swal2-container .swal2-html-container {
        font-size: 0.9em !important;
        padding: 0px;
    }

    .swal2-toast .swal2-title,
    .swal2-toast .swal2-html-container {
        font-size: 0.9em !important;
        padding: 0px;
    }

    .swal2-container .swal2-input,
    .swal2-container .swal2-input-label {
        font-size: 1rem !important; /* Reduce el tamaño de los inputs */
    }

    .swal2-styled.swal2-confirm {
        font-size: 1em !important; /* Reduce el tamaño del botón confirmar */
    }

    .swal2-toast .swal2-html-container ol {
        margin-top: 0.5em !important; /* Ajusta el margen superior de las listas */
    }

    .swal2-toast .swal2-html-container li {
        line-height: 1.2em !important; /* Ajusta el alto de línea de los elementos de lista */
    }
}

@media (max-width: 480px) { /* Media query para móviles más pequeños */
  /* Puedes agregar estilos aún más reducidos aquí si es necesario */
    .swal2-container .swal2-title,
    .swal2-container .swal2-html-container {
        font-size: 1em !important; /* Reduce el tamaño de la fuente para títulos y contenido */
    }
}
.btn-custom {
    --bs-btn-color: #fff;
    --bs-btn-bg: #3f326a;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ea3f8b;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}