/* Contenedor general transparente */
        .about-section-wrapper {
            padding: 4rem 0;
            background: transparent;
        }

        /* TARJETA PRINCIPAL GRANDE */
        .main-about-container {
            background: #ffffff;
            border: none;
            border-radius: 24px;
            padding: 3.5rem 2.5rem;
            box-shadow: 0 15px 50px rgba(0, 0, 0, 0.06);
        }

        /* ESTILOS DE LA COLUMNA DE TEXTO */
        .about-badge {
            text-uppercase: uppercase;
            font-weight: 700;
            font-size: 0.85rem;
            letter-spacing: 1px;
        }

        .about-title {
            color: #1a1a1a;
            font-weight: 800;
        }

        /* Bloques de propuesta de valor (Garantía, Por qué nosotros) */
        .value-feature {
            display: flex;
            gap: 15px;
            margin-top: 1.5rem;
        }

        .value-icon {
            font-size: 1.5rem;
            color: #ffc107; /* Amarillo/Dorado llamativo */
            line-height: 1;
        }

        .value-text h5 {
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 0.3rem;
        }

        .value-text p {
            color: #555555;
            font-size: 0.95rem;
            margin: 0;
        }

        /* ESTILOS DE LA COLUMNA DEL LOGO e IMÁGENES (Efecto Seguidor/Tilt) */
        .interactive-media-column {
            display: flex;
            flex-column: column;
            align-items: center;
            justify-content: center;
            gap: 2rem;
            /* Crea perspectiva 3D para el efecto del mouse */
            perspective: 1000px; 
        }

        .tilt-card {
            width: 100%;
            max-width: 350px; /* Controla el ancho máximo de las imágenes */
            transition: transform 0.1s ease-out, box-shadow 0.3s ease;
            transform-style: preserve-3d;
            will-change: transform;
            display: flex;
            justify-content: center;
        }

        .tilt-card img {
            width: 100%;
            height: auto;
            object-fit: contain;
            /* Filtro de sombra suave para dar sensación de flotado */
            filter: drop-shadow(0 10px 20px rgba(0,0,0,0.08)); 
        }

        /* Imagen de los niños flotantes específica */
        .kids-img {
            max-width: 400px;
        }