.more-btn {
    display: flex;
    flex-wrap: wrap;
    /* Permite que los botones se muevan a la siguiente línea si es necesario */
    gap: 10px;
    /* Espacio entre los botones */
}
.section-rc {
    padding-bottom: 5%;
    scroll-margin-top: 120px;
}
.section-rc2 {
    scroll-margin-top: 120px;
}
.homes-img {
    width: 100%; 
    height: 350px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.modal-body iframe {
    width: 100%;
    height: 100%; /* Ajusta según necesites */
    border: none;
}

.rc-site-schedule {
    font-style: italic;
}
.rc-site-description {
    padding-top: 1.25%;
    text-align: justify;
}

@media (max-width: 600px) {
    .more-btn {
        display: flex;
        flex-wrap: wrap;
        /* Permite que los botones se muevan a la siguiente línea si es necesario */
        gap: 10px;
        /* Espacio entre los botones */
        margin-left: 15px;
    }
    .rc-site-description {
        font-size: 14px;
    }
    .titlerevenuecenter {
        font-size: 35px;
    }
    .section-rc {
        padding-bottom: 15%;
        scroll-margin-top: 75px;
    }
    .section-rc2 {
        margin-left: 1%;
        margin-right: 1%;
        border-bottom: 1px solid #111111;
        padding-bottom: 15%;
    }
    .homes-img {
        height: 250px;
    }
}


/* ADMINISTRACION REVENUECENTERS */

/* Habilita cursor */
.sortable-handle {
    cursor: move;
}

/* Cambia el color del acordon sitio */
.accordion-button {
    color: #f8f9fa !important;
    background-color: #53708a !important;
}

/* Estilos de visualizacion de imagen parallax */
#parallaxPreview {
    transition: all 0.3s ease;
    background-color: #f0f0f0;
    background-repeat: no-repeat;
}

#parallaxTitlePreview {
    transition: all 0.3s ease;
    font-size: 2rem;
    text-align: center;
    padding: 0 20px;
}

/* Para ocultar/mostrar la sección parallax según necesidad */
.hide-parallax-section {
    display: none !important;
}

/* Estilos de visualizacion de imagen principal */
/* Estilos para la previsualización de imagen */
.preview-container {
    position: relative;
    background-color: #f8f9fa;
    min-height: 200px;
}

.preview-container::before {
    content: "Vista previa (ancho máximo: 650px)";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #6c757d;
    z-index: 0;
    text-align: center;
}

.preview-container img {
    position: relative;
    z-index: 1;
    background-color: white;
    display: block;
    margin: 0 auto;
}

/* Estilos para los botones de eliminar sitio */
.accordion-button .remove-site-btn {
    pointer-events: auto;
    margin-left: auto;
    z-index: 1;
}

.accordion-button::after {
    margin-left: 0.5rem;
}

.remove-site-btn {
    display: none;
}

.accordion-item:not(:only-child) .remove-site-btn {
    display: inline-block;
}

/* Estilos para el área de arrastrar */
.sortable-handle {
    cursor: move;
}





/* Estilos personalizados para Quill */
.ql-editor {
    min-height: 150px;
    font-family: 'Muli-Regular', sans-serif;
}

.ql-toolbar {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.ql-container {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 200px;
}

.quill-editor-container {
    margin-bottom: 15px;
}

.quill-editor-container label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}