/* Estilos para las flechas de navegación */
            .flecha-navegacion {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                background: transparent;
                border: none;
                cursor: pointer;
                z-index: 100;
                transition: all 0.3s ease;
                padding: 10px;
            }

            .flecha-navegacion:hover {
                transform: translateY(-50%) scale(1.1);
            }

            .flecha-navegacion:hover svg circle {
                fill: #f0f0f0;
            }

            .flecha-izquierda {
                left: -60px;
            }

            .flecha-derecha {
                right: -60px;
            }

            /* Responsive: mostrar las flechas dentro del contenedor en pantallas pequeñas */
            @media (max-width: 1200px) {
                .flecha-izquierda {
                    left: 10px;
                }
                
                .flecha-derecha {
                    right: 10px;
                }
            }

            /* En móviles, hacer las flechas más pequeñas */
            @media (max-width: 768px) {
                .flecha-navegacion svg {
                    width: 30px;
                    height: 30px;
                }
                
                .flecha-izquierda {
                    left: 5px;
                }
                
                .flecha-derecha {
                    right: 5px;
                }
            }

/* Espaciado para las cajas de beneficios */
                            .beneficios-fondo .col-md-6 {
                                padding: 20px 30px !important;
                                margin-bottom: 30px;
                            }

                            /* Ajustar el espaciado interno de cada caja */
                            .beneficios-fondo .col-md-6.text-center {
                                padding-left: 25px !important;
                                padding-right: 25px !important;
                            }

                            /* Responsive */
                            @media (max-width: 767px) {
                                .beneficios-fondo .col-md-6 {
                                    padding: 15px 20px !important;
                                    margin-bottom: 20px;
                                }
                            }




            /* ===================================
                seccion 5.1
            ====================================== */
            /* Sección Expertos en Cirugía */
            .seccion-expertos {
                padding: 0;
                position: relative;
                width: 100%;
                overflow: hidden;
                background-image: url('../images/que_te_duele/imag_q-47.jpg'); /* Imagen de fondo que cubre toda la sección */
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                min-height: 600px;
            }

            .seccion-expertos .row {
                margin: 0;
                min-height: 600px;
            }

            /* Contenido con overlay azul (lado derecho) */
            .contenido-expertos {
                position: relative;
                padding: 0;
            }

            .overlay-azul2 {
                position: relative;
                background-color: rgba(33, 55, 105, 0.85); /* Azul #213769 con opacidad */
                width: 100%;
                height: 100%;
                min-height: 600px;
                display: flex;
                align-items: center;
                padding: 150px 80px;
                padding-bottom: 150px;
            }

            /* Texto dentro del overlay */
            .texto-expertos {
                position: relative;
                z-index: 2;
            }

            /* Título */
            .titulo-expertos {
                color: #E0E0CC; /* Color amarillo claro */
                font-size: 60px;
                font-weight: 700;
                line-height: 1.2;
                margin-bottom: 25px;
                text-transform: none;
            }

            /* Subtítulo */
            .subtitulo-expertos {
                color: #ccce8f; /* Color amarillo claro */
                font-size: 30px;
                font-weight: 300;
                margin-bottom: 20px;
                line-height: 1;
            }

            /* Descripción */
            .descripcion-expertos {
                color: #ffffff;
                font-size: 16px;
                line-height: 1.2;
                margin-bottom: 30px;
                font-weight: 300;
            }

            /* Frase final */
            .frase-final {
                color: #ffffff;
                font-size: 16px;
                font-weight: 600;
                margin: 0;
            }

            /* Círculo decorativo con flecha */
            .circulo-flecha-decorativo {
                position: absolute;
                bottom: -30px;
                right: 0px;
                width: 250px;
                height: 250px;
                background-image: url('images/que_te_duele/flex-102.png'); /* Cambia por tu imagen */
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                opacity: 0.5;
                z-index: 1;
            }

            /* Responsive */
            @media (max-width: 991px) {
                .seccion-expertos {
                    min-height: 500px;
                }
                
                .seccion-expertos .row {
                    min-height: 500px;
                }
                
                .overlay-azul2 {
                    min-height: 500px;
                    padding: 50px 40px;
                }
                
                .titulo-expertos {
                    font-size: 40px;
                }
                
                .subtitulo-expertos {
                    font-size: 16px;
                }
                
                .descripcion-expertos {
                    font-size: 15px;
                }
                
                .circulo-flecha-decorativo {
                    width: 120px;
                    height: 120px;
                }
            }

            @media (max-width: 767px) {
                .seccion-expertos {
                    min-height: auto;
                }
                
                .seccion-expertos .row {
                    min-height: auto;
                }
                
                .overlay-azul2 {
                    min-height: auto;
                    padding: 40px 30px;
                    background-color: rgba(52, 84, 122, 0.95); /* Más opacidad en móvil para mejor legibilidad */
                }
                
                .titulo-expertos {
                    font-size: 32px;
                    text-align: center;
                }
                
                .subtitulo-expertos {
                    font-size: 15px;
                    text-align: center;
                }
                
                .descripcion-expertos {
                    font-size: 14px;
                    text-align: center;
                }
                
                .frase-final {
                    text-align: center;
                }
                
                .circulo-flecha-decorativo {
                    width: 100px;
                    height: 100px;
                    bottom: 20px;
                    right: 50%;
                    transform: translateX(50%);
                }
            }



                        .btn-ver-mas-container {
                            display: flex;
                            justify-content: center;
                            margin-top: 40px;
                            margin-bottom: 40px;
                        }

                        .btn-ver-mas {
                            background-color: #213769;
                            color: white;
                            border: none;
                            padding: 12px 40px;
                            font-size: 16px;
                            font-weight: 600;
                            border-radius: 25px;
                            cursor: pointer;
                            transition: all 0.3s ease;
                            box-shadow: 0 2px 8px rgba(0, 123, 255, 0.2);
                            text-decoration: none;
                            display: inline-block;
                        }

                        .btn-ver-mas:hover {
                            background-color: #5f8db2;
                            transform: translateY(-2px);
                            text-decoration: none;
                            color: white;
                        }

                        .btn-ver-mas:active {
                            transform: translateY(0);
                        }