/* ================== VARIABLES GLOBALES ================== */
:root {
  --chat--color-primary: #2563eb;
  --chat--color-primary-shade-50: #2563eb;
  --chat--color-primary-shade-100: #2563eb;
  --chat--color-secondary: #000000;
  --chat--color-secondary-shade-50: #000000;
}

/* ================== SECCIÓN GUÍA PROFESIONAL ================== */
#guia-profesional {
    background-color: #1a1a1d !important;
    color: #f4f4f4;
    padding: 100px 0;
    height: 100vh;
}
@media (max-width:768px){
    #guia-profesional {
        padding: 50px 0;
        height: auto;
    }
}
#guia-profesional .section-heading {
    color: #0091ea;
}
#guia-profesional .section-subheading {
    color: #a9a9a9 !important;
    margin-bottom: 75px;
}
#guia-profesional .img-fluid.rounded {
    box-shadow: 0 10px 30px rgba(0, 145, 234, 0.2);
}
#guia-profesional .col-md-6:last-child {
    padding-left: 40px;
}
#guia-profesional h4 {
    font-size: 2rem;
    color: #fff;
}
#guia-profesional p {
    color: #a9a9a9;
    line-height: 1.8;
}
#guia-profesional ul.list-unstyled {
    color: #f4f4f4;
}
#guia-profesional ul.list-unstyled li {
    margin-bottom: 15px;
}
#guia-profesional ul.list-unstyled i {
    color: #0091ea;
    margin-right: 10px;
}
#guia-profesional .btn-primary {
    background-color: #0091ea;
    border-color: #0091ea;
    margin-top: 20px;
}
.modal-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.modal-overlay.show {
    opacity: 1;
    visibility: visible;
}
.modal-content {
    background-color: #fff;
    padding: 1.5rem;
    border-radius: 0.75rem;
    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
    max-width: 90%;
    max-height: 90%;
    display: flex;
    flex-direction: column;
    position: relative;
}
.modal-content img {
    max-width: 100%;
    max-height: 70vh;
    object-fit: contain;
    margin-bottom: 1rem;
}