/* BENEFICIOS */
        #selector-beneficios {
            background-color: #061c3f;
            color: white;
        }

        #selector-beneficios .selector-title {
            color: #f2b23e;
            font-weight: bold;
        }

        #selector-beneficios .selector-subtitle {
            color: white;
            font-weight: 400;
        }

        #selector-beneficios .selector-select {
            border: 3px solid #f2b23e;
            border-radius: 50px;
            padding: 10px 20px;
            font-style: italic;
            background-color: transparent;
            color: white;
        }

        #selector-beneficios .selector-select:focus {
            border-color: #f2b23e;
            box-shadow: 0 0 5px #f2b23e;
            background-color: #061c3f;
            color: white;
        }

        #selector-beneficios .selector-btn {
            background-color: #f2b23e;
            color: #061c3f;
            border-radius: 50px;
            padding: 10px 30px;
            font-weight: bold;
            border: none;
        }

        #selector-beneficios .selector-btn:hover {
            background-color: #d9a232;
        }

        /* NOVEDADES */
        #seccion-novedades {
            background: linear-gradient(135deg, #34495e, #2c3e50);
            color: white;
        }

        #seccion-novedades .novedades-title {
            font-weight: bold;
        }

        #seccion-novedades .categoria-card {
            cursor: pointer;
            transition: transform 0.3s, box-shadow 0.3s;
        }

        #seccion-novedades .categoria-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 4px 12px rgba(0,0,0,0.3);
        }

        /* Color personalizado para la categoría púrpura */
        .bg-purple {
            background-color: #9b59b6 !important;
        }

        /* Color personalizado para la categoría naranja */
        .bg-orange {
            background-color: #f39c12 !important;
        }

        /* Carrusel flechas */
        #seccion-novedades .carousel-control-prev-icon,
        #seccion-novedades .carousel-control-next-icon {
            background-color: rgba(0, 0, 0, 0.5);
            border-radius: 50%;
        }

        #noticias-destacadas {
            background-color: #0a2e59;
            color: white;
        }

        #noticias-destacadas .titulo-seccion {
            font-weight: bold;
            color: white;
        }

        #noticias-destacadas .noticia-card {
            position: relative;
            overflow: hidden;
            border-radius: 10px;
            transition: transform 0.3s, box-shadow 0.3s;
        }

        #noticias-destacadas .noticia-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
        }

        #noticias-destacadas .noticia-card img {
            object-fit: cover;
            height: 300px;
        }

        #noticias-destacadas .card-img-overlay {
            background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent 60%);
        }

        #noticias-destacadas .ver-mas-link {
            color: white;
            text-decoration: underline;
            font-weight: 500;
            transition: color 0.3s;
        }

        #noticias-destacadas .ver-mas-link:hover {
            color: #f1c40f;
        }

        /* Encapsulamos estilos solo para esta sección */
        #planes-habitacionales {
        background: linear-gradient(135deg, #34495e, #2c3e50);
        }
        #planes-habitacionales .card-title {
        color: #0a2e59;
        }

        #planes-habitacionales img {
        object-fit: cover;
        }

            /* Estilos encapsulados del slider */
        #convenios-que-necesitas {
            background-color: #0a2e59;
            color: white;
        }

        #convenios-que-necesitas .titulo-seccion {
            font-weight: bold;
        }

        #convenios-que-necesitas .convenio-card {
            min-width: 200px;
            background-color: white;
            border-radius: 5px;
            overflow: hidden;
        }

        #convenios-que-necesitas img {
            width: 100%;
            height: 150px;
            object-fit: contain;
            background-color: white;
            padding: 10px;
        }

        #beneficios-programas {
        background: linear-gradient(135deg, #34495e, #2c3e50);
        }

        #beneficios-programas img {
        object-fit: cover;
        }